/* ==========================================================
   Mejora tu Vida — tema modernizado sobre la identidad original
   (header turquesa, banner azul marino con ilustración, etiquetas naranjas)
   ========================================================== */
:root{
  --turq:#1aa0b9; --turq-d:#13869c; --turq-cl:#e6f6f9; --cian:#71eaff;
  --navy:#0c2764; --navy-2:#132f78;
  --naranja:#f7a01c; --naranja-d:#e58c05;
  --tinta:#1b2536; --texto:#3a4658; --suave:#6b778a; --linea:#e4eaf1;
  --fondo:#f5f8fb; --blanco:#fff;
  --radio:18px; --radio-s:12px;
  --sombra:0 1px 2px rgba(12,39,100,.04),0 8px 24px rgba(12,39,100,.07);
  --sombra-h:0 2px 4px rgba(12,39,100,.06),0 18px 40px rgba(12,39,100,.14);
  --h:"Poppins",system-ui,sans-serif; --b:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --header:72px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px)}
body{font-family:var(--b);color:var(--texto);background:var(--fondo);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--cian);outline-offset:2px;border-radius:6px}
.mtv-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.mtv-wrap-angosto{max-width:860px}
.mtv-skip{position:absolute;left:-9999px;top:8px;background:var(--navy);color:#fff;padding:8px 14px;border-radius:8px;z-index:200}
.mtv-skip:focus{left:12px}

/* ---------- Botones y etiquetas ---------- */
.mtv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;font:600 15px/1 var(--b);transition:transform .2s,background .2s,box-shadow .2s,color .2s;white-space:nowrap}
.mtv-btn:hover{transform:translateY(-2px)}
.mtv-btn-naranja{background:var(--naranja);color:#1b1300;box-shadow:0 8px 20px rgba(247,160,28,.35)}
.mtv-btn-naranja:hover{background:var(--naranja-d);color:#fff}
.mtv-btn-vidrio{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.mtv-btn-vidrio:hover{background:rgba(255,255,255,.22)}
.mtv-chip{display:inline-block;background:var(--naranja);color:#1b1300;font:600 12px/1 var(--b);letter-spacing:.3px;padding:6px 11px;border-radius:999px;transition:background .2s,color .2s}
.mtv-chip:hover{background:var(--navy);color:#fff}
.mtv-meta{display:flex;align-items:center;gap:6px;color:var(--suave);font-size:13px}
.mtv-meta .dot{width:4px;height:4px;border-radius:50%;background:#b9c3d0;margin:0 6px}

/* ---------- Header ---------- */
.mtv-header{position:sticky;top:0;z-index:50;background:var(--turq);height:var(--header);transition:box-shadow .3s,background .3s}
.mtv-header.scrolled{box-shadow:0 6px 24px rgba(12,39,100,.18);background:rgba(26,160,185,.97);backdrop-filter:blur(8px)}
.mtv-header-in{display:flex;align-items:center;gap:28px;height:100%}
.mtv-logo img{height:42px;width:auto}
.mtv-nav{display:flex;gap:4px;margin-left:auto}
.mtv-nav a{color:#fff;font:500 15px/1 var(--b);padding:10px 14px;border-radius:999px;transition:background .2s}
.mtv-nav a:hover{background:rgba(255,255,255,.14)}
.mtv-nav a.active{background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.mtv-acciones{display:flex;align-items:center;gap:6px}
.mtv-buscar{position:relative;display:flex;align-items:center}
.mtv-buscar input{width:0;opacity:0;height:40px;border:0;border-radius:999px;padding:0;background:#fff;color:var(--tinta);font:15px var(--b);transition:width .3s,opacity .2s,padding .3s}
.mtv-buscar.open input{width:220px;opacity:1;padding:0 44px 0 16px}
.mtv-buscar-btn,.mtv-burger{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}
.mtv-buscar-btn:hover,.mtv-burger:hover{background:rgba(255,255,255,.16)}
.mtv-buscar.open .mtv-buscar-btn{position:absolute;right:0;color:var(--turq-d)}
.mtv-burger{display:none}

/* menú móvil */
.mtv-overlay{position:fixed;inset:0;background:rgba(12,39,100,.5);opacity:0;visibility:hidden;transition:.3s;z-index:90}
.mtv-overlay.open{opacity:1;visibility:visible}
.mtv-drawer{position:fixed;top:0;right:0;bottom:0;width:86%;max-width:360px;background:#fff;z-index:100;display:flex;flex-direction:column;gap:18px;padding:18px 20px 26px;overflow-y:auto;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:-10px 0 40px rgba(12,39,100,.25)}
.mtv-drawer.open{transform:none}
.mtv-drawer-top{display:flex;align-items:center;justify-content:space-between;background:var(--turq);margin:-18px -20px 0;padding:16px 16px 16px 20px}
.mtv-drawer-top img{height:34px;width:auto}
.mtv-drawer-close{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center}
.mtv-drawer-top .mtv-drawer-close{color:#fff}
.mtv-drawer-buscar{display:flex;align-items:center;gap:10px;border:1.5px solid var(--linea);border-radius:999px;padding:0 16px;color:var(--suave);transition:border-color .2s}
.mtv-drawer-buscar:focus-within{border-color:var(--turq)}
.mtv-drawer-buscar input{flex:1;border:0;height:46px;font:16px var(--b);background:transparent;color:var(--tinta);outline:0}
.mtv-drawer-nav{display:flex;flex-direction:column}
.mtv-drawer-nav a{display:flex;align-items:center;gap:14px;padding:14px 8px;font:600 16px var(--h);color:var(--tinta);border-bottom:1px solid var(--linea);border-radius:10px;transition:background .2s,color .2s}
.mtv-drawer-nav a .ic{width:36px;height:36px;border-radius:10px;background:var(--turq-cl);color:var(--turq-d);display:flex;align-items:center;justify-content:center}
.mtv-drawer-nav a:hover,.mtv-drawer-nav a.active{background:var(--turq-cl);color:var(--turq-d)}
.mtv-drawer-nav a.active .ic{background:var(--turq);color:#fff}
.mtv-drawer .mtv-btn{margin-top:auto}
body.mtv-lock{overflow:hidden}

/* modal suscripción */
.mtv-modal{position:fixed;inset:0;z-index:110;background:rgba(12,39,100,.6);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:.25s}
.mtv-modal.open{opacity:1;visibility:visible}
.mtv-modal-box{position:relative;background:#fff;border-radius:22px;max-width:440px;width:100%;padding:38px 30px 30px;text-align:center;transform:translateY(12px) scale(.98);transition:transform .3s}
.mtv-modal.open .mtv-modal-box{transform:none}
.mtv-modal-box .mtv-drawer-close{position:absolute;top:10px;right:10px;color:var(--suave)}
.mtv-modal-ic{width:56px;height:56px;border-radius:16px;background:var(--turq-cl);color:var(--turq-d);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
.mtv-modal-box h2{font:700 22px/1.25 var(--h);color:var(--navy);margin-bottom:8px}
.mtv-modal-box p{color:var(--suave);font-size:15px;margin-bottom:20px}
.mtv-susc-form{display:flex;flex-direction:column;gap:10px}
.mtv-susc-form input[type=email]{height:50px;border:1.5px solid var(--linea);border-radius:999px;padding:0 20px;font:16px var(--b);transition:border-color .2s}
.mtv-susc-form input[type=email]:focus{outline:0;border-color:var(--turq)}
.mtv-susc-form .mtv-btn{height:50px}
.mtv-trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mtv-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:120;padding:13px 22px;border-radius:999px;color:#fff;font-weight:600;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:opacity .4s}
.mtv-toast.ok{background:#15803d}.mtv-toast.err{background:#b91c1c}
.mtv-toast.fuera{opacity:0;pointer-events:none}

/* ---------- Hero ---------- */
.mtv-hero{position:relative;background:radial-gradient(120% 90% at 80% 10%,var(--navy-2) 0%,var(--hero-bg,#0c2764) 55%);overflow:hidden;min-height:470px;display:flex;align-items:center}
.mtv-hero-arte{position:absolute;right:-2%;top:50%;transform:translateY(-50%);width:min(1366px,112%);max-width:none;height:auto;pointer-events:none;filter:drop-shadow(0 22px 30px rgba(0,0,0,.35));animation:mtv-flota 9s ease-in-out infinite}
@keyframes mtv-flota{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}}
.mtv-hero-in{position:relative;z-index:2;padding-top:56px;padding-bottom:120px}
.mtv-hero-card{max-width:560px;padding:34px 36px;border-radius:24px;background:linear-gradient(135deg,rgba(12,39,100,.78),rgba(12,39,100,.42));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 60px rgba(0,0,0,.25);color:#fff;animation:mtv-entra .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes mtv-entra{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.mtv-hero-kicker{display:inline-block;color:var(--cian);font:600 13px/1 var(--b);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}
.mtv-hero h1{font:500 clamp(30px,4.2vw,46px)/1.08 var(--h);text-transform:uppercase;letter-spacing:-.5px}
.mtv-hero h1 b,.mtv-hero h1 strong{font-weight:800;color:#fff}
.mtv-hero p{margin:18px 0 26px;color:#c9d6f2;font-size:17px;max-width:440px}
.mtv-hero-btns{display:flex;flex-wrap:wrap;gap:12px}

/* panel blanco que se superpone al hero (como el sitio original) */
.mtv-panel{position:relative;z-index:3;margin:-80px auto 0;max-width:1240px;background:#fff;border-radius:28px 28px 0 0;padding:56px 0 20px;box-shadow:0 -12px 40px rgba(12,39,100,.08)}
.mtv-panel-lista{margin-top:-48px}
.mtv-seccion{margin-bottom:64px}
.mtv-seccion-tit{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px}
.mtv-seccion-tit h2{font:700 clamp(26px,3vw,34px)/1.1 var(--h);color:var(--turq);letter-spacing:-.5px;position:relative;padding-bottom:12px}
.mtv-seccion-tit h2::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;border-radius:4px;background:var(--naranja)}
.mtv-seccion-tit a{display:inline-flex;align-items:center;gap:6px;color:var(--turq-d);font-weight:600;font-size:15px;transition:gap .2s}
.mtv-seccion-tit a:hover{gap:10px}

/* ---------- Novedades ---------- */
.mtv-novedades{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}
.mtv-destacada{position:relative;border-radius:var(--radio);overflow:hidden;min-height:460px;display:flex;align-items:flex-end;background:var(--navy);box-shadow:var(--sombra);transition:box-shadow .3s,transform .3s}
.mtv-destacada:hover{box-shadow:var(--sombra-h);transform:translateY(-3px)}
.mtv-destacada-img{position:absolute;inset:0}
.mtv-destacada-img img,.mtv-destacada-img .mtv-sinfoto{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mtv-destacada:hover .mtv-destacada-img img{transform:scale(1.04)}
.mtv-destacada::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,39,100,0) 25%,rgba(12,39,100,.92) 100%);pointer-events:none}
.mtv-destacada-body{position:relative;z-index:2;padding:30px;color:#fff}
.mtv-destacada-body h3{font:700 clamp(22px,2.4vw,28px)/1.2 var(--h);margin:14px 0 10px}
.mtv-destacada-body p{color:#d6def0;font-size:15px;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mtv-destacada-body .mtv-meta{color:#b9c6e4}
.mtv-novedades-lado{display:flex;flex-direction:column;gap:22px}

/* ---------- Tarjetas ---------- */
.mtv-card{background:#fff;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);border:1px solid #eef2f7;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.mtv-card:hover{transform:translateY(-4px);box-shadow:var(--sombra-h)}
.mtv-card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--turq-cl)}
.mtv-card-img img,.mtv-card-img .mtv-sinfoto{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mtv-card:hover .mtv-card-img img{transform:scale(1.05)}
.mtv-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.mtv-card-body .mtv-chip{align-self:flex-start}
.mtv-card h3{font:600 18px/1.35 var(--h);color:var(--tinta)}
.mtv-card h3 a{transition:color .2s}
.mtv-card h3 a:hover{color:var(--turq-d)}
.mtv-card p{font-size:14.5px;color:var(--suave);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.mtv-card-horizontal{flex-direction:row;flex:1}
.mtv-card-horizontal .mtv-card-img{flex:0 0 42%;aspect-ratio:auto;min-height:100%}
.mtv-card-horizontal .mtv-card-body{padding:18px}
.mtv-card-horizontal h3{font-size:16.5px}
.mtv-card-horizontal p{-webkit-line-clamp:2}
.mtv-sinfoto{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--turq) 0%,var(--navy) 100%)}
.mtv-sinfoto img{width:28%!important;height:auto!important;max-width:90px;opacity:.35;filter:brightness(0) invert(1)}
.mtv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.mtv-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s}
.mtv-reveal.in{opacity:1;transform:none}
.mtv-card.mtv-reveal.in:hover{transform:translateY(-4px)}

/* ---------- Temas ---------- */
.mtv-temas{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.mtv-tema{display:flex;flex-direction:column;gap:14px;padding:24px 20px;border-radius:var(--radio);background:linear-gradient(160deg,#fff 0%,var(--turq-cl) 100%);border:1px solid #dcf0f4;transition:transform .3s,box-shadow .3s,background .3s}
.mtv-tema .ic{width:54px;height:54px;border-radius:16px;background:var(--turq);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(26,160,185,.3);transition:background .3s,transform .3s}
.mtv-tema .nom{font:700 17px/1.2 var(--h);color:var(--navy)}
.mtv-tema .ver{display:inline-flex;align-items:center;gap:6px;color:var(--turq-d);font-size:13.5px;font-weight:600;margin-top:auto}
.mtv-tema:hover{transform:translateY(-4px);box-shadow:var(--sombra-h)}
.mtv-tema:hover .ic{background:var(--naranja);transform:rotate(-6deg)}

/* ---------- Banda suscripción ---------- */
.mtv-banda-susc{background:linear-gradient(120deg,var(--turq) 0%,var(--turq-d) 50%,var(--navy) 100%);color:#fff;padding:54px 0}
.mtv-banda-in{display:flex;align-items:center;justify-content:space-between;gap:32px}
.mtv-banda-susc h2{font:700 clamp(24px,2.6vw,30px)/1.2 var(--h);margin-bottom:6px}
.mtv-banda-susc p{color:#dff5fa}
.mtv-susc-inline{flex-direction:row;flex:0 1 480px;background:rgba(255,255,255,.14);padding:6px;border-radius:999px;border:1px solid rgba(255,255,255,.25)}
.mtv-susc-inline input[type=email]{flex:1;min-width:0;border:0;background:#fff;height:48px}
.mtv-susc-inline .mtv-btn{height:48px}

/* ---------- Cabecera de listados ---------- */
.mtv-cabecera{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 85% 0%,var(--navy-2),var(--navy) 60%);color:#fff;padding:46px 0 96px}
.mtv-cabecera-chica{padding-bottom:84px}
.mtv-cabecera-arte{position:absolute;right:-18%;top:-10%;width:900px;max-width:none;opacity:.22;pointer-events:none}
.mtv-cabecera .mtv-wrap{position:relative}
.mtv-cabecera h1{font:700 clamp(30px,4vw,44px)/1.1 var(--h);letter-spacing:-.5px}
.mtv-cabecera p{color:#b9c6e4;margin-top:6px}
.mtv-cabecera-ic{width:58px;height:58px;border-radius:16px;background:var(--turq);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.mtv-migas{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:#b9c6e4;margin-bottom:18px}
.mtv-migas a{color:var(--cian)}
.mtv-migas a:hover{text-decoration:underline}
.mtv-cabecera-buscar{margin-top:22px;display:flex;align-items:center;gap:10px;background:#fff;color:var(--suave);border-radius:999px;padding:6px 6px 6px 18px;max-width:560px}
.mtv-cabecera-buscar input{flex:1;border:0;height:44px;font:16px var(--b);outline:0;color:var(--tinta);min-width:0}
.mtv-filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.mtv-filtros a{padding:9px 16px;border-radius:999px;border:1.5px solid var(--linea);font-weight:600;font-size:14px;color:var(--texto);transition:.2s}
.mtv-filtros a:hover{border-color:var(--turq);color:var(--turq-d)}
.mtv-filtros a.active{background:var(--turq);border-color:var(--turq);color:#fff}
.mtv-vacio{text-align:center;padding:60px 20px;color:var(--suave)}
.mtv-vacio svg{margin:0 auto 12px;color:#c3ccd8}
.mtv-paginas{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:44px 0 30px}
.mtv-paginas a{min-width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--linea);font-weight:600;transition:.2s}
.mtv-paginas a:hover{border-color:var(--turq);color:var(--turq-d)}
.mtv-paginas a.active{background:var(--turq);border-color:var(--turq);color:#fff}

/* ---------- Nota ---------- */
.mtv-nota-cab{background:linear-gradient(180deg,var(--turq-cl) 0%,var(--fondo) 100%);padding:34px 0 34px}
.mtv-nota-cab .mtv-migas{color:var(--suave)}
.mtv-nota-cab .mtv-migas a{color:var(--turq-d)}
.mtv-nota-cab h1{font:700 clamp(28px,4vw,44px)/1.15 var(--h);color:var(--navy);letter-spacing:-.6px;margin:16px 0 14px}
.mtv-nota-lead{font-size:clamp(17px,1.6vw,19px);color:var(--texto);line-height:1.6}
.mtv-nota-meta{margin-top:18px}
.mtv-nota-foto{border-radius:22px;overflow:hidden;box-shadow:var(--sombra-h);margin-bottom:10px}
.mtv-nota-foto img{width:100%;aspect-ratio:16/9;object-fit:cover}
.mtv-nota-grid{display:grid;grid-template-columns:56px minmax(0,1fr) 300px;gap:40px;padding-top:36px;padding-bottom:40px}
.mtv-compartir{position:sticky;top:calc(var(--header) + 24px);align-self:start;display:flex;flex-direction:column;align-items:center;gap:10px}
.mtv-compartir span{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--suave);writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:4px}
.mtv-compartir a,.mtv-compartir button{width:44px;height:44px;border-radius:50%;border:1px solid var(--linea);background:#fff;color:var(--turq-d);display:flex;align-items:center;justify-content:center;transition:.2s}
.mtv-compartir a:hover,.mtv-compartir button:hover{color:#fff;border-color:transparent;transform:translateY(-2px)}
.s-fb:hover{background:#1877f2!important}.s-x:hover{background:#111!important}.s-wa:hover{background:#25d366!important}.s-in:hover{background:#0a66c2!important}.s-copiar:hover{background:var(--navy)!important}
.s-copiar.ok{background:#15803d!important;color:#fff!important}
.mtv-body{font-size:17.5px;line-height:1.8;color:var(--texto);min-width:0}
.mtv-body *{font-family:inherit!important;max-width:100%}
.mtv-body p,.mtv-body ul,.mtv-body ol,.mtv-body blockquote,.mtv-body table{margin:0 0 20px}
.mtv-body h2,.mtv-body h3,.mtv-body h4{font-family:var(--h)!important;color:var(--navy);line-height:1.3;margin:36px 0 14px;font-weight:700}
.mtv-body h2{font-size:26px}.mtv-body h3{font-size:21px}.mtv-body h4{font-size:18px}
.mtv-body h2 *,.mtv-body h3 *{color:inherit!important;font-family:var(--h)!important}
.mtv-body ul,.mtv-body ol{padding-left:22px}
.mtv-body li{margin-bottom:8px}
.mtv-body li::marker{color:var(--turq)}
.mtv-body a{color:var(--turq-d);text-decoration:underline;text-underline-offset:3px}
.mtv-body strong,.mtv-body b{color:var(--tinta)}
.mtv-body img{border-radius:14px;height:auto;margin:10px auto}
.mtv-body blockquote{border-left:4px solid var(--naranja);background:#fff8ec;padding:16px 20px;border-radius:0 12px 12px 0}
.mtv-body table{width:100%;border-collapse:collapse;font-size:15px}
.mtv-body td,.mtv-body th{border:1px solid var(--linea);padding:8px 10px}
.mtv-body-img{margin:0 0 24px}
.mtv-body-cta{margin:30px 0}
.mtv-body .mtv-body-cta a{display:inline-flex;align-items:center;gap:8px;background:var(--turq);color:#fff;text-decoration:none;font-weight:600;padding:14px 24px;border-radius:999px;transition:.2s}
.mtv-body .mtv-body-cta a::after{content:"\2192"}
.mtv-body .mtv-body-cta a:hover{background:var(--navy);transform:translateY(-2px)}
.mtv-body-video{position:relative;aspect-ratio:16/9;margin:0 0 24px;border-radius:14px;overflow:hidden;background:#000}
.mtv-body-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mtv-lado{display:flex;flex-direction:column;gap:24px;position:sticky;top:calc(var(--header) + 24px);align-self:start}
.mtv-lado-box{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:22px}
.mtv-lado-box h2{font:700 18px var(--h);color:var(--navy);margin-bottom:14px}
.mtv-mini{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--linea);transition:color .2s}
.mtv-mini:first-of-type{border-top:0;padding-top:0}
.mtv-mini-img{flex:0 0 72px;height:60px;border-radius:10px;overflow:hidden;display:block}
.mtv-mini-img img,.mtv-mini-img .mtv-sinfoto{width:100%;height:100%;object-fit:cover}
.mtv-mini-cat{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--naranja-d)}
.mtv-mini-tit{display:block;font:600 14.5px/1.35 var(--h);color:var(--tinta)}
.mtv-mini:hover .mtv-mini-tit{color:var(--turq-d)}
.mtv-lado-susc{background:linear-gradient(150deg,var(--turq),var(--navy));color:#fff;border-radius:var(--radio);padding:26px 22px;text-align:center}
.mtv-lado-susc .mtv-modal-ic{background:rgba(255,255,255,.16);color:#fff}
.mtv-lado-susc h2{font:700 19px var(--h);margin-bottom:6px}
.mtv-lado-susc p{color:#d8ecf5;font-size:14.5px;margin-bottom:16px}
.mtv-relacionadas{background:#fff;padding:54px 0 64px;border-top:1px solid var(--linea)}
.mtv-legal{padding-bottom:40px}
.mtv-mapa{display:grid;grid-template-columns:280px 1fr;gap:40px;padding-bottom:40px}
.mtv-mapa h2{font:700 20px var(--h);color:var(--navy);margin-bottom:14px}
.mtv-mapa ul{list-style:none;display:grid;gap:8px}
.mtv-mapa-notas{grid-template-columns:1fr 1fr}
.mtv-mapa a{color:var(--turq-d)}
.mtv-mapa a:hover{text-decoration:underline}
.mtv-404{position:relative;overflow:hidden;background:var(--navy);color:#fff;text-align:center;padding:90px 0 110px}
.mtv-404 .mtv-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}
.mtv-404-num{font:800 110px/1 var(--h);background:linear-gradient(135deg,var(--cian),var(--naranja));-webkit-background-clip:text;background-clip:text;color:transparent}
.mtv-404 h1{font:700 32px var(--h)}
.mtv-404 p{color:#c9d6f2;max-width:460px}

/* ---------- Footer ---------- */
.mtv-footer{background:var(--navy);color:#c9d6f2;padding:60px 0 0}
.mtv-footer-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px}
.mtv-footer-marca img{height:44px;width:auto;margin-bottom:16px}
.mtv-footer-marca p{max-width:340px;margin-bottom:20px;font-size:15px}
.mtv-footer h3{font:700 15px var(--h);color:#fff;letter-spacing:.4px;text-transform:uppercase;margin-bottom:16px}
.mtv-footer ul{list-style:none;display:grid;gap:10px}
.mtv-footer li a{transition:color .2s}
.mtv-footer li a:hover{color:var(--cian)}
.mtv-footer-copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;padding-bottom:26px;font-size:13px;color:#8fa1c8}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .mtv-nav a{padding:10px 10px;font-size:14px}
  .mtv-temas{grid-template-columns:repeat(3,1fr)}
  .mtv-nota-grid{grid-template-columns:56px minmax(0,1fr);}
  .mtv-lado{grid-column:2;position:static;display:grid;grid-template-columns:1fr 1fr}
}
@media (max-width:1024px){
  :root{--header:64px}
  .mtv-nav{display:none}
  .mtv-burger{display:flex}
  .mtv-acciones{margin-left:auto}
  .mtv-logo img{height:36px}
  .mtv-novedades{grid-template-columns:1fr}
  .mtv-destacada{min-height:400px}
  .mtv-novedades-lado{display:grid;grid-template-columns:1fr 1fr}
  .mtv-grid{grid-template-columns:repeat(2,1fr)}
  .mtv-hero-arte{width:150%;right:-35%;opacity:.55}
}
@media (max-width:760px){
  .mtv-wrap{padding:0 18px}
  .mtv-buscar{display:none}
  .mtv-hero{min-height:0}
  .mtv-hero-arte{width:210%;right:-55%;top:auto;bottom:40px;transform:none;opacity:.95;animation:none}
  .mtv-hero-in{padding-top:28px;padding-bottom:210px}
  .mtv-hero-card{background:linear-gradient(135deg,rgba(12,39,100,.92),rgba(12,39,100,.7))}
  .mtv-hero-card{padding:26px 22px;border-radius:20px}
  .mtv-hero p{font-size:16px}
  .mtv-hero-btns .mtv-btn{flex:1}
  .mtv-panel{margin-top:-60px;border-radius:24px 24px 0 0;padding-top:36px}
  .mtv-seccion{margin-bottom:48px}
  .mtv-destacada{min-height:360px}
  .mtv-destacada-body{padding:22px}
  .mtv-novedades-lado{grid-template-columns:1fr}
  .mtv-card-horizontal .mtv-card-img{flex-basis:38%}
  .mtv-card-horizontal p{display:none}
  .mtv-grid{grid-template-columns:1fr;gap:20px}
  .mtv-temas{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -18px;padding:4px 18px 14px;scrollbar-width:none}
  .mtv-temas::-webkit-scrollbar{display:none}
  .mtv-tema{flex:0 0 62%;scroll-snap-align:start}
  .mtv-banda-in{flex-direction:column;align-items:stretch;text-align:center}
  .mtv-susc-inline{flex:0 1 120px; flex-direction:column;border-radius:22px;padding:8px}
  .mtv-filtros{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px 24px;padding:2px 18px 6px;scrollbar-width:none}
  .mtv-filtros::-webkit-scrollbar{display:none}
  .mtv-filtros a{flex:0 0 auto}
  .mtv-cabecera{padding:30px 0 80px}
  .mtv-cabecera-arte{width:700px;right:-60%}
  .mtv-nota-grid{grid-template-columns:1fr;gap:26px;padding-top:24px}
  .mtv-compartir{position:static;flex-direction:row;justify-content:center;order:2;padding:18px 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
  .mtv-compartir span{writing-mode:horizontal-tb;transform:none;margin:0 6px 0 0}
  .mtv-lado{grid-column:auto;grid-template-columns:1fr;order:3}
  .mtv-body{font-size:16.5px}
  .mtv-mapa,.mtv-mapa-notas{grid-template-columns:1fr}
  .mtv-footer-in{grid-template-columns:1fr;gap:30px}
  .mtv-footer-copy{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .mtv-reveal{opacity:1;transform:none}
}