/* =========================================================
   Responsive
   ========================================================= */
@media (max-width:1080px){
  .hero__in{grid-template-columns:1fr;gap:34px}
  .hero__media{max-width:520px}
  .liveu__grid{grid-template-columns:1fr}
  .promo{grid-template-columns:1fr;gap:30px}
  .player{max-width:360px;margin-inline:auto}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
  .foot-grid{grid-template-columns:1.2fr 1fr 1fr}
  .foot-brand{grid-column:1/-1}
}

/* Navegación móvil */
@media (max-width:980px){
  .nav{
    position:fixed;inset:0;width:100%;height:100dvh;
    background:#080C13;
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    padding:86px 22px 32px;transform:translateY(-101%);
    transition:transform .38s var(--ease),visibility .38s;z-index:200;overflow-y:auto;
    margin:0;border:0;visibility:hidden;pointer-events:none;
  }
  .nav.is-open{transform:none;visibility:visible;pointer-events:auto}
  .nav ul{flex-direction:column;align-items:stretch;gap:0}
  .nav a{padding:16px 4px;font-size:1.2rem;border-bottom:1px solid var(--line);color:#E6EDF6}
  .nav a::after{display:none}
  .nav .nav-cta{display:inline-flex;margin-top:26px;justify-content:center}
  body.menu-open .topbar{visibility:hidden}
  .burger{
    display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;border-radius:10px;border:1px solid var(--line-2);
    background:rgba(255,255,255,.04);cursor:pointer;margin-left:auto;z-index:210;position:relative;
  }
  .burger span{display:block;height:2px;background:#E9EEF6;border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  body.menu-open{overflow:hidden}
  .head-in{min-height:66px;gap:12px}
  .head-cta{margin-left:auto}
  .brand__sub{display:none}
  .topbar .tb-right .tb-mail{display:none}
}

@media (max-width:820px){
  .hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .stat__l{font-size:.68rem}
  .posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-grid{grid-template-columns:1fr}
  .post-hero h1{max-width:none}
}

@media (max-width:620px){
  :root{--sect:52px}
  .cards,.posts,.steps{grid-template-columns:1fr}
  .hero__stats{grid-template-columns:1fr 1fr;gap:14px}
  .hero__stats .stat:last-child{grid-column:1/-1}
  .hero__cta .btn{width:100%}
  .foot-grid{grid-template-columns:1fr;gap:26px}
  .foot-bot{flex-direction:column;gap:8px;text-align:center;align-items:center}
  .marquee__item{font-size:.8rem;padding:11px 18px}
  .entry table{font-size:.86rem}
  .entry th,.entry td{padding:9px 10px}
  .author{flex-direction:column;align-items:flex-start;gap:10px}
  .post-cover{max-height:320px;border-radius:var(--r-md)}
  .cta-band__actions .btn{width:100%}
  .topbar{font-size:.72rem}
  .topbar .wrap{min-height:34px;justify-content:center;text-align:center;flex-wrap:nowrap;gap:10px;overflow:hidden}
  .topbar .tb-right{display:none}
  .topbar .tb-live{display:none}
  .tb-left{flex:1 1 auto;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .device img{aspect-ratio:4/5}
}

@media (max-width:430px){
  .head-cta .btn--quote{display:none}
}

@media (max-width:400px){
  .brand__name{font-size:1.24rem}
  .brand__mark{width:38px;height:38px;font-size:1.14rem}
}

/* Impresión */
@media print{
  .topbar,.site-head,.site-foot,.marquee,.share,.related,.cta-band{display:none!important}
  body{background:#fff;color:#000}
  .entry{max-width:none}
}