/* ══════════════════════════════════════════════════════════
   VISIÓN PECUARIA — styles.css  (reescrito desde cero)
   ══════════════════════════════════════════════════════════ */

/* ── Variables ────────────────────────────── */
:root {
  --g900:#163d28; --g800:#1f5c40; --g700:#2d7a56;
  --g100:#e7f1ec; --g50:#f3f8f5;
  --wa:#25D366;
  --text:#111b15; --muted:#5a6b61;
  --border:rgba(31,92,64,.10);
  --bg:#f4f6f3; --white:#ffffff;
  --rs:12px; --r:18px; --rl:24px; --rxl:32px;
  --ss:0 2px 8px rgba(0,0,0,.07);
  --s:0 4px 24px rgba(0,0,0,.10);
  --sl:0 8px 40px rgba(0,0,0,.14);
}

/* ── Reset ────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font:inherit}

/* ── Container ────────────────────────────── */
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}

/* ══════════════════
   TOPBAR
══════════════════ */
.topbar{background:var(--g900);color:#c8dfd2;font-size:.82rem;font-weight:600}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:36px;gap:12px}
.topbar-links{display:flex;gap:16px}
.topbar-links a{color:#c8dfd2;transition:color .2s}
.topbar-links a:hover{color:#fff}

/* ══════════════════
   HEADER / NAV
══════════════════ */
.header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--ss)}
.nav{display:flex;align-items:center;gap:16px;height:68px;position:relative}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--g100)}
.brand-copy span{display:block;font:800 .95rem/1.1 Montserrat,sans-serif;color:var(--g800)}
.brand-copy small{display:block;font-size:.72rem;color:var(--muted)}
.menu{display:flex;align-items:center;gap:4px;margin-left:auto}
.menu a:not(.btn){padding:6px 12px;border-radius:var(--rs);font-size:.88rem;font-weight:600;color:var(--text);transition:background .2s,color .2s}
.menu a:not(.btn):hover{background:var(--g50);color:var(--g800)}
.menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px;border-radius:var(--rs)}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px}
.mobile-whatsapp{display:none!important}
.desktop-whatsapp{flex-shrink:0}

/* ══════════════════
   BOTONES
══════════════════ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font:700 .92rem/1 Montserrat,sans-serif;transition:filter .2s,transform .15s;white-space:nowrap;border:none}
.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--g800);color:#fff}
.btn-whatsapp{background:var(--wa);color:#fff}
.btn-whatsapp.full{width:100%}

/* ══════════════════
   SECCIONES BASE
══════════════════ */
.section{padding:80px 0}
.section-head{text-align:center;max-width:720px;margin:0 auto 44px}
.section-head h2{font:800 clamp(1.7rem,3.5vw,2.6rem)/1.15 Montserrat,sans-serif;margin:12px 0 14px;color:var(--text)}
.section-head p{color:var(--muted);font-size:1rem;line-height:1.75}
.section-tag,.eyebrow,.modal-label{display:inline-flex;align-items:center;padding:4px 14px;border-radius:999px;background:var(--g100);color:var(--g800);font:700 .8rem/1.6 Montserrat,sans-serif;letter-spacing:.03em}

/* ══════════════════
   HERO
══════════════════ */
.hero{background:linear-gradient(135deg,#e8f3ec 0%,#f4f8f5 60%,#deeae3 100%);padding:60px 0 50px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero-copy{background:var(--white);border-radius:var(--rxl);padding:44px;box-shadow:var(--s);border:1px solid var(--border)}
.hero-copy h1{font:800 clamp(1.9rem,3.8vw,3.6rem)/1.06 Montserrat,sans-serif;color:var(--text);margin:14px 0 16px}
.hero-copy p{color:var(--muted);font-size:1rem;line-height:1.75;max-width:52ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-mini-cta{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:.88rem;font-weight:700;color:var(--g800)}
.hero-mini-cta::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 5px rgba(37,211,102,.15);flex-shrink:0}
.hero-media{border-radius:var(--rxl);overflow:hidden;box-shadow:var(--sl);background:var(--g100);aspect-ratio:4/3}
.hero-media img{width:100%;height:100%;object-fit:cover}

/* ══════════════════
   STATS
══════════════════ */
.stats{padding:40px 0;background:var(--white)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.stat-card{text-align:center;padding:32px 20px;background:var(--g50);border-radius:var(--rl);border:1px solid var(--border)}
.stat-card strong{display:block;font:800 2.4rem/1 Montserrat,sans-serif;color:var(--g800);margin-bottom:8px}
.stat-card p{font-size:.88rem;color:var(--muted);font-weight:600}

/* ══════════════════
   NOSOTROS
══════════════════ */
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.about-card{background:var(--white);border-radius:var(--rl);padding:28px;border:1px solid var(--border);box-shadow:var(--ss)}
.about-card h3{font:700 1.05rem/1.2 Montserrat,sans-serif;margin-bottom:10px;color:var(--g800)}
.about-card p{font-size:.93rem;color:var(--muted);line-height:1.7}

/* ══════════════════
   BENEFICIOS
══════════════════ */
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.benefit-card{background:var(--white);border-radius:var(--rl);padding:26px 22px;border:1px solid var(--border);box-shadow:var(--ss)}
.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--g800);color:#fff;font:700 1rem/1 Montserrat,sans-serif;margin-bottom:14px}
.benefit-card h3{font:700 1rem/1.2 Montserrat,sans-serif;margin-bottom:8px;color:var(--text)}
.benefit-card p{font-size:.91rem;color:var(--muted);line-height:1.65}

/* ══════════════════
   CURSOS
══════════════════ */
.courses .section-head{max-width:860px}
.course-areas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}
.area-btn{padding:9px 18px;border-radius:999px;background:var(--g100);color:var(--g800);font:700 .85rem/1 Montserrat,sans-serif;transition:background .2s,color .2s;cursor:pointer}
.area-btn:hover,.area-btn.active{background:var(--g800);color:#fff}
.carousel-wrapper{display:flex;align-items:center;gap:12px}
.courses-carousel{overflow:hidden;flex:1}
.courses-grid{display:flex;gap:20px;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}
.carousel-arrow{flex-shrink:0;width:46px;height:46px;border-radius:50%;background:var(--white);border:1px solid var(--border);box-shadow:var(--ss);font-size:1.6rem;color:var(--g800);display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s;cursor:pointer}
.carousel-arrow:hover{background:var(--g50)}
.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.carousel-dot{width:9px;height:9px;border-radius:50%;background:var(--g100);border:none;cursor:pointer;transition:background .2s,transform .2s}
.carousel-dot.active{background:var(--g800);transform:scale(1.3)}

/* tarjeta */
.course-card{flex:0 0 calc((100% - 40px)/3);background:var(--white);border-radius:var(--rl);border:1px solid var(--border);box-shadow:var(--ss);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.course-card:hover{box-shadow:var(--s);transform:translateY(-2px)}
.course-image-wrap{aspect-ratio:1/1;overflow:hidden;background:var(--g50)}
.course-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.course-card:hover .course-image-wrap img{transform:scale(1.04)}
.course-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.course-tags{display:flex;flex-wrap:wrap;gap:6px}
.course-tag-area,.course-tag-modalidad{padding:3px 10px;border-radius:999px;font:600 .75rem/1.6 Inter,sans-serif}
.course-tag-area{background:var(--g100);color:var(--g800)}
.course-tag-modalidad{background:#e8f0fd;color:#2a5bd7}
.course-card h3{font:700 .97rem/1.3 Montserrat,sans-serif;color:var(--text)}
.course-description{font-size:.87rem;color:var(--muted);line-height:1.6;flex:1}
.course-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.btn-details{padding:9px 12px;border-radius:var(--rs);font:700 .82rem/1 Inter,sans-serif;color:var(--g800);background:none;border:1.5px solid var(--g800);text-align:center;transition:background .2s,color .2s;cursor:pointer}
.btn-details:hover{background:var(--g800);color:#fff}
.btn-informes{display:flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:var(--rs);font:700 .82rem/1 Inter,sans-serif;background:var(--wa);color:#fff;transition:filter .2s}
.btn-informes:hover{filter:brightness(1.08)}

/* ══════════════════
   ALUMNOS
══════════════════ */
.students-slider{display:flex;align-items:center;gap:10px}
.student-grid{display:flex;gap:16px;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex:1;cursor:grab;user-select:none}
.student-grid:active{cursor:grabbing}
.student-grid img{flex:0 0 calc(25% - 12px);max-width:calc(25% - 12px);aspect-ratio:1/1;object-fit:cover;border-radius:var(--r);border:2px solid var(--border);pointer-events:none}
.students-nav{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--white);border:1px solid var(--border);box-shadow:var(--ss);font-size:1.5rem;color:var(--g800);display:flex;align-items:center;justify-content:center;transition:background .2s;cursor:pointer}
.students-nav:hover{background:var(--g50)}

/* ══════════════════
   RESEÑAS
══════════════════ */
.review-carousel-wrapper{display:flex;align-items:center;gap:12px}
.review-carousel-track{overflow:hidden;flex:1}
.review-grid{display:flex;gap:20px;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}
.review-grid img{flex:0 0 calc((100% - 40px)/3);width:calc((100% - 40px)/3);border-radius:var(--r);box-shadow:var(--ss);object-fit:contain;background:var(--white)}

/* ══════════════════
   COMUNIDAD
══════════════════ */
.community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.community-card{display:block;background:var(--white);border-radius:var(--rl);padding:26px 22px;border:1px solid var(--border);box-shadow:var(--ss);transition:box-shadow .2s,transform .2s}
.community-card:hover{box-shadow:var(--s);transform:translateY(-2px)}
.community-card h3{font:700 1rem/1.2 Montserrat,sans-serif;color:var(--g800);margin-bottom:8px}
.community-card p{font-size:.88rem;color:var(--muted);line-height:1.6}

/* ══════════════════
   CONTACTO
══════════════════ */
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}
.contact-copy{background:var(--white);border-radius:var(--rl);padding:36px;border:1px solid var(--border);box-shadow:var(--ss)}
.contact-copy h2{font:800 clamp(1.5rem,2.8vw,2.2rem)/1.15 Montserrat,sans-serif;margin:12px 0 12px}
.contact-copy p{color:var(--muted);line-height:1.75}
.contact-links{display:grid;gap:12px;margin-top:20px}
.contact-links a{display:flex;align-items:center;min-height:52px;padding:0 18px;border-radius:var(--r);background:var(--g50);border:1px solid var(--border);font-weight:700;font-size:.93rem;transition:background .2s}
.contact-links a:hover{background:var(--g100)}
.contact-cta-row{margin-top:18px}
.contact-card{border-radius:var(--rl);padding:30px;border:1px solid var(--border);box-shadow:var(--ss)}
.contact-card-highlight{background:linear-gradient(150deg,var(--g900),var(--g700));color:#fff;border-color:transparent}
.contact-card-highlight h3{font:700 1.2rem/1.2 Montserrat,sans-serif;margin-bottom:12px;color:#fff}
.contact-card-highlight p{color:rgba(255,255,255,.85);line-height:1.7;margin-bottom:20px}

/* ══════════════════
   FOOTER
══════════════════ */
.footer{background:var(--g900);color:#dce8e0;margin-top:20px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:52px 0 28px}
.footer-grid h4{font:700 .9rem/1 Montserrat,sans-serif;color:#fff;margin-bottom:14px;letter-spacing:.03em}
.footer-grid a{display:block;color:#a8c5b4;font-size:.88rem;margin-bottom:9px;transition:color .2s}
.footer-grid a:hover{color:#fff}
.footer-brand{display:flex;gap:14px;align-items:flex-start}
.footer-brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#fff;flex-shrink:0}
.footer-brand h3{font:800 1.1rem/1.1 Montserrat,sans-serif;color:#fff;margin-bottom:6px}
.footer-brand p{font-size:.84rem;color:#a8c5b4;line-height:1.55}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:18px 12px;font-size:.82rem;color:#7fa891}

/* ══════════════════
   WHATSAPP FLOTANTE
══════════════════ */
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:70;display:inline-flex;align-items:center;gap:10px;background:var(--wa);color:#fff;padding:13px 22px;border-radius:999px;font:700 .93rem/1 Inter,sans-serif;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:filter .2s,transform .15s}
.whatsapp-float:hover{filter:brightness(1.07);transform:translateY(-2px)}
.whatsapp-float-icon{font-size:1.2rem}

/* ══════════════════
   MODAL
══════════════════ */
.modal{position:fixed;inset:0;display:none;z-index:100}
.modal.is-open{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(10,20,14,.6);backdrop-filter:blur(6px)}
.modal-panel{position:relative;width:min(960px,calc(100% - 28px));max-height:min(88vh,960px);overflow-y:auto;margin:4vh auto 0;background:var(--white);border-radius:var(--rxl);box-shadow:0 24px 80px rgba(0,0,0,.26);display:grid;grid-template-columns:.85fr 1.15fr}
.modal-panel>img{width:100%;height:100%;object-fit:cover;border-radius:var(--rxl) 0 0 var(--rxl);min-height:300px;max-height:600px}
.modal-content{padding:30px 30px 32px}
.modal-content h3{font:800 clamp(1.3rem,2.4vw,1.9rem)/1.2 Montserrat,sans-serif;margin:12px 0 10px;color:var(--text)}
.modal-content p{color:var(--muted);line-height:1.75}
.modal-content>ul{list-style:disc;padding-left:18px;color:var(--muted);line-height:1.8;margin-top:10px}
.modal-benefits{margin:18px 0 20px;padding:18px;border-radius:var(--r);background:var(--g50);border:1px solid var(--border)}
.modal-benefits h4{font:700 .95rem/1.2 Montserrat,sans-serif;margin-bottom:10px;color:var(--g800)}
.modal-benefits ul{list-style:none;padding:0}
.modal-benefits ul li{padding:3px 0;font-size:.9rem;color:var(--muted)}
.modal-benefits ul li::before{content:"✓ ";color:var(--g700);font-weight:700}
.modal-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.modal-close{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:50%;background:var(--white);border:1px solid var(--border);box-shadow:var(--ss);font-size:1.5rem;color:var(--text);display:flex;align-items:center;justify-content:center;transition:background .2s;cursor:pointer}
.modal-close:hover{background:var(--g50)}

/* ══════════════════════════════════════════════════════════
   RESPONSIVE — un bloque por breakpoint, sin duplicados
   ══════════════════════════════════════════════════════════ */

@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr}
  .hero-media{display:none}
  .hero-copy{padding:36px}
  .about-grid{grid-template-columns:repeat(2,1fr)}
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .community-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .course-card{flex:0 0 calc((100% - 20px)/2)}
  .review-grid img{flex:0 0 calc((100% - 20px)/2);width:calc((100% - 20px)/2)}
  .student-grid img{flex:0 0 calc(33.333% - 11px);max-width:calc(33.333% - 11px)}
}

@media (max-width:640px){
  /* Topbar */
  .topbar{display:none}

  /* Nav */
  .nav{height:62px}
  .brand-copy small{display:none}
  .menu-toggle{display:flex;margin-left:auto}
  .desktop-whatsapp{display:none!important}
  .menu{
    position:absolute;top:62px;left:12px;right:12px;
    display:none;flex-direction:column;align-items:flex-start;
    gap:2px;background:var(--white);border:1px solid var(--border);
    border-radius:var(--rl);padding:14px;box-shadow:var(--s);z-index:99
  }
  .menu.is-open{display:flex}
  .menu a:not(.btn){width:100%;padding:10px 14px}
  .mobile-whatsapp{display:inline-flex!important;width:100%;margin-top:8px}

  /* Hero */
  .hero{padding:24px 0 28px}
  .hero-copy{padding:20px;border-radius:var(--rl)}
  .hero-copy h1{font-size:clamp(1.5rem,7vw,2rem);margin:10px 0 12px}
  .hero-copy p{font-size:.9rem}
  .hero-actions{flex-direction:column;gap:10px;margin-top:16px}
  .hero-actions .btn{width:100%}

  /* Secciones */
  .section{padding:44px 0}
  .section-head{margin-bottom:24px}
  .section-head h2{font-size:clamp(1.3rem,6vw,1.7rem)}
  .section-head p{font-size:.88rem}

  /* Stats */
  .stats-grid{gap:8px}
  .stat-card{padding:16px 8px}
  .stat-card strong{font-size:1.6rem}
  .stat-card p{font-size:.78rem}

  /* Grids */
  .about-grid{grid-template-columns:1fr}
  .benefits-grid{grid-template-columns:1fr 1fr;gap:12px}
  .benefit-card{padding:16px 12px}
  .benefit-icon{width:38px;height:38px;font-size:.85rem;margin-bottom:10px;border-radius:10px}
  .benefit-card h3{font-size:.9rem}
  .benefit-card p{font-size:.84rem}
  .community-grid{grid-template-columns:1fr 1fr;gap:12px}
  .community-card{padding:18px 14px}

  /* Contacto */
  .contact-grid{grid-template-columns:1fr}
  .contact-copy{padding:20px}
  .contact-copy h2{font-size:clamp(1.2rem,5.5vw,1.5rem)}
  .contact-links a{padding:0 14px;font-size:.87rem;min-height:46px}

  /* Footer */
  .footer-grid{grid-template-columns:1fr;gap:22px;padding:30px 0 16px}

  /* Filtros área */
  .course-areas{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:6px;-ms-overflow-style:none;scrollbar-width:none}
  .course-areas::-webkit-scrollbar{display:none}
  .area-btn{flex-shrink:0}

  /* Carrusel cursos */
  .carousel-arrow{display:none}
  .carousel-wrapper{gap:0}
  .course-card{flex:0 0 100%}
  .course-image-wrap{aspect-ratio:16/9}
  .course-body{padding:14px 14px 16px;gap:8px}
  .course-card h3{font-size:.92rem}
  .course-description{font-size:.84rem}
  .course-actions{grid-template-columns:1fr 1fr;gap:8px}
  .carousel-dots{gap:6px;margin-top:12px}
  .carousel-dot{width:8px;height:8px}

  /* Reseñas */
  .review-carousel-wrapper .carousel-arrow{display:none}
  .review-grid img{flex:0 0 100%;width:100%}

  /* Alumnos */
  .student-grid img{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px)}
  .students-nav{width:38px;height:38px;font-size:1.3rem}

  /* Modal */
  .modal-panel{
    grid-template-columns:1fr;
    width:calc(100% - 16px);
    margin:8px auto 0;
    max-height:94vh;
    border-radius:var(--rl)
  }
  .modal-panel>img{
    height:180px;min-height:unset;width:100%;
    border-radius:var(--rl) var(--rl) 0 0;
    object-fit:cover
  }
  .modal-content{padding:16px 16px 22px}
  .modal-content h3{font-size:1.1rem}
  .modal-close{top:10px;right:10px;width:36px;height:36px;font-size:1.3rem}

  /* WhatsApp flotante */
  .whatsapp-float{left:12px;right:12px;bottom:12px;justify-content:center}
}

/* ══════════════════
   HERO BANNER MÓVIL
══════════════════ */
.hero-banner-mobile {
  display: none;
  margin-top: 20px;
  padding-bottom: 10px;
}
.hero-banner-mobile img {
  width: 100%;
  border-radius: var(--rl);
  box-shadow: var(--s);
  object-fit: cover;
  aspect-ratio: 16/9;
}

/* ══════════════════
   EMPRESAS
══════════════════ */
.empresas {
  overflow: hidden;
}

.empresas-container {
  position: relative;
}

.empresas-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
}

.empresas-carousel::before,
.empresas-carousel::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 70px;
  z-index: 2;
  pointer-events: none;
}

.empresas-carousel::before {
  left: 0;
  background: linear-gradient(90deg, var(--light) 0%, rgba(248, 247, 243, 0) 100%);
}

.empresas-carousel::after {
  right: 0;
  background: linear-gradient(270deg, var(--light) 0%, rgba(248, 247, 243, 0) 100%);
}

.empresas-track {
  display: flex;
  align-items: center;
  gap: 22px;
  width: max-content;
  animation: empresas-scroll 34s linear infinite;
}

.empresa-logo {
  flex: 0 0 auto;
  background: var(--white);
  border-radius: var(--r);
  border: 1px solid var(--border);
  box-shadow: var(--ss);
  padding: 18px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 110px;
  transition: box-shadow .25s, transform .25s;
}

.empresa-logo:hover {
  box-shadow: var(--s);
  transform: translateY(-3px);
}

.empresa-logo img {
  max-width: 100%;
  max-height: 68px;
  object-fit: contain;
  filter: grayscale(18%);
  transition: filter .25s ease, transform .25s ease;
}

.empresa-logo:hover img {
  filter: grayscale(0%);
  transform: scale(1.03);
}

@keyframes empresas-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - 11px)); }
}

/* ── Responsive empresas ── */
@media (max-width: 640px) {
  .empresas-carousel::before,
  .empresas-carousel::after {
    width: 32px;
  }

  .empresas-track {
    gap: 14px;
    animation-duration: 24s;
  }

  .empresa-logo {
    width: 138px;
    height: 78px;
    padding: 12px 16px;
  }

  .empresa-logo img {
    max-height: 46px;
  }
}

/* ── Banner móvil visible ── */
@media (max-width: 960px) {
  .hero-banner-mobile { display: block; }
}

/* ── Modal imagen mejorada ── */
@media (max-width: 640px) {
  .modal-panel > img {
    height: auto;
    min-height: unset;
    max-height: 260px;
    width: 100%;
    object-fit: contain;
    background: #000;
    border-radius: var(--rl) var(--rl) 0 0;
  }
}