/* Diseño v5 de MorgansMedia (9-nov-2026). Generado por qa/portar_css.py desde la maqueta; no editar a mano:
   editar ~/Documents/morgansmedia-web-v4/v5.css o qa/v5-sitio-extra.css y volver a correr el script. */
.v5 {
  --cel: #00AEF0; --cel-prof: #0077A8; --cel-hover: #0090C7;
  --tinta: #1A1A1A; --gris: #5E646B; --gris-2: #8A929B; --sup: #F5F7FA; --linea: #E0E0E0; --hielo: #C8CDD3;
  --oscuro-sup: #14181D;
  --f-tit: 'Outfit', system-ui, sans-serif; --f-txt: 'Plus Jakarta Sans', system-ui, sans-serif; --f-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --gut: clamp(20px, 4.4vw, 72px); --max: 1360px; --nav: 64px; --aire: clamp(96px, 20svh, 200px);
  --curva: cubic-bezier(.22, .7, .2, 1);
}
.v5, .v5 *, .v5 *::before, .v5 *::after { box-sizing: border-box; }
:where(.v5) img { max-width: 100%; display: block; }
:where(.v5) a { color: inherit; }
:where(.v5) button { font: inherit; color: inherit; }
:where(.v5) h1, :where(.v5) h2, :where(.v5) h3, :where(.v5) p, :where(.v5) ol, :where(.v5) ul, :where(.v5) figure, :where(.v5) blockquote { margin: 0; padding: 0; }
:where(.v5) ol, :where(.v5) ul { list-style: none; }
.v5 .mono { font-family: var(--f-mono); font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.v5 .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.v5 :focus-visible { outline: 3px solid var(--cel); outline-offset: 3px; }
.v5 .rot { font: 700 12px/1.3 var(--f-txt); letter-spacing: .14em; text-transform: uppercase; color: var(--cel-prof); }
.v5 [data-oscuro] .rot { color: var(--cel); }
.v5 .rot-negro { color: #000 !important; }
.v5 .h1 { font: 800 clamp(48px, min(6.4vw, 12.6svh), 116px)/.9 var(--f-tit); letter-spacing: -.045em; color: #000; }
.v5 .h2 { font: 800 clamp(38px, min(5vw, 9.6svh), 84px)/.92 var(--f-tit); letter-spacing: -.04em; color: #000; text-wrap: balance; }
.v5 .h-gigante { font: 800 clamp(56px, min(8.6vw, 16svh), 148px)/.88 var(--f-tit); letter-spacing: -.05em; color: #fff; }
.v5 .h2.h-blanco { color: #fff; }
.v5 .sec-cab { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut); display: grid; gap: 16px; }
.v5 .fl { display: inline-block; width: .9em; height: .9em; position: relative; flex: none; transition: transform .25s var(--curva); }
.v5 .fl::before { content: ''; position: absolute; left: 0; right: .1em; top: 50%; height: 2px; margin-top: -1px; background: currentColor; border-radius: 2px; }
.v5 .fl::after { content: ''; position: absolute; right: .06em; top: 50%; width: .42em; height: .42em; border: solid currentColor; border-width: 2px 2px 0 0; transform: translateY(-50%) rotate(45deg); border-radius: 1px; }
.v5 .fl-abajo { transform: rotate(90deg); }
.v5 .btn { will-change: transform; display: inline-flex; align-items: center; gap: 10px; font: 600 15px/1 var(--f-txt); text-decoration: none; padding: 18px 26px; border-radius: 14px; transition: transform .25s var(--curva), background .25s, translate .35s var(--curva); white-space: nowrap; border: 0; cursor: pointer; }
.v5 .btn:hover { transform: translateY(-2px); }
.v5 .btn:hover .fl { transform: translateX(3px); }
.v5 .btn:hover .fl-abajo { transform: rotate(90deg) translateX(3px); }
.v5 .btn-cel { background: var(--cel); color: #000; }
.v5 .btn-cel:hover { background: var(--cel-hover); }
.v5 .btn-negro { background: #000; color: #fff; }
.v5 .btn-chico { padding: 12px 16px; font-size: 14px; border-radius: 12px; }
.v5 .enlace { display: inline-flex; align-items: center; gap: 8px; font: 600 15px/1 var(--f-txt); text-decoration: none; color: #000; padding: 6px 0; border-bottom: 2px solid var(--cel); }
.v5 .enlace-claro { color: #fff; }
@media (max-width: 900px) {

}
.v5 .heroe { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; min-height: 100svh; padding: calc(var(--nav) + 3svh) var(--gut) 4svh;
         display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.v5 .h-txt { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(18px, 3.6svh, 34px); align-content: center; }
.v5 .h1 { margin-top: -6px; }
.v5 .frio { color: var(--cel); transition: color 2.4s ease; white-space: nowrap; }
.v5 .frio.enfriada { color: var(--gris-2); }
.v5 .rubro-sel .mono { color: var(--gris); margin-bottom: 10px; }
.v5 .pildoras { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-right: calc(-1 * var(--gut)); padding: 2px var(--gut) 2px 0; }
.v5 .pildoras::-webkit-scrollbar { display: none; }
.v5 .pildoras button { flex: none; appearance: none; border: 1.5px solid var(--linea); background: #fff; padding: 10px 14px; border-radius: 999px; font: 600 14px/1 var(--f-txt); cursor: pointer; transition: background .25s, border-color .25s, color .25s, transform .25s var(--curva); }
.v5 .pildoras button:hover { border-color: #000; transform: translateY(-1px); }
.v5 .pildoras button[aria-checked="true"] { background: #000; border-color: #000; color: #fff; }
.v5 .ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; }
.v5 .h-escena { position: relative; height: min(640px, calc(100svh - var(--nav) - 7svh)); }
.v5 .h-foto { position: absolute; top: 0; bottom: 0; left: 34%; right: calc(-1 * (var(--gut) + max(0px, (100vw - var(--max) - 2 * var(--gut)) / 2))); border-radius: 28px 0 0 28px; overflow: hidden; background: #E9ECEF; will-change: transform; }
.v5 .h-foto img { position: absolute; inset: -3%; width: 106%; height: 106%; object-fit: cover; object-position: 50% 30%; opacity: 0; transform: scale(1.06); transition: opacity .9s ease, transform 1.4s var(--curva); }
.v5 .h-foto img.on { opacity: 1; transform: scale(1); }
.v5 .h-foto-rot { position: absolute; right: calc(16px + var(--gut)); bottom: 14px; padding: 6px 9px; border-radius: 8px; background: rgba(0,0,0,.55); color: #fff; font-size: 10px; letter-spacing: .1em; }
.v5 .burbuja { position: absolute; right: 2%; top: 7%; z-index: 2; width: min(300px, 62%); display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 18px 18px 4px 18px; background: #000; color: #fff; font-size: 13.5px; line-height: 1.38; box-shadow: 0 24px 50px -20px rgba(0,0,0,.5);
           opacity: 0; transform: translateY(14px) scale(.96); transition: opacity .5s, transform .6s var(--curva); }
.v5 .burbuja.on { opacity: 1; transform: none; }
.v5 .burbuja img { width: 22px; height: 22px; flex: none; margin-top: 2px; }
.v5 .burbuja b { display: block; font: 600 11px/1.3 var(--f-txt); color: var(--cel); margin-bottom: 2px; }
.v5 .tablero { position: absolute; left: 0; bottom: 7%; z-index: 3; width: min(400px, 62%); background: #fff; border-radius: 24px; padding: 16px; box-shadow: 0 40px 90px -30px rgba(0, 30, 60, .45), 0 0 0 1px rgba(0,0,0,.04); will-change: transform; }
.v5 .tab-cab { display: flex; justify-content: space-between; align-items: center; color: var(--gris); }
.v5 .tab-cab b { font-weight: 500; color: #000; font-variant-numeric: tabular-nums; }
.v5 .tab-ej { margin-left: 6px; padding: 3px 6px; border-radius: 6px; background: var(--sup); letter-spacing: .08em; }
.v5 .interruptor { position: relative; margin: 12px 0; display: grid; grid-template-columns: 1fr 1fr; background: var(--sup); border-radius: 13px; padding: 4px; }
.v5 .interruptor button { position: relative; z-index: 1; appearance: none; border: 0; background: none; cursor: pointer; padding: 10px 6px; border-radius: 10px; font: 600 13.5px/1 var(--f-txt); color: #555; display: inline-flex; justify-content: center; align-items: center; gap: 7px; transition: color .35s; }
.v5 .interruptor button[aria-pressed="true"] { color: #fff; }
.v5 .interruptor.con button[aria-pressed="true"] { color: #000; }
.v5 .int-fondo { position: absolute; z-index: 0; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: 10px; background: #000; transition: transform .5s var(--curva), background .5s; }
.v5 .interruptor.con .int-fondo { transform: translateX(100%); background: var(--cel); }
.v5 .pulso { width: 8px; height: 8px; border-radius: 50%; background: var(--cel); animation: pulso 1.6s infinite; }
.v5 .interruptor.con .pulso, .v5 .interruptor.tocado .pulso { animation: none; background: #000; }
@keyframes pulso { 0% { box-shadow: 0 0 0 0 rgba(0,174,240,.6); } 70%, 100% { box-shadow: 0 0 0 9px rgba(0,174,240,0); } }
.v5 .cotizs { display: grid; gap: 6px; }
.v5 .cotiz { --t: 1; --col: color-mix(in srgb, var(--cel) calc(var(--t) * 100%), var(--hielo)); position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 12px; align-items: center; padding: 9px 12px 9px 16px; border-radius: 14px; border: 1px solid var(--linea); overflow: hidden; transition: background .6s, border-color .6s; }
.v5 .cotiz::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--col); transition: background .6s; }
.v5 .f-quien { min-width: 0; display: flex; align-items: baseline; gap: 8px; }
.v5 .f-quien b { font: 700 13.5px/1.2 var(--f-txt); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; transition: color .6s; }
.v5 .f-quien span { font-size: 12px; color: var(--gris); flex: none; }
.v5 .f-monto { font-size: 13px; letter-spacing: 0; text-transform: none; color: #000; font-variant-numeric: tabular-nums; }
.v5 .f-temp { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; }
.v5 .f-bar { flex: 1; height: 4px; border-radius: 4px; background: var(--sup); overflow: hidden; }
.v5 .f-bar i { display: block; height: 100%; width: calc(var(--t) * 100%); background: var(--col); border-radius: 4px; transition: width .8s var(--curva), background .6s; }
.v5 .f-dias { min-width: 8.6em; text-align: right; font-size: 10px; color: var(--gris); letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.v5 .cotiz.fria { background: #F2F4F6; border-color: #E6E9EC; }
.v5 .cotiz.fria .f-quien b, .v5 .cotiz.fria .f-monto { color: var(--gris-2); }
.v5 .cotiz.ganada { background: #000; border-color: #000; }
.v5 .cotiz.ganada::before { background: var(--cel); }
.v5 .cotiz.ganada .f-quien b { color: #fff; }
.v5 .cotiz.ganada .f-quien span { color: var(--gris-2); }
.v5 .cotiz.ganada .f-monto, .v5 .cotiz.ganada .f-dias { color: var(--cel); }
.v5 .cotiz.ganada .f-bar { background: rgba(255,255,255,.14); }
.v5 .cotiz.ganada .f-bar i { background: var(--cel); width: 100%; }
.v5 .cotiz.sigue { animation: sigue .9s var(--curva); }
@keyframes sigue { 30% { background: #E3F6FD; border-color: var(--cel); } }
.v5 .tab-pie { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--linea); display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; }
.v5 .tab-pie .mono { color: var(--gris); }
.v5 .tab-total { display: block; margin-top: 3px; font: 800 clamp(24px, min(2.3vw, 4.8svh), 34px)/1 var(--f-tit); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.v5 .tab-gan { text-align: right; }
.v5 .tab-gan b { display: block; margin-top: 3px; font: 800 clamp(20px, min(1.8vw, 3.8svh), 26px)/1 var(--f-tit); color: var(--cel-prof); font-variant-numeric: tabular-nums; }
.v5 .marquesina { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: clamp(20px, 3vw, 48px); padding: clamp(18px, 3svh, 28px) 0 clamp(18px, 3svh, 28px) max(var(--gut), calc((100vw - var(--max)) / 2)); border-top: 1px solid #EEF0F2; }
.v5 .mq-rot { display: flex; align-items: center; gap: 12px; }
.v5 .mq-rot b { font: 900 clamp(40px, 3.6vw, 56px)/.9 var(--f-tit); letter-spacing: -.05em; color: var(--cel); }
.v5 .mq-rot .mono { color: var(--gris); line-height: 1.4; font-size: 10.5px; }
.v5 .mq-filas { display: grid; gap: 10px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.v5 .mq { overflow: hidden; }
.v5 .mq-pista { display: flex; gap: 10px; width: max-content; animation: mq 46s linear infinite; }
.v5 .mq-inv .mq-pista { animation-direction: reverse; animation-duration: 52s; }
.v5 .mq-filas:hover .mq-pista { animation-play-state: paused; }
@keyframes mq { to { transform: translateX(-50%); } }
.v5 .mq-logo { flex: none; width: 150px; height: 64px; display: grid; place-items: center; padding: 10px 14px; border-radius: 16px; border: 1px solid var(--linea); background: #fff; }
.v5 .mq-logo img { max-height: 40px; width: auto; filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s, transform .3s var(--curva); }
.v5 .mq-logo:hover img { filter: none; opacity: 1; transform: scale(1.06); }
.v5 .mq-logo img[src*="cli-krono"] { max-height: 48px; }
.v5 .sint { position: relative; background: #000; color: #fff; overflow: hidden; }
.v5 .sin-foto { position: absolute; inset: 0; }
.v5 .sin-foto img { width: 100%; height: 100%; object-fit: cover; opacity: .9; transform: scale(1.08); }
.v5 .sint::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.62) 42%, rgba(0,0,0,.08) 100%); pointer-events: none; }
.v5 .sin-esc { position: relative; z-index: 1; max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: var(--aire) var(--gut); display: grid; gap: var(--aire); }
.v5 .sin-item { display: grid; gap: 16px; align-content: center; }
.v5 .sin-cifra { font: 900 clamp(120px, min(20vw, 38svh), 320px)/.8 var(--f-tit); letter-spacing: -.06em; color: var(--cel); white-space: nowrap; font-variant-numeric: tabular-nums; }
.v5 .sin-cifra small { font-size: .24em; letter-spacing: -.02em; color: #fff; font-weight: 700; vertical-align: .95em; }
.v5 .sin-txt { font: 700 clamp(26px, min(3vw, 6svh), 46px)/1.08 var(--f-tit); letter-spacing: -.02em; max-width: 20ch; }
.v5 .sin-pie { color: #A9B0B7; }
.v5 .sin-frase { font: 800 clamp(52px, min(8vw, 15svh), 136px)/.9 var(--f-tit); letter-spacing: -.05em; max-width: 12ch; }
.v5 .sin-frase span { color: var(--cel); }
.v5 .sin-avance { display: none; }
.gs .v5 .sin-esc { height: 100svh; padding: var(--nav) var(--gut) 0; display: block; }
.gs .v5 .sin-item { position: absolute; inset: var(--nav) var(--gut) 0; max-width: var(--max); margin: 0 auto; }
.gs .v5 .sin-avance { display: block; position: absolute; z-index: 2; left: var(--gut); right: var(--gut); bottom: 28px; height: 2px; background: rgba(255,255,255,.15); max-width: var(--max); margin: 0 auto; }
.v5 .sin-avance i { display: block; height: 100%; width: 0; background: var(--cel); }
.v5 .como { padding: var(--aire) 0 0; }
.v5 .como .sec-cab, .v5 .caso .sec-cab, .v5 .prog-cab { gap: 10px; }
.v5 .paneles { max-width: calc(var(--max) + 2 * var(--gut)); margin: clamp(32px, 6svh, 56px) auto 0; padding: 0 var(--gut); display: flex; gap: 14px; height: max(440px, min(640px, calc(100svh - var(--nav) - clamp(150px, 24svh, 220px)))); }
.v5 .pnl { position: relative; flex: 1; min-width: 0; border-radius: 28px; overflow: hidden; background: #111; color: #fff; cursor: pointer; transition: flex .8s var(--curva); outline-offset: 4px; }
.v5 .pnl.on { flex: 3.4; cursor: default; }
.v5 .pnl > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--curva), filter .8s; filter: saturate(.85); }
.v5 .pnl:not(.on) > img { filter: saturate(.4) brightness(.75); }
.v5 .pnl:not(.on):hover > img { transform: scale(1.04); filter: saturate(.7) brightness(.85); }
.v5 .pnl::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.78) 100%); pointer-events: none; }
.v5 .panel-prog { position: absolute; z-index: 3; left: 22px; right: 22px; top: 18px; height: 3px; border-radius: 3px; background: rgba(255,255,255,.25); overflow: hidden; opacity: 0; }
.v5 .pnl.on .panel-prog { opacity: 1; }
.v5 .panel-prog::after { content: ''; position: absolute; inset: 0; background: var(--cel); transform-origin: left; transform: scaleX(var(--p, 0)); }
.v5 .panel-cab { position: absolute; z-index: 2; left: 24px; bottom: 22px; display: flex; align-items: baseline; gap: 12px; transition: bottom .6s var(--curva); }
.v5 .panel-cab .mono { color: var(--cel); }
.v5 .pnl h3 { font: 800 clamp(30px, min(3.4vw, 7svh), 56px)/1 var(--f-tit); letter-spacing: -.035em; }
.v5 .pnl:not(.on) .panel-cab { flex-direction: column; gap: 6px; }
.v5 .pnl:not(.on) h3 { font-size: clamp(22px, min(2vw, 4.4svh), 30px); }
.v5 .pnl.on .panel-cab { bottom: calc(22px + 3.2em); }
.v5 .panel-txt { position: absolute; z-index: 2; left: 24px; bottom: 22px; max-width: min(34ch, 46%); font-size: 16px; line-height: 1.4; color: #E8EAED; opacity: 0; transform: translateY(10px); transition: opacity .4s, transform .5s var(--curva); }
.v5 .pnl.on .panel-txt { opacity: 1; transform: none; transition-delay: .35s; }
.v5 .ui { position: absolute; z-index: 2; bottom: 22px; right: 22px; width: min(320px, 44%); background: #fff; color: #000; border-radius: 20px; padding: 16px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.55); opacity: 0; transform: translateY(16px); transition: opacity .4s, transform .6s var(--curva); pointer-events: none; }
.v5 .pnl.on .ui { opacity: 1; transform: none; transition-delay: .45s; pointer-events: auto; }
.v5 .ui > .mono { color: var(--gris); }
.v5 .ui-pie { margin-top: 10px; font: 500 10px/1.3 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--gris-2); }
.v5 .barras { margin: 30px 0 22px; height: clamp(70px, 13svh, 120px); display: flex; align-items: flex-end; gap: 16px; }
.v5 .barras span { position: relative; flex: 1; height: var(--h); display: flex; }
.v5 .barras i { flex: 1; border-radius: 10px 10px 4px 4px; background: var(--hielo); transform-origin: bottom; transform: scaleY(0); transition: transform .9s var(--curva); }
.v5 .pnl.on .barras i { transform: scaleY(1); transition-delay: .6s; }
.v5 .pnl.on .barras span + span i { transition-delay: .8s; }
.v5 .barras .viva i { background: var(--cel); }
.v5 .barras b { position: absolute; top: -21px; left: 0; right: 0; text-align: center; font: 500 12px/1 var(--f-mono); }
.v5 .barras em { position: absolute; bottom: -18px; left: 0; right: 0; text-align: center; font: 500 10px/1 var(--f-mono); font-style: normal; text-transform: uppercase; letter-spacing: .1em; color: var(--gris-2); }
.v5 .ui-chat { background: #EEF1F4; display: grid; gap: 7px; }
.v5 .ui-chip { justify-self: start; padding: 5px 9px; border-radius: 8px; background: #000; color: #fff; font-size: 10px; }
.v5 .ui-chip b { color: var(--cel); font-weight: 500; }
.v5 .b { max-width: 90%; padding: 8px 11px; border-radius: 13px; font-size: 13px; line-height: 1.38; opacity: 0; transform: translateY(8px); transition: opacity .35s, transform .45s var(--curva); }
.v5 .pnl.on .b { opacity: 1; transform: none; }
.v5 .pnl.on .b:nth-of-type(2) { transition-delay: .6s; }
.v5 .pnl.on .b:nth-of-type(3) { transition-delay: 1.3s; }
.v5 .pnl.on .b:nth-of-type(4) { transition-delay: 2s; }
.v5 .b-in { justify-self: start; background: #fff; border-top-left-radius: 4px; }
.v5 .b-out { justify-self: end; background: #000; color: #fff; border-top-right-radius: 4px; }
.v5 .b-out span { display: flex; align-items: center; gap: 5px; font: 600 10.5px/1.2 var(--f-txt); color: var(--cel); margin-bottom: 2px; }
.v5 .b-out span img { width: 12px; height: 12px; }
.v5 .b-out b { font-weight: 600; }
.v5 .ui-total { margin-top: 8px; font-size: 13px; color: var(--gris); }
.v5 .ui-total b { font: 800 26px/1 var(--f-tit); color: #000; letter-spacing: -.02em; margin-right: 4px; }
.v5 .ui-lista ul { margin-top: 12px; display: grid; }
.v5 .ui-lista li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 2px 10px; padding: 8px 0; border-top: 1px solid #EEF0F2; font-size: 12.5px; align-items: baseline; }
.v5 .ui-lista li span { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v5 .ui-lista li em { grid-row: 2; font-style: normal; color: var(--gris); font-size: 11.5px; }
.v5 .ui-lista li b { font-size: 11.5px; letter-spacing: 0; text-transform: none; font-weight: 500; }
.v5 .ui-lista li i { grid-row: 1 / 3; grid-column: 3; align-self: center; font-style: normal; padding: 4px 7px; border-radius: 7px; background: #000; color: var(--cel); font-size: 10px; letter-spacing: .04em; }
.v5 .cuenta { background: var(--cel); color: #000; margin-top: var(--aire); }
.v5 .cuenta-in { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: var(--aire) var(--gut); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 7vw, 120px); align-items: center; }
.v5 .cuenta-izq { display: grid; gap: clamp(20px, 3.6svh, 30px); }
.v5 .cuenta .h2 { font-size: clamp(36px, min(4.4vw, 8.4svh), 68px); margin-bottom: 8px; }
.v5 .desliza { display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; align-items: baseline; }
.v5 .desliza > span, .v5 .tickets p span { font: 600 15px/1.3 var(--f-txt); }
.v5 .desliza output, .v5 .tickets output { font: 800 clamp(22px, 2vw, 30px)/1 var(--f-tit); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.v5 .desliza input { grid-column: 1 / -1; -webkit-appearance: none; appearance: none; width: 100%; height: 30px; background: transparent; cursor: pointer; margin: 0; }
.v5 .desliza input::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: linear-gradient(#000, #000) 0 / var(--p, 50%) 100% no-repeat, rgba(0,0,0,.18); }
.v5 .desliza input::-moz-range-track { height: 4px; border-radius: 4px; background: rgba(0,0,0,.18); }
.v5 .desliza input::-moz-range-progress { height: 4px; background: #000; }
.v5 .desliza input::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; margin-top: -11px; border-radius: 50%; background: #000; border: 4px solid #fff; box-shadow: 0 4px 12px rgba(0,0,0,.25); }
.v5 .desliza input::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: #000; border: 4px solid #fff; }
.v5 .tickets p { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.v5 .tk-fila { margin-top: 12px; display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; }
.v5 .tk { appearance: none; border: 0; padding: 0; cursor: pointer; aspect-ratio: 3 / 4; border-radius: 8px; background: #fff; position: relative; transition: background .3s, transform .25s var(--curva); box-shadow: 0 6px 14px -8px rgba(0,0,0,.35); }
.v5 .tk i { position: absolute; left: 22%; right: 22%; top: 24%; height: 3px; border-radius: 3px; background: var(--cel); box-shadow: 0 7px 0 #E3E7EB, 0 14px 0 #E3E7EB; transition: background .3s, box-shadow .3s; }
.v5 .tk:hover { transform: translateY(-3px); }
.v5 .tk.fria { background: rgba(0,0,0,.82); }
.v5 .tk.fria i { background: #5C636B; box-shadow: 0 7px 0 #3A3F45, 0 14px 0 #3A3F45; }
.v5 .cuenta-der { display: grid; gap: 14px; justify-items: start; min-width: 0; }
.v5 .cuenta-der > .mono { opacity: .75; }
.v5 .cuenta-num { width: 100%; font: 900 clamp(48px, min(7.6vw, 15svh), 132px)/.9 var(--f-tit); letter-spacing: -.05em; white-space: nowrap; font-variant-numeric: tabular-nums; overflow: hidden; }
.v5 .cuenta-num span { display: inline-block; transform-origin: left; }
.v5 .cuenta-rec { font-size: 17px; max-width: 32ch; }
.v5 .cuenta-rec b { font-family: var(--f-tit); font-weight: 800; font-variant-numeric: tabular-nums; }
.v5 .cuenta-der .btn { margin-top: 12px; }
.v5 .cuenta-nota { font-size: 13px; opacity: .7; }
.v5 .caso { background: #000; color: #fff; padding: var(--aire) 0; }
.v5 .comparar { position: relative; max-width: calc(var(--max) + 2 * var(--gut)); margin: clamp(32px, 6svh, 56px) auto 0; height: max(360px, min(620px, calc(100svh - var(--nav) - clamp(230px, 36svh, 300px)))); border-radius: 28px; overflow: hidden; touch-action: pan-y; user-select: none; }
.v5 .comparar { width: calc(100% - 2 * var(--gut)); }
.v5 .cmp-lado { position: absolute; inset: 0; }
.v5 .cmp-lado img { width: 100%; height: 100%; object-fit: cover; }
.v5 .cmp-antes img { filter: grayscale(1) brightness(.62) contrast(1.05); }
.v5 .cmp-despues { clip-path: inset(0 0 0 var(--x)); }
.v5 .cmp-lado::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 50%, rgba(0,0,0,.7)); }
.v5 .cmp-dato { position: absolute; z-index: 1; bottom: clamp(22px, 4svh, 40px); display: grid; gap: 4px; }
.v5 .cmp-antes .cmp-dato { left: clamp(22px, 3vw, 44px); }
.v5 .cmp-despues .cmp-dato { right: clamp(22px, 3vw, 44px); text-align: right; }
.v5 .cmp-dato .mono { color: #C9CDD2; }
.v5 .cmp-dato b { font: 900 clamp(48px, min(6.4vw, 12svh), 112px)/.9 var(--f-tit); letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.v5 .cmp-antes b { color: #C9CDD2; }
.v5 .cmp-despues b { color: var(--cel); }
.v5 .cmp-dato span { font-size: 15px; color: #E8EAED; }
.v5 .cmp-mango { position: absolute; z-index: 3; top: 0; bottom: 0; left: var(--x); width: 54px; margin-left: -27px; background: none; border: 0; cursor: ew-resize; padding: 0; touch-action: none; }
.v5 .cmp-mango::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; margin-left: -1.5px; background: #fff; }
.v5 .cmp-mango i { position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; translate: -50% -50%; border-radius: 50%; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.4); }
.v5 .cmp-mango i::before, .v5 .cmp-mango i::after { content: ''; position: absolute; top: 50%; width: 9px; height: 9px; border: solid #000; border-width: 2.5px 2.5px 0 0; }
.v5 .cmp-mango i::before { left: 14px; transform: translateY(-50%) rotate(-135deg); }
.v5 .cmp-mango i::after { right: 14px; transform: translateY(-50%) rotate(45deg); }
.v5 .caso-datos { max-width: calc(var(--max) + 2 * var(--gut)); margin: clamp(18px, 3.4svh, 40px) auto 0; padding: 0 var(--gut); display: grid; grid-template-columns: repeat(3, auto) 1fr; gap: 20px clamp(28px, 4vw, 64px); align-items: end; }
.v5 .caso-datos div { display: grid; gap: 4px; }
.v5 .caso-datos b { font: 800 clamp(32px, 3vw, 46px)/1 var(--f-tit); letter-spacing: -.03em; color: var(--cel); }
.v5 .caso-datos span { font-size: 14px; color: #C9CDD2; }
.v5 .caso-datos .mono { justify-self: end; text-align: right; color: #A9B0B7; font-size: 10px; max-width: 30ch; line-height: 1.5; }
.v5 .programa { padding: calc(var(--aire) * .5) 0 0; overflow: clip; }
.v5 .prog-esc { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; gap: clamp(14px, 2.8svh, 32px); padding: calc(var(--nav) + 2svh) 0 3svh; }
.v5 .prog-pista { display: flex; gap: 18px; width: max-content; padding: 0 var(--gut) 0 max(var(--gut), calc((100vw - var(--max)) / 2)); will-change: transform; }
.v5 .dia { flex: none; width: clamp(280px, 26vw, 380px); height: max(340px, min(500px, calc(100svh - var(--nav) - 30svh - 96px))); border-radius: 28px; background: var(--sup); display: flex; flex-direction: column; overflow: hidden; }
.v5 .dia-foto { position: relative; flex: 1; min-height: 0; }
.v5 .dia-foto img { width: 100%; height: 100%; object-fit: cover; }
.v5 .dia-n { position: absolute; left: 18px; bottom: 14px; font: 900 clamp(40px, min(3.6vw, 7.4svh), 64px)/.9 var(--f-tit); letter-spacing: -.05em; color: #fff; text-shadow: 0 2px 20px rgba(0,0,0,.35); }
.v5 .dia h3 { margin: 18px 20px 0; font: 800 clamp(20px, 1.7vw, 25px)/1.08 var(--f-tit); letter-spacing: -.02em; }
.v5 .dia > p { margin: 8px 20px 20px; font-size: 14px; line-height: 1.45; color: var(--gris); }
.v5 .dia-n-sola { position: static; display: block; margin: 22px 20px 0; color: var(--cel); text-shadow: none; font-size: clamp(56px, min(5vw, 10svh), 96px); }
.v5 .dia-negro { background: #000; color: #fff; justify-content: flex-end; }
.v5 .dia-negro h3 { font-size: clamp(30px, min(2.8vw, 5.6svh), 42px); margin-top: auto; }
.v5 .dia-negro h3 + p { color: #C9CDD2; }
.v5 .dia-negro .dia-n-sola { margin-bottom: auto; }
.v5 .dia-cel { background: var(--cel); color: #000; }
.v5 .dia-cel .dia-n-sola { color: #000; }
.v5 .dia-cel h3 { font-size: clamp(28px, min(2.6vw, 5.4svh), 40px); margin-top: auto; }
.v5 .dia-cel > p { color: #000; opacity: .78; }
.v5 .dia-cel .btn { margin: 0 20px 22px; align-self: flex-start; }
.v5 .prog-linea { position: relative; max-width: var(--max); width: calc(100% - 2 * var(--gut)); margin: 0 auto; height: 22px; display: flex; justify-content: space-between; align-items: flex-end; font: 500 11px/1 var(--f-mono); color: var(--gris-2); }
.v5 .prog-linea::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; border-radius: 3px; background: #E6EAEE; }
.v5 .prog-linea i { position: absolute; left: 0; top: 0; height: 3px; width: 0; border-radius: 3px; background: #000; }
.v5 .incluye { width: 100%; max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut); display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.v5 .incluye > .mono { color: var(--gris); }
.v5 .incluye ul { display: flex; flex-wrap: wrap; gap: 8px; }
.v5 .incluye li { padding: 8px 13px; font-size: 13.5px !important; border-radius: 14px; background: var(--sup); font: 600 14px/1.2 var(--f-txt); }
.v5 .quien { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: calc(var(--aire) * .7) var(--gut); }
.v5 .q-caja { display: grid; grid-template-columns: minmax(280px, 420px) minmax(0, 1fr); gap: clamp(36px, 6vw, 96px); align-items: center; background: var(--sup); border-radius: 32px; padding: clamp(24px, 3.4vw, 48px); }
.v5 .q-foto { position: relative; aspect-ratio: 4 / 5; border-radius: 24px; overflow: hidden; background: #2B2F33; box-shadow: 0 30px 60px -34px rgba(0,0,0,.45); }
.v5 .q-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.v5 .q-foto::after { content: ''; position: absolute; inset: 52% 0 0; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.72)); pointer-events: none; }
.v5 .q-tags { position: absolute; z-index: 1; left: 16px; right: 16px; bottom: 84px; display: flex; flex-wrap: wrap; gap: 7px; }
.v5 .q-tags li { padding: 8px 12px; border-radius: 11px; background: #fff; color: #000; font: 700 13px/1 var(--f-txt); box-shadow: 0 10px 22px -12px rgba(0,0,0,.5); }
.v5 .q-tags .q-tag-cel { background: var(--cel); }
.v5 .q-tags .q-tag-negro { background: #000; color: #fff; }
.v5 .q-placa { position: absolute; z-index: 1; left: 16px; right: 16px; bottom: 16px; display: grid; gap: 4px; padding: 12px 14px; border-radius: 14px; background: rgba(0,0,0,.78); color: #fff; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.v5 .q-placa b { font: 700 17px/1.1 var(--f-tit); }
.v5 .q-placa .mono { color: #C9CDD2; font-size: 10px; }
.v5 .quien blockquote { margin-top: 18px; font: 800 clamp(34px, min(3.8vw, 7.4svh), 60px)/1 var(--f-tit); letter-spacing: -.035em; text-wrap: balance; }
.v5 .q-bajada { margin-top: 20px; font-size: 18px; color: #444; max-width: 40ch; text-wrap: balance; }
.v5 .q-ctas { margin-top: 28px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 26px; }
.v5 .q-sellos { margin-top: 32px; display: flex; gap: 12px; }
.v5 .q-sellos span, .v5 .q-sellos a { height: 68px; padding: 0 16px; display: grid; place-items: center; border-radius: 16px; background: #fff; border: 1px solid var(--linea); }
.v5 .q-sellos img { height: 40px; width: auto; }
.v5 .q-sellos img[src*=gpartner] { height: 56px; }
.gs .v5 .q-tags li { opacity: 0; transform: translateY(10px) scale(.92); transition: opacity .45s, transform .55s var(--curva); }
.gs .v5 .q-caja.vista .q-tags li { opacity: 1; transform: none; }
.gs .v5 .q-caja.vista .q-tags li:nth-child(2) { transition-delay: .12s; }
.gs .v5 .q-caja.vista .q-tags li:nth-child(3) { transition-delay: .24s; }
.gs .v5 .q-caja.vista .q-tags li:nth-child(4) { transition-delay: .36s; }
.v5 .cierre { background: #000; color: #fff; }
.v5 .cierre-in { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: var(--aire) var(--gut); display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 48px; align-items: center; }
.v5 .cierre .h-gigante .cel { color: var(--cel); }
.v5 .cierre-txt { margin-top: 28px; font-size: 18px; color: #C9CDD2; max-width: 40ch; }
.v5 .cierre .ctas { margin-top: 32px; }
.v5 .reloj { position: relative; width: min(340px, 100%); aspect-ratio: 1; justify-self: end; }
.v5 .reloj svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.v5 .r-fondo { fill: none; stroke: #1E2328; stroke-width: 10; }
.v5 .r-arco { fill: none; stroke: var(--cel); stroke-width: 10; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; }
.v5 .reloj p { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.v5 .reloj b { font: 900 clamp(72px, 8vw, 120px)/.9 var(--f-tit); letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.v5 .reloj .mono { color: var(--gris-2); }
.gs .v5 .pl { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .14em; margin-bottom: -.14em; }
.gs .v5 .pl > span { display: inline-block; will-change: transform; }
@media (max-width: 1023px) {
.v5 .heroe { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-top: calc(var(--nav) + 28px); }
.v5 .h-escena { height: min(560px, 120vw); }
.v5 .h-foto { left: 22%; right: calc(-1 * var(--gut)); }
.v5 .cuenta-in, .v5 .cierre-in { grid-template-columns: 1fr; }
.v5 .q-caja { grid-template-columns: minmax(0, 1fr); }
.v5 .q-foto { max-width: 420px; }
.v5 .q-tags { bottom: 78px; gap: 5px; }
.v5 .q-tags li { font-size: 12px; padding: 7px 10px; }
.v5 .reloj { justify-self: start; width: 220px; }
.v5 .caso-datos { grid-template-columns: repeat(3, auto); }
.v5 .caso-datos .mono { grid-column: 1 / -1; justify-self: start; text-align: left; }
}
@media (max-width: 767px) {
.v5 { --aire: 88px; }
.v5 .h1 { font-size: clamp(44px, 12.6vw, 62px); }
.v5 .pildoras { flex-wrap: nowrap; overflow-x: auto; margin-right: calc(-1 * var(--gut)); padding-right: var(--gut); scrollbar-width: none; }
.v5 .pildoras::-webkit-scrollbar { display: none; }
.v5 .pildoras button { flex: none; }
.v5 .h-escena { height: 600px; }
.v5 .h-foto { top: 0; bottom: 170px; left: 0; right: calc(-1 * var(--gut)); border-radius: 22px 0 0 22px; }
.v5 .h-foto-rot { right: calc(12px + var(--gut)); }
.v5 .tablero { width: 92%; left: 4%; bottom: 0; }
.v5 .burbuja { right: 8px; top: 16px; width: 74%; }
.v5 .f-quien span { display: none; }
.v5 .sin-cifra { font-size: clamp(104px, 32vw, 160px); }
.v5 .sint::after { background: linear-gradient(180deg, rgba(0,0,0,.6), rgba(0,0,0,.88)); }
.v5 .paneles { flex-direction: column; height: auto; }
.v5 .pnl, .v5 .pnl.on { flex: none; height: 560px; }
.v5 .pnl .panel-cab, .v5 .pnl.on .panel-cab { flex-direction: row; bottom: calc(22px + 3.2em); }
.v5 .pnl h3, .v5 .pnl:not(.on) h3 { font-size: 36px; }
.v5 .pnl .panel-txt { opacity: 1; transform: none; }
.v5 .pnl > img, .v5 .pnl:not(.on) > img { filter: saturate(.85); }
.v5 .pnl .ui { opacity: 1; transform: none; top: 22px; left: 16px; right: 16px; width: auto; }
.v5 .pnl .barras i { transform: scaleY(1); }
.v5 .pnl .b { opacity: 1; transform: none; }
.v5 .panel-prog { display: none; }
.v5 .cuenta-num { font-size: clamp(44px, 13vw, 72px); }
.v5 .tk-fila { gap: 4px; }
.v5 .comparar { height: 460px; }
.v5 .cmp-dato b { font-size: 44px; }
.v5 .cmp-antes .cmp-dato { top: 18px; bottom: auto; }
.v5 .caso-datos { grid-template-columns: 1fr 1fr; }
.v5 .prog-esc { min-height: 0; }
.v5 .prog-pista { width: auto; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 8px; }
.v5 .prog-pista::-webkit-scrollbar { display: none; }
.v5 .dia { width: 80vw; height: 470px; scroll-snap-align: center; }
.v5 .prog-linea { display: none; }
.v5 .reloj { display: none; }
.v5 .marquesina { grid-template-columns: 1fr; padding-left: var(--gut); }
.v5 .mq-logo { width: 120px; height: 56px; }
.v5 .pnl .ui { bottom: auto; }
.v5 .panel-txt { max-width: none !important; right: 24px; }
}
@media (prefers-reduced-motion: reduce) {
.v5 *, .v5 *::before, .v5 *::after { animation: none !important; transition-duration: .01ms !important; transition-delay: 0s !important; }
}

/* ══ Solo en el sitio (no en la maqueta) ══════════════════════════════════════ */
.v5 { --nav: 78px; background: #fff; color: var(--tinta); font: 400 16px/1.6 var(--f-txt); overflow-x: clip; }
.v5 a { text-decoration-skip-ink: auto; }
main.v5 ~ footer { margin-top: 0 !important; }
.v5 .sec-cab-fila { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 20px; }
.v5 .sec-bajada { font-size: 18px; line-height: 1.5; color: #444; max-width: 46ch; }

/* El menú del sitio se pone negro sobre las secciones negras (lo marca js/v5). Si se abre un
   desplegable o el menú del teléfono, vuelve a blanco para que el panel no quede pegado a una barra negra. */
html:not(.dark) #barra.barra-oscura:not(:has(.panel-capa:not([hidden]))):not(:has([data-movil-panel]:not([data-cerrado]))) { background: rgba(0,0,0,.88) !important; border-color: rgba(255,255,255,.08) !important; }
html:not(.dark) #barra.barra-oscura:not(:has(.panel-capa:not([hidden]))):not(:has([data-movil-panel]:not([data-cerrado]))) .n1 { color: #C9CDD2; }
html:not(.dark) #barra.barra-oscura:not(:has(.panel-capa:not([hidden]))):not(:has([data-movil-panel]:not([data-cerrado]))) .n1:hover { color: #fff; background: rgba(255,255,255,.08); }
html:not(.dark) #barra.barra-oscura:not(:has(.panel-capa:not([hidden]))):not(:has([data-movil-panel]:not([data-cerrado]))) img[src*="morgansmedia-color"] { display: none !important; }
html:not(.dark) #barra.barra-oscura:not(:has(.panel-capa:not([hidden]))):not(:has([data-movil-panel]:not([data-cerrado]))) img[src*="morgansmedia-negativo"] { display: block !important; }
html:not(.dark) #barra.barra-oscura:not(:has(.panel-capa:not([hidden]))):not(:has([data-movil-panel]:not([data-cerrado]))) [data-tema], html:not(.dark) #barra.barra-oscura:not(:has(.panel-capa:not([hidden]))):not(:has([data-movil-panel]:not([data-cerrado]))) [data-movil] { border-color: rgba(255,255,255,.2); color: #C9CDD2; }
#barra { transition: background .3s, border-color .3s; }

/* ── ¿Qué campaña se paga sola? (dentro del caso, sobre negro) ── */
.v5 .camp { max-width: calc(var(--max) + 2 * var(--gut)); margin: clamp(56px, 10svh, 110px) auto 0; padding: clamp(36px, 6svh, 56px) var(--gut) 0; display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: clamp(28px, 5vw, 80px); align-items: start; position: relative; }
.v5 .camp::before { content: ''; position: absolute; top: 0; left: var(--gut); right: var(--gut); height: 1px; background: rgba(255,255,255,.12); }
.v5 .camp-cab h3 { font: 800 clamp(30px, 3.2vw, 48px)/.98 var(--f-tit); letter-spacing: -.035em; color: #fff; text-wrap: balance; }
.v5 .camp-cab p { margin-top: 16px; color: #C9CDD2; font-size: 16px; max-width: 36ch; }
.v5 .camp-cab .camp-ej { margin-top: 20px; color: var(--gris-2); }
.v5 .camp-filas { display: grid; gap: 10px; }
.v5 .camp-fila { display: grid; grid-template-columns: 168px minmax(0, 1fr) 52px 86px; align-items: center; gap: 16px; padding: 14px 16px; border-radius: 16px; background: var(--oscuro-sup); transition: background .3s, transform .3s var(--curva); }
.v5 .camp-fila:hover { background: #1C222A; transform: translateX(4px); }
.v5 .camp-n { color: #E8EAED; font-weight: 600; font-size: 14px; }
.v5 .camp-barras { display: grid; gap: 6px; }
.v5 .camp-barras i { position: relative; display: block; height: 12px; border-radius: 6px; width: 0; transition: width 1.1s var(--curva); }
.v5 .camp.vista .camp-barras i { width: calc(var(--w) * .74); }
.v5 .camp.vista .camp-fila:nth-child(2) i { transition-delay: .1s; } .v5 .camp.vista .camp-fila:nth-child(3) i { transition-delay: .2s; } .v5 .camp.vista .camp-fila:nth-child(4) i { transition-delay: .3s; }
.v5 .camp-barras .ci { background: #4A5058; } .v5 .camp-barras .cv { background: var(--cel); }
.v5 .camp-barras em { position: absolute; left: calc(100% + 8px); top: 50%; translate: 0 -50%; font: 500 11px/1 var(--f-mono); font-style: normal; color: #A9B0B7; white-space: nowrap; opacity: 0; transition: opacity .4s .9s; }
.v5 .camp.vista .camp-barras em { opacity: 1; }
.v5 .camp-x { color: #fff; font-size: 13px; letter-spacing: 0; text-align: right; }
.v5 .camp-que { justify-self: end; padding: 7px 11px; border-radius: 9px; font: 700 12px/1 var(--f-txt); }
.v5 .sube .camp-que { background: var(--cel); color: #000; }
.v5 .revisa .camp-que { background: #fff; color: #000; }
.v5 .apaga .camp-que { background: #2B2F33; color: #C9CDD2; }
.v5 .camp-ley { grid-column: 2; display: flex; align-items: center; gap: 8px; color: #A9B0B7; font-size: 10px; }
.v5 .camp-ley i { display: inline-block; width: 14px; height: 8px; border-radius: 4px; }
.v5 .ley-ci { background: #4A5058; } .v5 .ley-cv { background: var(--cel); margin-left: 14px; }

/* ── Servicios sueltos ── */
.v5 .piezas { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: var(--aire) var(--gut) 0; }
.v5 .piezas-grilla { margin-top: clamp(28px, 5svh, 48px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.v5 .pieza { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 24px; border-radius: 22px; background: var(--sup); color: #000; text-decoration: none; overflow: hidden; transition: color .35s; }
.v5 .pieza::before { content: ''; position: absolute; inset: 0; background: #000; transform: translateY(101%); transition: transform .5s var(--curva); }
.v5 .pieza:hover { color: #fff; } .v5 .pieza:hover::before { transform: none; }
.v5 .pieza > * { position: relative; z-index: 1; }
.v5 .pieza-logo { width: 52px; height: 52px; border-radius: 14px; background: #fff; display: grid; place-items: center; box-shadow: 0 8px 18px -12px rgba(0,0,0,.35); color: #000; }
.v5 .pieza-logo svg { width: 26px; height: 26px; }
.v5 .pieza-n { font: 800 clamp(20px, 1.7vw, 26px)/1.05 var(--f-tit); letter-spacing: -.02em; }
.v5 .pieza-ver { display: inline-flex; align-items: center; gap: 8px; font: 600 13.5px/1 var(--f-txt); color: var(--cel-prof); transition: color .3s; white-space: nowrap; }
.v5 .pieza:hover .pieza-ver { color: var(--cel); }
.v5 .piezas-todos { margin-top: 24px; }

/* ── Blog ── */
.v5 .blog-v5 { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: var(--aire) var(--gut) 0; }
.v5 .blog-v5 .sec-cab, .v5 .ig-v5 .sec-cab { padding: 0; }
.v5 .art-grilla { margin-top: clamp(28px, 5svh, 44px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.v5 .art { display: flex; flex-direction: column; color: #000; text-decoration: none; }
.v5 .art-img { display: block; aspect-ratio: 4 / 3; border-radius: 22px; overflow: hidden; background: var(--sup); }
.v5 .art-img img { width: 100%; height: 100%; object-fit: cover; object-position: center 72%; transition: transform 1s var(--curva); }
.v5 .art:hover .art-img img { transform: scale(1.05); }
.v5 .art-cat { margin-top: 18px; color: var(--cel-prof); }
.v5 .art-t { margin-top: 8px; font: 800 clamp(20px, 1.6vw, 25px)/1.12 var(--f-tit); letter-spacing: -.02em; text-wrap: balance; }
.v5 .art:hover .art-t { text-decoration: underline; text-decoration-color: var(--cel); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.v5 .art-pie { margin-top: 12px; color: var(--gris); }

/* ── Instagram ── */
.v5 .ig-v5 { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: var(--aire) var(--gut) var(--aire); }
.v5 .ig-tira { margin-top: clamp(24px, 4svh, 36px); display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; }
.v5 .ig-foto { display: block; aspect-ratio: 1; border-radius: 16px; overflow: hidden; background: var(--sup); }
.v5 .ig-foto img { width: 100%; height: 100%; object-fit: cover; object-position: center 72%; transition: transform .8s var(--curva); }
.v5 .ig-foto:hover img { transform: scale(1.07); }

@media (max-width: 1023px) {
  .v5 .camp { grid-template-columns: minmax(0, 1fr); }
  .v5 .camp-ley { grid-column: 1; }
  .v5 .piezas-grilla, .v5 .art-grilla { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v5 .ig-tira { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .v5 { --nav: 70px; }
  .v5 .camp-fila { grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px 12px; }
  .v5 .camp-barras { grid-column: 1 / -1; grid-row: 2; }
  .v5 .camp.vista .camp-barras i { width: calc(var(--w) * .62); }
  .v5 .piezas-grilla { grid-template-columns: minmax(0, 1fr); }
  .v5 .art-grilla { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-right: calc(-1 * var(--gut)); padding-right: var(--gut); }
  .v5 .art-grilla::-webkit-scrollbar { display: none; }
  .v5 .art { flex: 0 0 82%; scroll-snap-align: start; }
  .v5 .sec-cab-fila { grid-template-columns: minmax(0, 1fr); }
}

/* ── Modo oscuro: el sitio lo tiene y se respeta ── */
.dark .v5 { background: #0A0C0F; color: #E8EAED; --sup: #14181D; --linea: rgba(255,255,255,.12); }
.dark .v5 .h1, .dark .v5 .h2:not(.h-blanco), .dark .v5 blockquote, .dark .v5 .art, .dark .v5 .pieza, .dark .v5 .dia h3, .dark .v5 .q-firma b { color: #F2F4F6; }
.dark .v5 .rot { color: var(--cel); }
.dark .v5 .cuenta .rot { color: #000; }
.dark .v5 .sec-bajada, .dark .v5 .q-bajada, .dark .v5 .dia > p, .dark .v5 .art-pie, .dark .v5 .rubro-sel .mono, .dark .v5 .mq-rot .mono { color: #A9B0B7; }
.dark .v5 .enlace:not(.enlace-claro) { color: #fff; }
.dark .v5 .btn-negro { background: #fff; color: #000; }
.dark .v5 .cuenta .btn-negro, .dark .v5 .dia-cel .btn-negro { background: #000; color: #fff; }
.dark .v5 .pildoras button { background: #14181D; border-color: rgba(255,255,255,.14); color: #E8EAED; }
.dark .v5 .pildoras button[aria-checked="true"] { background: #fff; border-color: #fff; color: #000; }
.dark .v5 .tablero { background: #14181D; box-shadow: 0 40px 90px -30px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.06); }
.dark .v5 .tab-cab b, .dark .v5 .tab-total { color: #fff; }
.dark .v5 .interruptor { background: #0A0C0F; }
.dark .v5 .interruptor button { color: #A9B0B7; }
.dark .v5 .int-fondo { background: #fff; } .dark .v5 .interruptor:not(.con) button[aria-pressed="true"] { color: #000; }
.dark .v5 .cotiz { border-color: rgba(255,255,255,.1); }
.dark .v5 .cotiz .f-quien b, .dark .v5 .cotiz .f-monto { color: #E8EAED; }
.dark .v5 .cotiz.fria { background: #1B2026; border-color: rgba(255,255,255,.06); }
.dark .v5 .cotiz.fria .f-quien b, .dark .v5 .cotiz.fria .f-monto { color: #6B737C; }
.dark .v5 .f-bar { background: #0A0C0F; }
.dark .v5 .tab-pie { border-color: rgba(255,255,255,.1); }
.dark .v5 .marquesina { border-color: rgba(255,255,255,.08); }
.dark .v5 .dia { background: #14181D; }
.dark .v5 .dia-negro { background: #000; border: 1px solid rgba(255,255,255,.1); }
.dark .v5 .dia-cel { background: var(--cel); } .dark .v5 .dia-cel h3 { color: #000; }
.dark .v5 .prog-linea::before { background: #1E2328; } .dark .v5 .prog-linea i { background: #fff; }
.dark .v5 .incluye li { background: #14181D; color: #E8EAED; }
.dark .v5 .incluye li a { color: inherit; }
.dark .v5 .pieza::before { background: var(--cel); } .dark .v5 .pieza:hover { color: #000; } .dark .v5 .pieza:hover .pieza-ver { color: #000; }
.dark .v5 .q-caja { background: #14181D; }
.dark .v5 .q-sellos a { background: #fff; }
.dark .v5 .frio.enfriada { color: #5C636B; }

/* ══ Pie v5 (todas las páginas) ══════════════════════════════════════════ */
.pie5 { background: #000; color: #A9B0B7; font: 400 14px/1.6 'Plus Jakarta Sans', system-ui, sans-serif; overflow: hidden; margin-top: clamp(80px, 14svh, 140px); }
main.v5 ~ .pie5 { margin-top: 0; }
.pie5 a { color: #C9CDD2; text-decoration: none; transition: color .2s; }
.pie5 a:hover { color: #00AEF0; }
.pie5-in { max-width: 1504px; margin: 0 auto; padding: clamp(56px, 10svh, 96px) clamp(20px, 4.4vw, 72px) 28px; }
.pie5-top { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 48px; }
.pie5-marca img { width: 200px; height: auto; }
.pie5-marca p { margin: 18px 0 0; max-width: 40ch; color: #A9B0B7; }
.pie5-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 14px 20px; border-radius: 13px; background: #00AEF0; color: #000 !important; font-weight: 600; font-size: 14.5px; }
.pie5-cta:hover { background: #0090C7; }
.pie5-cta i { font-style: normal; }
.pie5-redes { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 22px; font-weight: 600; font-size: 13.5px; }
.pie5-col p { margin: 0 0 14px; font: 700 11.5px/1.3 'Plus Jakarta Sans', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #fff; }
.pie5-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.pie5-col a { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
.pie5-sellos { margin-top: 56px; padding: 32px 0; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 28px 48px; }
.pie5-rot { margin: 0 0 14px; font: 500 11px/1 'IBM Plex Mono', monospace; letter-spacing: .12em; text-transform: uppercase; color: #8A929B; }
.pie5-badges { display: flex; align-items: center; gap: 24px; }
.pie5-badges img { height: 60px; width: auto; display: block; }
.pie5-opera { display: flex; flex-wrap: wrap; gap: 8px; }
.pie5-opera span { height: 46px; padding: 0 14px; display: grid; place-items: center; border-radius: 12px; background: #fff; }
.pie5-opera img { max-height: 22px; width: auto; display: block; }
.pie5-legal { margin-top: 24px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 28px; font-size: 12.5px; color: #8A929B; }
.pie5-legal p { margin: 0; }
.pie5-legal > div { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.pie5-legal button { background: none; border: 0; padding: 0; font: inherit; color: #C9CDD2; cursor: pointer; }
.pie5-legal button:hover { color: #00AEF0; }
.pie5-gigante { max-width: 1504px; margin: 0 auto; padding: 8px clamp(20px, 4.4vw, 72px) 0; opacity: .14; }
.pie5-gigante img { width: 100%; height: auto; display: block; transform: translateY(18%); }
.pie5-corto .pie5-in { padding-top: 32px; padding-bottom: 32px; }
.pie5-corto .pie5-legal { margin-top: 0; }
@media (max-width: 1023px) { .pie5-top { grid-template-columns: 1fr 1fr; } .pie5-marca { grid-column: 1 / -1; } }
@media (max-width: 600px) { .pie5-top { grid-template-columns: 1fr; gap: 34px; } .pie5-badges img { height: 50px; } }

/* ══ KIT de páginas interiores v5 (ver KIT.md) ═══════════════════════════════ */
.v5 .pag-hero { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; min-height: min(780px, 92svh); padding: calc(var(--nav) + 5svh) var(--gut) 5svh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: clamp(32px, 5vw, 88px); align-items: center; }
.v5 .pag-hero-txt { display: grid; gap: clamp(16px, 3svh, 28px); align-content: center; min-width: 0; }
.v5 .h1-pag { font: 800 clamp(44px, min(5.8vw, 11.4svh), 100px)/.9 var(--f-tit); letter-spacing: -.045em; color: #000; text-wrap: balance; }
.v5 .h1-pag .cel { color: var(--cel); }
.v5 .bajada-pag { font-size: clamp(17px, 1.35vw, 20px); line-height: 1.5; color: #444; max-width: 38ch; }
.v5 .pag-media { position: relative; height: min(640px, calc(100svh - var(--nav) - 10svh)); border-radius: 28px; overflow: hidden; background: var(--sup); }
.v5 .pag-media > img, .v5 .pag-media > video { width: 100%; height: 100%; object-fit: cover; }
.v5 .pag-media .ui { position: absolute; left: 20px; right: auto; bottom: 20px; top: auto; opacity: 1; transform: none; pointer-events: auto; }
.v5 .sec { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: var(--aire) var(--gut) 0; }
.v5 .sec-negra, .v5 .sec-cel { margin-top: var(--aire); padding: var(--aire) 0; }
.v5 .sec-negra { background: #000; color: #fff; }
.v5 .sec-cel { background: var(--cel); color: #000; }
.v5 .sec-negra > .sec, .v5 .sec-cel > .sec { padding-top: 0; }
.v5 .sec-negra .h2, .v5 .sec-negra h3 { color: #fff; }
.v5 .sec-negra .sec-bajada, .v5 .sec-negra p { color: #C9CDD2; }
.v5 .sec-cel .rot { color: #000; }
.v5 .sec-negra + .sec-negra, .v5 .sec-cel + .sec-cel { margin-top: 0; padding-top: 0; }
.v5 .rejilla { margin-top: clamp(28px, 5svh, 48px); display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); gap: 14px; }
.v5 .tarjeta { display: flex; flex-direction: column; gap: 12px; padding: clamp(22px, 2.4vw, 32px); border-radius: 24px; background: var(--sup); color: #000; text-decoration: none; min-width: 0; }
.v5 a.tarjeta { transition: transform .35s var(--curva), box-shadow .35s; }
.v5 a.tarjeta:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -30px rgba(0,0,0,.35); }
.v5 .tarjeta h3 { font: 800 clamp(21px, 1.8vw, 28px)/1.05 var(--f-tit); letter-spacing: -.025em; }
.v5 .tarjeta p { font-size: 15px; line-height: 1.5; color: #4A5058; }
.v5 .tarjeta .mono { color: var(--cel-prof); }
.v5 .tarjeta-negra { background: #000; color: #fff; } .v5 .tarjeta-negra p { color: #C9CDD2; } .v5 .tarjeta-negra .mono { color: var(--cel); }
.v5 .tarjeta-cel { background: var(--cel); } .v5 .tarjeta-cel p { color: #000; opacity: .8; } .v5 .tarjeta-cel .mono { color: #000; }
.v5 .sec-negra .tarjeta { background: var(--oscuro-sup); color: #fff; } .v5 .sec-negra .tarjeta p { color: #A9B0B7; }
.v5 .tarjeta-foto { padding: 0; overflow: hidden; }
.v5 .tarjeta-foto > img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 1s var(--curva); }
.v5 a.tarjeta-foto:hover > img { transform: scale(1.04); }
.v5 .tarjeta-foto > div { padding: 22px 24px 26px; display: grid; gap: 10px; }
.v5 .cifra-v5 { font: 900 clamp(48px, 5vw, 84px)/.88 var(--f-tit); letter-spacing: -.05em; color: var(--cel); font-variant-numeric: tabular-nums; }
.v5 .cifra-antes { font: 500 13px/1 var(--f-mono); color: var(--gris-2); text-decoration: line-through; }
.v5 .dato-pie { font: 500 10.5px/1.5 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gris-2); }
.v5 .lista-check { display: grid; gap: 0; }
.v5 .lista-check li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px 0; border-top: 1px solid var(--linea); font-size: 16px; line-height: 1.45; }
.v5 .lista-check li::before { content: ''; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; background: var(--cel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 13px no-repeat; }
.v5 .sec-negra .lista-check li { border-color: rgba(255,255,255,.12); color: #E8EAED; }
.v5 .dos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.v5 .dos-media { border-radius: 28px; overflow: hidden; aspect-ratio: 4 / 5; max-height: 680px; }
.v5 .dos-media img { width: 100%; height: 100%; object-fit: cover; }
.v5 .pasos-v5 { margin-top: clamp(28px, 5svh, 48px); display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); gap: 14px; counter-reset: paso; }
.v5 .pasos-v5 li { position: relative; padding: 26px 24px 28px; border-radius: 24px; background: var(--sup); display: grid; gap: 8px; align-content: start; }
.v5 .pasos-v5 li::before { counter-increment: paso; content: counter(paso, decimal-leading-zero); font: 900 54px/.9 var(--f-tit); letter-spacing: -.05em; color: var(--cel); margin-bottom: 10px; }
.v5 .pasos-v5 .mono { color: var(--gris); }
.v5 .pasos-v5 b { font: 800 21px/1.1 var(--f-tit); letter-spacing: -.02em; }
.v5 .pasos-v5 p { font-size: 14.5px; line-height: 1.5; color: #4A5058; }
.v5 .faq5 { margin-top: clamp(28px, 5svh, 44px); max-width: 920px; }
.v5 .faq5 details { border-top: 1px solid var(--linea); }
.v5 .faq5 details:last-child { border-bottom: 1px solid var(--linea); }
.v5 .faq5 summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) 36px; gap: 20px; align-items: center; padding: 22px 0; font: 700 clamp(18px, 1.5vw, 22px)/1.25 var(--f-tit); letter-spacing: -.01em; }
.v5 .faq5 summary::-webkit-details-marker { display: none; }
.v5 .faq5 summary::after { content: '+'; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--sup); font: 500 22px/1 var(--f-txt); color: #000; transition: transform .35s var(--curva), background .3s; }
.v5 .faq5 details[open] summary::after { transform: rotate(45deg); background: var(--cel); }
.v5 .faq5 details > div, .v5 .faq5 details > p { padding: 0 56px 24px 0; font-size: 16px; line-height: 1.6; color: #4A5058; max-width: 70ch; }
.v5 .sec-negra .faq5 summary::after { background: #1E2328; color: #fff; }
.v5 .banda { max-width: calc(var(--max) + 2 * var(--gut)); margin: 0 auto; padding: 0 var(--gut); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 28px; }
.v5 .gs-revela { }
.gs .v5 [data-revela] { opacity: 0; transform: translateY(36px); transition: opacity .9s var(--curva), transform 1s var(--curva); }
.gs .v5 [data-revela].visto { opacity: 1; transform: none; }
@media (max-width: 1023px) {
  .v5 .pag-hero, .v5 .dos { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .v5 .pag-media { height: min(520px, 110vw); }
  .v5 .rejilla, .v5 .pasos-v5 { grid-template-columns: repeat(min(var(--cols, 3), 2), minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .v5 .h1-pag { font-size: clamp(40px, 11.6vw, 58px); }
  .v5 .rejilla, .v5 .pasos-v5 { grid-template-columns: minmax(0, 1fr); }
  .v5 .faq5 details > div, .v5 .faq5 details > p { padding-right: 0; }
}
.dark .v5 .h1-pag { color: #F2F4F6; }
.dark .v5 .bajada-pag { color: #A9B0B7; }
.dark .v5 .tarjeta:not(.tarjeta-negra):not(.tarjeta-cel) { background: #14181D; color: #F2F4F6; }
.dark .v5 .tarjeta:not(.tarjeta-cel) p, .dark .v5 .pasos-v5 p, .dark .v5 .faq5 details > div, .dark .v5 .faq5 details > p { color: #A9B0B7; }
.dark .v5 .pasos-v5 li { background: #14181D; } .dark .v5 .pasos-v5 b { color: #F2F4F6; }
.dark .v5 .faq5 summary { color: #F2F4F6; } .dark .v5 .faq5 summary::after { background: #1E2328; color: #fff; }
.dark .v5 .lista-check li { color: #E8EAED; }

/* 9-nov · aire antes del cierre negro: una sección clara no puede quedar pegada a él (Andrés, captura de /metodo) */
.v5 .sec + .cierre, .v5 .piezas + .cierre, .v5 .quien + .cierre, .v5 .blog-v5 + .cierre { margin-top: var(--aire); }
.v5 .sec-negra + .cierre { border-top: 1px solid rgba(255,255,255,.1); }

/* ══ Desplegables del menú con el lenguaje v5 ══ */
.panel-capa { box-shadow: 0 40px 80px -40px rgba(0,0,0,.35); border-radius: 0 0 28px 28px; }
.panel-capa .pt-et { font: 500 11px/1.3 'IBM Plex Mono', monospace !important; letter-spacing: .12em !important; color: #0077A8; }
.dark .panel-capa .pt-et { color: #00AEF0; }
.panel-capa .mi { border-radius: 14px; padding-left: 12px !important; padding-right: 12px !important; margin: 0 -12px; transition: background .2s; }
.panel-capa .mi:hover { background: #F5F7FA; }
.dark .panel-capa .mi:hover { background: #14181D; }
.panel-capa .mi-t { font: 700 15px/1.25 'Outfit', sans-serif !important; letter-spacing: -.01em; }
.panel-capa .mm-soft { border-radius: 22px !important; }
.panel-capa .pt-n { font-family: 'Outfit', sans-serif; font-weight: 900; color: #00AEF0; }
.mv-capa .mv-link, .mv-capa summary { font-family: 'Outfit', sans-serif !important; font-weight: 700 !important; letter-spacing: -.01em; }

/* 9-nov · arreglos del kit que reportó el agente de /ley-21719 */
.v5 .sec .sec-cab { padding: 0; max-width: none; }                       /* el título no se mete 64px más que su contenido */
.v5 .tarjeta .cifra-v5 { font: 900 clamp(48px, 5vw, 84px)/.88 var(--f-tit); letter-spacing: -.05em; color: var(--cel); }
.v5 .tarjeta .dato-pie { font: 500 10.5px/1.5 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--gris-2); }
.v5 .tarjeta-cel .cifra-v5, .v5 .tarjeta-cel .dato-pie { color: #000; }
.v5 .sec-negra .tarjeta-cel { background: var(--cel); color: #000; }
.v5 .sec-negra .tarjeta-cel h3, .v5 .sec-negra .tarjeta-cel p, .v5 .sec-negra .tarjeta-cel .mono { color: #000; }
.v5 .sec-negra .tarjeta-negra { background: #000; border: 1px solid rgba(255,255,255,.14); }
.dark .v5 .sec-cel > .sec > .sec-cab .rot, .dark .v5 .sec-cel > .sec > .sec-cab p, .dark .v5 .sec-cel .sec-bajada { color: #000; }
.dark .v5 .sec-cel .h2:not(.h-blanco) { color: #000; }
/* 9-nov · arreglos del kit (agente de productos) */
.v5 [hidden] { display: none !important; }
.dark .v5 .sec-cel .btn-negro { background: #000; color: #fff; }
.dark .v5 .sec-cel .enlace { color: #000; }
/* 9-nov · arreglos del kit (agente del blog) */
.v5 .tarjeta p.mono, .v5 .tarjeta .mono { font: 500 11px/1.3 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; }
.v5 .sec-cab-fila > .enlace, .v5 .sec-cab-fila > a { justify-self: start; }
@media (min-width: 768px) { .v5 .sec-cab-fila > .enlace, .v5 .sec-cab-fila > a { justify-self: end; } }
/* 9-nov · el menú (y sus desplegables) sobre la misma grilla que el contenido v5 y el pie: 1360 + márgenes */
#barra > div:first-child, #barra .panel-capa > div { max-width: calc(1360px + 2 * clamp(20px, 4.4vw, 72px)) !important; padding-left: clamp(20px, 4.4vw, 72px) !important; padding-right: clamp(20px, 4.4vw, 72px) !important; }
.v5 .h2 .cel, .v5 .h-gigante .cel, .v5 .h1 .cel { color: var(--cel); }
.v5 .sec-cel .cifra-v5, .v5 .tarjeta-cel .cifra-v5 { color: #000; }
/* 9-nov · la clase .hidden de Tailwind tiene que ganarle a cualquier pieza v5 (el JS de las herramientas la usa) */
.v5 .hidden { display: none !important; }