/* CJTA Lubricantes — Media queries — breakpoints ≤1180px y ≤760px */

/* ========== RESPONSIVE ========== */
@media (max-width:1180px){
  .container{padding:0 28px}
  .hero-inner{grid-template-columns:1fr;gap:48px}
  .hero-visual{height:480px;max-width:560px;margin:0 auto;width:100%}
  .hv-halo{width:420px;height:420px}
  .hv-b1{height:380px}
  .hv-b2{height:320px;--px:-110px;--py:30px}
  .hv-b3{height:320px;--px:110px;--py:30px}
  .product-subsection__body{grid-template-columns:1fr}
  .product-line__photo{height:180px}
  .product-line--wide{
    grid-template-columns:1fr;
    grid-template-areas:
      "photo"
      "header"
      "body";
    gap:24px;
  }
  .product-line__photo--side{
    width:100%;
    height:200px;
    justify-self:center;
  }
  .pres-grid{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .ind-grid{grid-template-columns:1fr 1fr}
  .brand-card{grid-template-columns:1fr;gap:32px;padding:40px}
  .contact-inner{grid-template-columns:1fr;gap:48px}
  .contact-l{position:static}
  .foot-grid{grid-template-columns:1fr 1fr;gap:32px}
  .section-num-bg{font-size:clamp(120px, 24vw, 240px)}
}

@media (max-width:760px){
  /* Disable heavy effects on mobile */
  .blob{filter:blur(80px);opacity:.3}
  .noise{display:none}

  .container{padding:0 20px}
  .section{padding:80px 0}
  .topbar{display:none}
  .nav-inner{padding:14px 20px;grid-template-columns:auto auto}
  .nav-links{
    display:none;
    grid-column:1 / -1;
    flex-direction:column;align-items:stretch;
    background:var(--navy-deep);
    padding:16px;
    margin-top:14px;
    border-top:1px solid var(--rule);
  }
  .nav-links.open{display:flex}
  .nav-hamburger{display:flex;order:3}
  .nav-phone{display:none}
  .nav-cta .btn-red{display:none}
  .nav .brand-logo{
    /* Logo mobile: 52px de alto. Aspect 4:3 → ~69px de ancho. */
    height:52px;
  }
  .nav .brand-sub{
    /* En mobile el subtítulo desaparece. El logo grande basta. */
    display:none;
  }

  .hero{padding:48px 0 80px;min-height:auto}
  .hero-title{font-size:44px}
  .hero-visual{height:380px}
  .hv-halo{width:320px;height:320px}
  .hv-b1{height:280px}
  .hv-b2{height:240px;--px:-80px;--py:20px}
  .hv-b3{height:240px;--px:80px;--py:20px}
  .hv-tag-tl,.hv-tag-br{display:none}
  .hero-stats{flex-wrap:wrap;gap:18px}
  .stat-divider{display:none}
  .stat-num{font-size:32px}

  .marquee-track{font-size:18px;gap:24px}
  .marquee-row--rtl .marquee-track{font-size:12px}

  .product-line{padding:24px}
  .product-line__photo{height:160px}
  .product-line__variant{flex-direction:column;align-items:flex-start;gap:8px}
  .product-line__download{align-self:flex-start}
  .product-subsection__title{font-size:24px}
  .product-line__photo--side{
    height:160px;
    width:100%;
  }
  .grade-chip{padding:6px 12px; font-size:11px; min-width:48px}
  .product-line__download--industrial{align-self:stretch; justify-content:center}
  .product-line__presentations{flex-direction:column; gap:6px}
  .product-line__presentations-list{font-size:12px}

  .pres-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .ind-grid{grid-template-columns:1fr}
  .brand-card{padding:32px 24px}
  .bc-stats{grid-template-columns:1fr;gap:16px}
  .cark-logo{width:160px;height:160px}
  .contact-form{padding:28px}
  .cf-row{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:32px}
  .foot-bottom{flex-direction:column;gap:8px;text-align:center}
  .section-num-bg{font-size:140px;top:24px;right:-10px}

  .fab-tooltip{display:none}
}