/* Cocuyo CSS bundle v1: generated by scripts/build-css.mjs. */
/* cocuyo-css: assets/css/cine-modelos.css */
/* Del catálogo al Estudio: crédito editorial, nunca un anuncio sobre el video. */
.cine-motor{display:flex;align-items:center;gap:20px;margin:28px 0 34px;padding:24px;border:1px solid #3b4733;border-radius:18px;background:linear-gradient(110deg,#1c2418,#151916 65%,#181c17);color:#f4f6f1;box-sizing:border-box}
.cine-motor-icono,.cine-motor-dialogo-icono{display:grid;place-items:center;flex:none;width:58px;height:58px;border:1px solid #526b3c;border-radius:16px;color:#b4f66b;background:#26351c}
.cine-motor-info{flex:1;min-width:0}
.cine-motor-etiqueta{display:block;font-size:10px;font-weight:650;letter-spacing:.15em;line-height:1.4;color:#b4f66b}
.cine-motor-info h3{display:flex;align-items:center;gap:9px;margin:7px 0;font-size:24px;letter-spacing:-.04em;line-height:1.1;font-weight:620;color:#f4f6f1}
.cine-motor-version{padding:4px 7px;border:1px solid #46553b;border-radius:6px;font-size:13px;letter-spacing:0;color:#c2d1b7;font-weight:550}
.cine-motor-info p{margin:0;color:#b9c2b3;font-size:13px;line-height:1.5}
.cine-motor-crear{display:inline-flex;align-items:center;justify-content:center;gap:13px;flex:none;min-height:46px;padding:10px 16px;border:1px solid #b4f66b;border-radius:10px;background:#b4f66b;color:#17230d;text-decoration:none;line-height:1.35;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;box-sizing:border-box;transition:background .18s,box-shadow .18s,transform .18s}
.cine-motor-crear svg{flex:none}.cine-motor-crear:hover{background:#c4ff88;color:#17230d;box-shadow:0 0 0 4px #b4f66b12;transform:translateY(-1px)}
.cine-motor-crear:focus-visible,.cine-motor-dialogo :focus-visible{outline:2px solid #e1ffc7;outline-offset:4px}
.cine-motor-crear[aria-busy="true"]{opacity:.65;cursor:progress}
.cine-motor-dialogo{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:38px;margin:auto;border:1px solid #3c4b33;border-radius:24px;background:radial-gradient(ellipse at top left,#25331b 0,transparent 65%),#141714;color:#f4f6f1;box-shadow:0 36px 100px #0008;font-family:Geist,Inter,system-ui,sans-serif}
.cine-motor-dialogo::backdrop{background:#030604b8;backdrop-filter:blur(7px)}
.cine-motor-dialogo[open]{animation:cine-motor-entrada .2s ease-out}
.cine-motor-dialogo-icono{margin-bottom:24px}.cine-motor-dialogo h2{margin:14px 0;font-size:30px;font-weight:600;letter-spacing:-.045em;line-height:1.14}.cine-motor-dialogo h2 span{color:#b4f66b}
.cine-motor-dialogo p{margin:0 0 26px;font-size:14px;line-height:1.65;color:#bfc7ba}.cine-motor-dialogo .cine-motor-crear{width:100%;min-height:50px;font-size:14px}
.cine-motor-entrar{display:block;padding:17px 8px;text-align:center;color:#e5ebdf;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.cine-motor-dialogo small{display:block;margin-top:12px;color:#a6b09f;text-align:center;font-size:12px;line-height:1.5}
.cine-motor-cerrar{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #414a3b;border-radius:50%;background:#242a21;color:#d6dfcf;cursor:pointer;font:24px/1 system-ui}
.cine-motor-aviso{position:fixed;z-index:1100;right:24px;bottom:28px;box-sizing:border-box;width:min(390px,calc(100% - 32px));padding:18px 46px 18px 18px;border:1px solid #516740;border-radius:14px;background:#1b2318;color:#f1f7eb;box-shadow:0 12px 42px #0005;font:14px/1.5 Geist,Inter,system-ui,sans-serif}
.cine-motor-aviso p{margin:0}.cine-motor-aviso button:not(.cine-motor-cerrar){display:block;margin-top:12px;padding:7px 12px;border:1px solid #8fad75;border-radius:7px;background:#26351c;color:#d9ffc1;cursor:pointer;font:inherit}.cine-motor-aviso .cine-motor-cerrar{top:9px;right:9px;width:28px;height:28px;font-size:20px}
@keyframes cine-motor-entrada{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.cine-motor{flex-wrap:wrap;gap:14px;margin:22px 0 28px;padding:18px;border-radius:15px}.cine-motor-icono{width:48px;height:48px;border-radius:13px}.cine-motor-info h3{font-size:22px}.cine-motor-crear{width:100%;min-height:46px}.cine-motor-dialogo{padding:28px 24px}.cine-motor-dialogo h2{font-size:28px}.cine-motor-aviso{right:16px;bottom:max(18px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.cine-motor-crear{transition:none}.cine-motor-crear:hover{transform:none}.cine-motor-dialogo[open]{animation:none}}


/* cocuyo-css: assets/css/cine-microvideos.css */
html[data-vista="cine"] #filas .cine-obra{position:relative}
.cine-card-preview{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.cine-preview-ready .cine-card-preview{opacity:1}
.cine-adelanto-controles [hidden]{display:none!important}
html[data-vista="cine"] .cine-obra:has([data-microvideo]) .cine-obra-abrir{display:none}
.cine-card-motion{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:12px;border:1px solid #ffffff45;border-radius:50%;background:#121610c9;color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.cine-card-motion:hover,.cine-card-motion:focus-visible{border-color:#aff33e;color:#aff33e;background:#11190fe8}
.cine-card-motion:focus-visible{outline:2px solid #aff33e;outline-offset:3px}
[data-playing="true"] .micro-play,[data-micro-control]:not([data-playing="true"]) .micro-pause{display:none}
@media(prefers-reduced-motion:no-preference){.cine-card-preview{transition:opacity .22s ease}}


/* cocuyo-css: assets/css/navegacion-global.css */
/* Una navegación para Cine, Cocuyo y creación. Panel editorial inspirado
   en Navbar Section 2 de SolaceUI / 21st.dev, adaptado sin dependencias. */
.cn-header .cn-pricing,.studio-public-nav .st-pricing,.sm-nav .st-pricing{display:flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:44px;padding:7px 11px;color:#d7dbd2;font:550 12px/1.2 var(--fuente,var(--font,sans-serif));text-decoration:none;white-space:nowrap;border:1px solid #ffffff10;border-radius:10px;background:#ffffff04;transition:color .16s,border-color .16s,background .16s}
.cn-pricing-label{display:inline-flex;align-items:center;gap:6px}.cn-pricing-label svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;opacity:.8}
/* El ahorro forma parte del enlace, sin un segundo cartel promocional. */
.cn-pricing-badge{padding:1px 0 1px 9px;border-left:1px solid #ffffff1b;background:transparent;color:#a9c988;font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.cn-header .cn-pricing:hover,.studio-public-nav .st-pricing:hover,.sm-nav .st-pricing:hover{color:#e5f1d5;border-color:#aff33e40;background:#aff33e08}
.studio-public-nav .st-pricing:focus-visible,.sm-nav .st-pricing:focus-visible{outline:2px solid #aff33e;outline-offset:2px}
@media(max-width:1180px){.cn-header .cn-pricing,.studio-public-nav .st-pricing{gap:0;padding-inline:9px}.cn-pricing-badge{display:none}}
@media(max-width:900px){body.studio-workbench.studio-simple .sm-nav:has(>.st-pricing){grid-template-columns:repeat(5,minmax(0,1fr))}.sm-nav .st-pricing{min-width:0;min-height:44px;flex-direction:column;gap:0;padding:4px 1px;font-size:10px;border-color:transparent;background:transparent;border-radius:8px}.sm-nav .st-pricing .cn-pricing-label{flex-direction:column;gap:4px}.sm-nav .st-pricing .cn-pricing-label svg{width:18px;height:18px;opacity:1}.sm-nav .st-pricing .cn-pricing-badge{display:none}}
@media(max-width:480px){.cn-header .cn-pricing{padding-inline:6px;border-color:transparent;background:transparent}.cn-header .cn-pricing-label svg{display:none}}
@media(prefers-reduced-motion:reduce){.cn-header .cn-pricing,.studio-public-nav .st-pricing,.sm-nav .st-pricing{transition:none}}
@media(max-width:360px){.cn-unified .cn-header{column-gap:4px}.cn-header .cn-brand{font-size:16px;letter-spacing:-.9px}.cn-header .cn-actions .cabecera-acciones{gap:4px!important}.cn-header .cn-actions :is(.cn-signup,#btn-entrar-cabecera){font-size:10px!important;padding-inline:6px!important}.cn-header .cn-pricing{font-size:11px}}
.cn-header,body.studio-workbench .studio-public-nav{--cn-accent:var(--verde-cocuyo,#aff33e);--cn-top:72px;box-sizing:border-box;position:fixed;inset:0 0 auto;height:var(--cn-top);display:flex;align-items:center;gap:28px;padding:0 28px;background:rgba(10,11,10,.96);border-bottom:1px solid #292c27;color:#f3f5ef;font-family:var(--fuente,var(--font,sans-serif));backdrop-filter:blur(22px)}
.cn-header{z-index:var(--z-nav,80)}.cn-header [hidden],.cn-mega[hidden]{display:none!important}.cn-header *{box-sizing:border-box}.cn-header button,.cn-header a{font:inherit;color:inherit;text-decoration:none}.cn-header button{cursor:pointer}
.cn-unified{--cn-top:72px;padding-top:var(--cn-top)!important}.cn-unified>.cabecera,.cn-unified .inicio-nav{display:none!important}.cn-unified .inicio-hero{min-height:calc(100svh - var(--cn-top));grid-template-rows:minmax(min-content,1fr) auto}.cn-brand,.studio-public-nav .brand .wordmark{font-size:25px;font-weight:750;letter-spacing:-1.1px;white-space:nowrap;flex:none}.cn-brand .o-viva{color:var(--verde-cocuyo);text-shadow:0 0 18px #aff33e38}
.cn-nav,.studio-public-nav .st-nav{display:flex;align-items:stretch;gap:7px;height:100%;margin:0;min-width:0}.cn-nav>a,.cn-group,.studio-public-nav .st-nav>a,.studio-public-nav .st-nav-group,.studio-public-nav .sn-agent-entry{display:flex;align-items:center;position:relative}.cn-nav>a,.cn-group>a,.studio-public-nav .st-nav>a,.studio-public-nav .st-nav-group>a,.studio-public-nav .sn-agent-entry{padding:10px 12px;min-height:44px;font-size:13px;font-weight:550;color:#adb2a8;border-radius:9px}.cn-nav>a,.studio-public-nav .st-nav>a,.studio-public-nav .sn-agent-entry{align-self:center}.cn-group>a,.studio-public-nav .st-nav-group>a{padding-right:3px}.cn-group>button,.studio-public-nav .st-nav-group>button{background:none;border:0;color:#929a89;width:27px;height:44px;display:grid;place-items:center;border-radius:7px}.cn-group>button>svg{width:13px;height:13px;transition:transform .2s}.cn-group>button[aria-expanded=true]>svg{transform:rotate(180deg);color:var(--cn-accent)}
.cn-nav a:hover,.studio-public-nav .st-nav a:hover,.studio-public-nav .sn-agent-entry:hover{color:#f7f9f3;background:#ffffff07}.cn-nav>a[aria-current=page],.studio-public-nav .st-nav>a[aria-current=page]{color:var(--cn-accent);background:#aff33e0c;box-shadow:inset 0 0 0 1px #aff33e1f}.studio-public-nav .st-nav a::after{display:none}.studio-public-nav .st-nav-group:has(a[aria-current=page]){box-shadow:inset 0 -2px var(--cn-accent)}
.cn-actions{display:flex;align-items:center;gap:22px;margin-left:auto}.cn-actions .cabecera-acciones{display:flex;align-items:center;gap:15px;margin:0;flex-wrap:nowrap}.cn-signup,.cn-actions #btn-entrar-cabecera,.studio-public-nav .st-guest>a{font-size:12px!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:10px 15px!important;white-space:nowrap;font-weight:600!important}.cn-signup{background:var(--cn-accent);color:#16200c!important}.cn-actions #btn-entrar-cabecera,.studio-public-nav [data-st-login]{border:1px solid #434c3c;background:none;box-shadow:none}.cn-actions #btn-entrar-cabecera:hover,.studio-public-nav [data-st-login]:hover{background:var(--cn-accent);border-color:var(--cn-accent);color:#16200c}.cn-actions .saludo{display:none!important}.cn-actions #avatar-cine{width:36px;height:36px;min-height:36px;display:grid;place-items:center;border:1px solid #546447;border-radius:50%;background:#172111}.cn-actions .oculto{display:none!important}.cn-header .cuenta-espera{display:none}
.cn-mega,.studio-public-nav .st-model-panel.cn-mega{position:absolute;top:calc(100% + 9px);left:24px;right:24px;width:auto;display:grid;grid-template-columns:minmax(0,1fr);padding:22px;gap:0;max-height:calc(100dvh - 100px);overflow:auto;border:1px solid #363e30;border-radius:20px;background:#11140f;box-shadow:0 24px 70px #000b;animation:cn-reveal .18s ease-out;color:#f3f5ef;font-family:var(--fuente,var(--font,sans-serif))}
.cn-panel-content{min-width:0;padding:0}.cn-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.cn-panel-heading>div>span{font-size:9px;letter-spacing:.14em;color:#aab69f}.cn-panel-heading h2{font-size:23px;font-weight:550;letter-spacing:-.035em;margin:8px 0 0;color:#f2f6ec}.cn-panel-heading>button{display:grid;place-items:center;width:36px;height:36px;background:#ffffff06;border:1px solid #343c2d;border-radius:9px;color:#b6c0ad;font:24px sans-serif;cursor:pointer}
.cn-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cn-model{display:flex;align-items:center;gap:12px;min-width:0;min-height:72px;padding:13px 11px;border:1px solid #2d3526!important;border-radius:11px;background:#191e15!important;text-align:left;text-decoration:none!important;color:#e7efde!important;font:inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.cn-model:hover{background:#222c1a!important;border-color:#586e41!important;transform:translateY(-1px)}.cn-model:disabled{opacity:.5;cursor:default;transform:none}.cn-model>span:not(.mrcbox){display:grid;gap:6px;min-width:0}.cn-model b{font-size:12px;font-weight:550;line-height:1.3;color:#ecf3e3}.cn-model small{font-size:10px;color:#9eaf90;line-height:1.4}.cn-model .mrcbox{width:30px;height:30px;display:grid;place-items:center;flex:none;color:#aff33e}.cn-model .mrc{width:25px;height:25px}.cn-model>svg{width:13px;height:13px;flex:none;margin-left:auto;color:#91a37f}.cn-unavailable{margin-top:18px}.cn-unavailable>summary{font-size:11px;color:#a8b79c;cursor:pointer;padding:5px 0 12px}.cn-panel-footer{margin-top:20px;padding-top:15px;border-top:1px solid #2c3326;font-size:10px;color:#98a68e}.cn-panel-status{font-size:13px;line-height:1.6;color:#b1bea7;margin:20px 0}
.cn-header :is(a,button,select):focus-visible,.cn-mega :is(a,button,summary):focus-visible{outline:2px solid #aff33e;outline-offset:3px}
.cn-unified .cn-header #avatar-cine:not(.oculto){display:grid!important}
@keyframes cn-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){.cn-header,body.studio-workbench .studio-public-nav{gap:18px;padding-inline:20px}.cn-nav,.studio-public-nav .st-nav{gap:1px}.cn-nav>a,.cn-group>a,.studio-public-nav .st-nav>a,.studio-public-nav .st-nav-group>a,.studio-public-nav .sn-agent-entry{padding-left:9px;padding-right:9px;font-size:12px}.cn-group>a,.studio-public-nav .st-nav-group>a{padding-right:0}.cn-actions{gap:14px}.cn-actions .cabecera-acciones{gap:9px}.cn-mega,.studio-public-nav .st-model-panel.cn-mega{grid-template-columns:minmax(0,1fr)}.cn-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.cn-header,body.studio-workbench .studio-public-nav{--cn-top:116px;height:116px;display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:64px 52px;gap:0 10px;padding:0 16px}.cn-unified{--cn-top:116px}.cn-brand,.studio-public-nav .brand .wordmark{font-size:23px}.cn-nav,.studio-public-nav .st-nav{grid-column:1/-1;grid-row:2;width:100%;display:flex;justify-content:space-between;gap:0}.cn-nav>a,.cn-group,.studio-public-nav .st-nav>a,.studio-public-nav .st-nav-group{flex:1;justify-content:center}.cn-nav>a,.studio-public-nav .st-nav>a{padding-block:12px;min-height:44px}.cn-actions,.studio-public-nav .st-actions{grid-column:2;grid-row:1;justify-self:end;margin-left:auto;gap:10px}.cn-actions .cabecera-acciones{gap:9px}.cn-signup,.cn-actions #btn-entrar-cabecera{font-size:11px!important;min-height:36px;padding:9px 11px!important}.cn-mega,.studio-public-nav .st-model-panel.cn-mega{top:calc(100% + 5px);left:10px;right:10px;display:block;padding:17px;max-height:calc(100dvh - 135px);border-radius:15px}.cn-panel-content{padding:0}.cn-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cn-panel-heading{margin-bottom:16px}.cn-panel-heading h2{font-size:21px}.cn-model{padding:12px 9px;min-height:75px;gap:10px}.cn-model>svg{display:none}.cn-panel-footer{margin-top:16px}.cn-unified .inicio-hero{min-height:calc(100svh - 116px)}}
@media(max-width:380px){.cn-header,body.studio-workbench .studio-public-nav{padding-inline:10px}.cn-brand,.studio-public-nav .brand .wordmark{font-size:20px}.cn-actions .cabecera-acciones{gap:6px}.cn-nav>a,.cn-group>a,.studio-public-nav .st-nav>a,.studio-public-nav .st-nav-group>a{padding-left:4px;padding-right:4px;font-size:11px}.cn-group>button,.studio-public-nav .st-nav-group>button{width:21px;padding:3px}.cn-model-grid{grid-template-columns:1fr}.cn-model{min-height:63px}}
@media(prefers-reduced-motion:reduce){.cn-mega{animation:none}.cn-model,.cn-group>button>svg{transition:none}}
@media(max-width:380px){
 .cn-nav,.studio-public-nav .st-nav{display:grid;grid-template-columns:.9fr 1.1fr 1.1fr 1.1fr;min-width:0}
 .cn-nav>a,.cn-group,.studio-public-nav .st-nav>a,.studio-public-nav .st-nav-group{min-width:0}
 .cn-group>button,.studio-public-nav .st-nav-group>button{width:18px;flex:none}
 .cn-brand{font-size:18px}
 .cn-actions .cabecera-acciones{gap:5px!important}.cn-signup,.cn-actions #btn-entrar-cabecera{padding-inline:8px!important}
}

/* La portada y Cine continúan bajo la cabecera. Al desplazarse o abrir
   modelos recupera el fondo legible; la app nativa conserva su navegación. */
html:is([data-vista="intro"],[data-vista="cine"]) .cn-unified{padding-top:0!important}
html[data-vista="intro"] .cn-unified .inicio-hero{box-sizing:border-box;min-height:100svh;padding-top:calc(var(--cn-top) + env(safe-area-inset-top))}
html:is([data-vista="intro"],[data-vista="cine"]) .cn-header:not(.cn-scrolled):not(.cn-open){background:linear-gradient(180deg,#03050335,#0305030a);border-bottom-color:#ffffff12;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
html:is([data-vista="intro"],[data-vista="cine"]) .cn-header:not(.cn-scrolled) .cn-nav a:not([aria-current="page"]){color:#f1f5eb;text-shadow:0 1px 8px #000b}
/* La marca es la única entrada a Explorar; no se repite como pestaña. */
.cn-brand,.studio-public-nav #studioHomeButton{position:relative;min-height:44px;display:flex;align-items:center;border-radius:9px;cursor:pointer;transition:color .18s,filter .18s}
.cn-brand:hover,.studio-public-nav #studioHomeButton:hover{filter:drop-shadow(0 0 9px #aff33e50)}
.studio-public-nav #studioHomeButton[aria-current="page"]:after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:2px;background:var(--verde-cocuyo,#aff33e);border-radius:2px}
.studio-public-nav #studioHomeButton:focus-visible{outline:2px solid #aff33e;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.cn-brand,.studio-public-nav #studioHomeButton{transition:none}}
.cn-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
.cn-panel-footer>a,.cn-panel-footer>button{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:6px 0;border:0;background:none;color:var(--cn-accent);font:550 12px var(--fuente,var(--font,sans-serif));cursor:pointer;white-space:nowrap}
.cn-panel-footer svg{width:15px;height:15px}
.cn-panel-footer>span{text-align:right;line-height:1.6}
@media(max-width:600px){.cn-panel-footer{align-items:flex-start;flex-direction:column;gap:5px}.cn-panel-footer>span{text-align:left}}

/* Familias en cascada: una lista compacta y un segundo nivel conectado,
   como un menú de escritorio, con superficies y tipografía de Cocuyo. */
.cn-header .cn-nav>a,.cn-header .cn-group>a,
body.studio-workbench .studio-public-nav .st-nav>a,
body.studio-workbench .studio-public-nav .st-nav-group>a,
body.studio-workbench .studio-public-nav .sn-agent-entry{
 display:flex;align-items:center;justify-content:center;position:relative;line-height:1;min-height:44px;
 font-family:var(--fuente);font-weight:550;text-decoration:none;box-shadow:none;
}
.cn-header .cn-nav>a[aria-current=page],
body.studio-workbench .studio-public-nav .st-nav>a[aria-current=page],
body.studio-workbench .studio-public-nav .sn-agent-entry[aria-current=page]{
 color:var(--verde-cocuyo);background:transparent;box-shadow:none;
}
.cn-header .cn-nav>a[aria-current=page]::after,
body.studio-workbench .studio-public-nav .sn-agent-entry[aria-current=page]::after{
 content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;
 border-radius:2px;background:var(--verde-cocuyo);
}
body.studio-workbench .studio-public-nav .st-nav-group:has(a[aria-current=page]){box-shadow:none}
body.studio-workbench .studio-public-nav .st-nav-group>a[aria-current=page]{color:var(--verde-cocuyo);background:transparent}
body.studio-workbench .studio-public-nav .st-nav-group>a[aria-current=page]::after{
 display:block;content:"";position:absolute;left:9px;right:9px;bottom:0;height:2px;
 border-radius:2px;background:var(--verde-cocuyo);
}
.cn-mega,.studio-public-nav .st-model-panel.cn-mega{
 left:var(--cn-menu-left,180px);right:auto;width:min(660px,calc(100vw - 24px));
 top:calc(100% + 6px);padding:0;display:block;overflow:auto;overscroll-behavior:contain;
 max-height:calc(100dvh - var(--cn-top,72px) - 22px);border-radius:16px;
 background:var(--negro-elevado);border-color:var(--escarcha-borde);box-shadow:var(--sombra-3);
}
.cn-mega [hidden]{display:none!important}
.cn-mega .cn-panel-heading{gap:12px;margin:0;padding:14px 16px;border-bottom:1px solid var(--negro-borde)}
.cn-mega .cn-panel-heading h2{font:600 15px/1.3 var(--fuente);letter-spacing:-.02em;margin:0;color:var(--blanco-luz)}
.cn-mega .cn-panel-heading>span{font:400 12px/1.3 var(--fuente);color:var(--gris-humo)}
.cn-mega .cn-panel-heading>button{width:32px;height:32px;margin-left:auto;flex:none;font-size:22px;background:transparent;border:0;color:var(--gris-niebla)}
.cn-cascade{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start}
.cn-family-list{padding:9px;display:grid;gap:2px}
.cn-mega .cn-family{
 display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 10px;
 font:500 13px/1.3 var(--fuente);text-align:left;color:var(--gris-niebla);background:transparent;
 border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background .14s,color .14s;
}
.cn-mega .cn-family .mrcbox{display:grid;place-items:center;width:23px;height:23px;flex:none;color:var(--verde-cocuyo)}
.cn-mega .cn-family .mrc{width:21px;height:21px}
.cn-mega .cn-family>span:not(.mrcbox){flex:1;min-width:0}
.cn-mega .cn-family>small{font-size:10px;font-variant-numeric:tabular-nums;color:var(--gris-humo)}
.cn-mega .cn-family>svg{width:12px;height:12px;flex:none;color:var(--gris-humo)}
.cn-mega .cn-family:hover,.cn-mega .cn-family[aria-expanded=true]{
 background:color-mix(in srgb,var(--verde-cocuyo) 8%,transparent);color:var(--blanco-luz);
}
.cn-mega .cn-family[aria-expanded=true]{border-color:color-mix(in srgb,var(--verde-cocuyo) 16%,transparent)}
.cn-mega .cn-family[aria-expanded=true]>svg{color:var(--verde-cocuyo)}
.cn-family-deck{align-self:stretch;min-width:0;border-left:1px solid var(--negro-borde);background:color-mix(in srgb,var(--negro-abismo) 42%,var(--negro-elevado));padding:12px}
.cn-family-heading{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 8px 10px;font:600 13px/1.4 var(--fuente);color:var(--blanco-luz)}
.cn-family-heading>small{margin-left:auto;color:var(--gris-humo);font-size:10px;font-weight:400}
.cn-family-heading>button{display:none}
.cn-mega .cn-model-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
.cn-mega .cn-model{gap:11px;min-height:62px;padding:11px 12px;border:1px solid transparent!important;border-radius:9px;background:transparent!important;color:var(--blanco-luz)!important;transform:none}
.cn-mega .cn-model:hover{background:var(--negro-elevado)!important;border-color:var(--escarcha-borde)!important;transform:none}
.cn-mega .cn-model:disabled{opacity:1;color:var(--gris-humo)!important;cursor:not-allowed}
.cn-mega .cn-model:disabled:hover{background:transparent!important;border-color:transparent!important}
.cn-mega .cn-model:disabled b,.cn-mega .cn-model:disabled .mrcbox{color:var(--gris-humo)}
.cn-mega .cn-model .mrcbox{width:26px;height:26px;color:var(--verde-cocuyo)}
.cn-mega .cn-model .mrc{width:23px;height:23px}
.cn-mega .cn-model b{font:550 13px/1.4 var(--fuente);color:var(--blanco-luz);overflow-wrap:anywhere}
.cn-mega .cn-model small{font:400 11px/1.4 var(--fuente);color:var(--gris-humo)}
.cn-mega .cn-model>span:not(.mrcbox){gap:3px}
.cn-mega .cn-model>svg{display:block;width:12px;height:12px;color:var(--gris-humo)}
.cn-mega .cn-model:disabled>svg{visibility:hidden}
.cn-mega .cn-panel-footer{margin:0;padding:10px 16px;border-top:1px solid var(--negro-borde);gap:14px}
.cn-mega .cn-panel-footer>a,.cn-mega .cn-panel-footer>button{min-height:40px;color:var(--verde-cocuyo);font-size:12px}
.cn-mega .cn-panel-footer>span{max-width:230px;color:var(--gris-humo);font-size:10px}
.cn-mega .cn-panel-status{margin:0;padding:12px 18px;border-bottom:1px solid var(--negro-borde);font-size:12px;color:var(--gris-niebla)}
@media(max-width:900px){
 .cn-mega,.studio-public-nav .st-model-panel.cn-mega{left:12px;right:auto;width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 134px)}
 body.studio-workbench .studio-public-nav .st-nav>a{padding:12px 2px;font-size:12px}
}
@media(max-width:600px){
 .cn-mega,.studio-public-nav .st-model-panel.cn-mega{left:10px;right:10px;width:auto;border-radius:13px}
 .cn-cascade{display:block}
 .cn-family-list{padding:7px}
 .cn-mega .cn-family{min-height:47px;padding:10px 12px;font-size:14px}
 .cn-mega .cn-family>small{font-size:11px}
 .cn-family-deck{display:none;border-left:0;padding:7px}
 .cn-mega[data-nav-drill=true] .cn-family-list{display:none}
 .cn-mega[data-nav-drill=true] .cn-family-deck{display:block}
 .cn-family-heading{padding:0 9px 8px 0;font-size:14px;min-height:48px}
 .cn-family-heading>button{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;border:0;border-radius:8px;color:var(--gris-niebla);cursor:pointer}
 .cn-family-heading>button>svg{width:16px;height:16px;transform:rotate(180deg)}
 .cn-mega .cn-model{min-height:67px}
 .cn-mega .cn-panel-heading{padding:10px 13px;gap:9px}
 .cn-mega .cn-panel-heading>span{font-size:11px}
 .cn-mega .cn-panel-footer{align-items:center;flex-direction:row;gap:10px;padding:8px 13px}
 .cn-mega .cn-panel-footer>span{max-width:148px;text-align:right;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.cn-mega .cn-family{transition:none}}

/* La nueva portada lleva al agente y deja el canal de series como enlace externo. */
html[data-experiencia="nueva"] .cn-youtube{order:5}
html[data-experiencia="nueva"] .cn-agent{white-space:nowrap}
@media(max-width:600px){
 html[data-experiencia="nueva"] .cn-nav{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr}
 html[data-experiencia="nueva"] .cn-nav .cn-youtube{display:none}
 html[data-experiencia="nueva"] .cn-nav .cn-agent{font-size:11px;padding-inline:4px}
}

/* Single available model: direct resolution choices, same menu and mobile drilldown. */
.cn-mega .cn-family-name{display:grid;gap:2px}.cn-mega .cn-family-name>b{font:inherit}.cn-mega .cn-family-name>small{font-size:10px;line-height:1.3;color:var(--gris-humo);overflow-wrap:anywhere}
.cn-mega a.cn-family{text-decoration:none}.cn-mega .cn-resolution b{font-size:15px;font-variant-numeric:tabular-nums}.cn-mega .cn-family-heading>span{min-width:0;overflow-wrap:anywhere}.cn-mega .cn-family-heading>small{flex:none}
.cn-direct-summary{padding:12px;display:grid;gap:7px;color:var(--gris-niebla);font-size:12px;line-height:1.5}.cn-direct-summary>b{color:var(--blanco-luz);font-size:14px}.cn-direct-summary>p{margin:0;color:var(--gris-humo)}.cn-inactive-label{margin-top:10px;padding:8px 12px;font-size:10px;color:var(--gris-humo)}


/* cocuyo-css: assets/css/experiencia.css */
.experiencia-preview{position:fixed;bottom:16px;left:16px;z-index:110;display:flex;gap:14px;align-items:center;padding:10px 14px;background:#141614ed;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 30px #0006;font:500 11px/1.4 system-ui,sans-serif;color:#a6ada2;backdrop-filter:blur(15px)}
.experiencia-preview a{color:#d1fa98;text-decoration:none;white-space:nowrap}.experiencia-preview a:hover{color:white}.experiencia-preview a:focus-visible{outline:2px solid #b4f65b;outline-offset:4px}
.studio-workbench .experiencia-preview{left:auto;right:16px}
body:has(dialog[open],.modal.on,.accmenu.open) .experiencia-preview{display:none}
@media(max-width:900px){.studio-workbench .experiencia-preview{bottom:calc(72px + env(safe-area-inset-bottom));left:10px;padding:8px 10px;gap:10px;font-size:10px}}
/* El Agente se mantiene visible, con su acceso de beta privada explícito. */
.agente-beta{display:inline-flex;align-items:center;margin-inline-start:6px;padding:2px 5px;border:1px solid rgb(174 239 69 / .25);border-radius:5px;font-family:inherit;font-size:9px;font-weight:600;line-height:1.2;letter-spacing:.02em;color:#c5e9a0;background:rgb(174 239 69 / .06);vertical-align:middle}
[aria-disabled="true"]:is(.cn-agent,.sn-agent-entry,.sm-create,a[href*="vista=cocuyo"],a[data-cocuyo-abrir]){cursor:not-allowed;opacity:.65}
.cocuyo-beta-editor{display:inline-flex;margin-block-start:12px;padding:10px 16px;border:1px solid #343b35;border-radius:10px;color:#d2f7a4;text-decoration:none;font-weight:600}
.cocuyo-beta-editor:hover,.cocuyo-beta-editor:focus-visible{border-color:#a6e545;background:rgb(174 239 69 / .06)}


/* cocuyo-css: assets/css/inicio-nuevo.css */
/* Portada de la experiencia nueva. La versión pública actual queda intacta. */
html[data-experiencia="nueva"] .inicio-layout.inuevo {
  --in-verde: #b9f54b;
  --in-texto: #f6f7f2;
  --in-suave: #b8beb5;
  --in-borde: rgba(235, 246, 225, .15);
  color: var(--in-texto);
  background: #080908;
  font-family: var(--fuente, Inter, Arial, sans-serif);
  overflow: clip;
  isolation: isolate;
}
.inuevo *, .inuevo *::before, .inuevo *::after { box-sizing: border-box; }
.inuevo a { color: inherit; text-decoration: none; }
.inuevo button { font: inherit; }
.inuevo a:focus-visible, .inuevo button:focus-visible { outline: 2px solid var(--in-verde); outline-offset: 5px; }
.inuevo svg { flex: 0 0 auto; }
.inuevo h1, .inuevo h2, .inuevo h3, .inuevo p { margin: 0; }
.in-wrap { width: min(1360px, calc(100% - 112px)); margin-inline: auto; }
.in-hero { position: relative; isolation: isolate; display: flex; align-items: flex-end; min-height: 790px; min-height: max(600px, min(940px, 100svh)); padding: 140px 0 80px; }
.in-hero-media, .in-hero-sombra { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.in-hero-media { overflow: hidden; background: #121410; }
.in-hero-media picture { position: absolute; inset: 0; display: block; }
.in-hero-media img, .in-hero-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.in-hero-media img { filter: saturate(.86); }
.in-hero-media video { opacity: 0; filter: saturate(.86); transition: opacity .65s ease; }
.in-hero-media video.in-video-listo { opacity: 1; }
.in-hero-sombra { background: linear-gradient(180deg, #08090866 0%, #08090808 25%, #08090826 40%, #0809088c 65%, #080908b3 86%, #080908 100%); }
.in-hero > .in-wrap { position: relative; pointer-events: none; }
.in-hero-copy { max-width: 800px; position: relative; margin-inline: auto; text-align: center; pointer-events: auto; }
.in-hero-copy .in-acciones, .in-hero-copy .in-hero-nota { justify-content: center; }
.inuevo .in-hero-copy .in-hero-desc, .inuevo .in-hero-copy .in-hero-nota, .in-hero-copy .in-acciones { margin-inline: auto; }
.in-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--in-suave); font-size: 12px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; line-height: 1.5; }
.in-luces { display: inline-flex; gap: 5px; flex-shrink: 0; }
.in-luces i { display: block; width: 6px; height: 15px; background: var(--in-verde); border-radius: 7px; transform: rotate(17deg); box-shadow: 0 0 16px #a7f04045; }
.inuevo .in-hero h1 { margin: 0 auto 20px; max-width: 100%; font-family: var(--fuente, "Geist", Arial, sans-serif); font-size: clamp(48px, 5.1vw, 76px); line-height: 1.035; letter-spacing: -.048em; font-weight: 550; font-kerning: normal; font-synthesis: none; color: #fafcf7; text-align: center; text-wrap: balance; text-shadow: 0 2px 6px #0005, 0 8px 28px #0005; }
.in-hero-desc { color: #edf1e7; max-width: 540px; font-size: clamp(16px, 1.25vw, 19px); font-weight: 450; line-height: 1.55; letter-spacing: -.012em; text-align: center; text-wrap: balance; text-shadow: 0 1px 8px #0009; }
.in-acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 30px; }
.in-hero .in-acciones { margin-top: 26px; }
.inuevo .in-btn { display: inline-flex; justify-content: center; align-items: center; gap: 14px; min-height: 52px; padding: 0 23px; border: 1px solid var(--in-borde); border-radius: 12px; color: #f5f8ef; background: rgba(13, 17, 12, .46); font-size: 14px; font-weight: 650; letter-spacing: -.01em; transition: background .2s, border-color .2s, transform .2s; backdrop-filter: blur(12px); }
.inuevo .in-btn:hover { border-color: #b9f54b99; background: #20291dd9; transform: translateY(-2px); }
.inuevo .in-btn-primary { color: #101607; background: var(--in-verde); border-color: var(--in-verde); }
.inuevo .in-btn-primary:hover { background: #cdfd79; border-color: #cdfd79; box-shadow: 0 6px 30px #b9f54b12; }
.in-hero-nota { margin-top: 18px !important; color: #d9ded4; font-size: 12px; line-height: 1.6; text-align: center; text-wrap: balance; text-shadow: 0 1px 6px #0007; }
/* El fondo se puede pausar al tocarlo; el control sólo se revela al usar teclado. */
.in-media-toggle { position: absolute; inset: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-start; gap: 8px; padding: 92px 20px 20px; border: 0; border-radius: 0; background: transparent; color: #fff; cursor: pointer; font-size: 12px !important; }
.in-media-toggle > * { opacity: 0; }
.inuevo .in-media-toggle:focus-visible { outline: 2px solid var(--in-verde); outline-offset: -6px; }
.in-media-toggle:focus-visible > * { opacity: 1; background: #080908e6; border-radius: 5px; padding: 8px; }
.in-media-toggle:focus-visible svg { width: 30px; height: 30px; }
.in-media-toggle[hidden] { display: none; }
.in-enlace { display: inline-flex; align-items: center; gap: 10px; color: var(--in-verde) !important; white-space: nowrap; font-size: 13px; font-weight: 550; line-height: 1.5; }
.in-enlace:hover { color: #dcff9c !important; }
.in-seccion { padding-top: 90px; padding-bottom: 8px; }
.in-seccion-head { display: flex; justify-content: space-between; align-items: end; gap: 35px; margin-bottom: 30px; }
.inuevo h2 { font-size: clamp(30px, 3.3vw, 48px); font-weight: 550; letter-spacing: -.045em; line-height: 1.12; text-wrap: balance; }
.in-seccion-head .in-eyebrow { margin-bottom: 14px; }
.in-seccion-head > p { max-width: 335px; color: var(--in-suave); font-size: 14px; line-height: 1.7; }
.in-formatos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.in-formato { overflow: hidden; border-radius: 17px; border: 1px solid var(--in-borde); background: #10130f; transition: border-color .25s, transform .25s; }
.in-formato:hover { border-color: #b9f54b77; transform: translateY(-4px); }
.in-formato-visual { position: relative; height: 265px; overflow: hidden; background: #1c261c; }
.in-formato-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #080b0866, transparent 60%); pointer-events: none; }
.in-formato-visual > img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.in-formato-visual > video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;pointer-events:none}
.in-formato-visual > video.in-scene-ready{opacity:1}
.in-scenes-toggle{display:block;margin:0 0 15px auto;padding:7px 11px;border:1px solid #ffffff25;border-radius:20px;background:#ffffff08;color:#c4caba;font:inherit;font-size:11px;cursor:pointer}
.in-scenes-toggle:hover,.in-scenes-toggle:focus-visible{color:#b9f54b;border-color:#b9f54b88;outline-offset:3px}
.in-formato:hover .in-formato-visual > img { transform: scale(1.035); }
.in-formato-badge { display: inline-flex; align-items: center; gap: 7px; position: absolute; top: 16px; left: 16px; z-index: 1; padding: 7px 10px; border: 1px solid #ffffff38; border-radius: 8px; background: #13191475; color: #fff; backdrop-filter: blur(8px); font-size: 11px; }
.in-formato-copy { display: grid; grid-template-columns: 1fr auto; gap: 11px; padding: 21px 22px 24px; }
.in-formato-copy h3 { font-size: 23px; font-weight: 550; letter-spacing: -.035em; }
.in-formato-copy p { margin-top: 10px; max-width: 275px; min-height: 45px; color: #b8beb3; font-size: 13px; line-height: 1.65; }
.in-card-arrow { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--in-borde); color: var(--in-verde); }
.in-audio-art { display: flex; flex-direction: column; justify-content: center; padding: 60px 27px 30px; background: radial-gradient(ellipse at 45% 38%, #334932 0%, #182319 50%, #111811 100%); }
.in-audio-art .in-audio-frase { position: relative; z-index: 1; font-size: 25px; line-height: 1.25; font-weight: 500; letter-spacing: -.035em; max-width: 200px; }
.in-onda { height: 54px; display: flex; align-items: center; gap: 4px; margin-top: 20px; }
.in-onda i { width: 4px; flex: 1; max-width: 5px; height: calc(var(--onda) * 1px); border-radius: 8px; background: #b9f54b; opacity: .75; }
.in-agente { position: relative; margin-top: 92px; display: grid; grid-template-columns: 1fr 1fr; gap: 74px; align-items: center; padding: 64px; border: 1px solid #c7eab526; border-radius: 24px; background: radial-gradient(ellipse at 100% 0, #59752a1c, transparent 70%), #10130f; }
.in-agente .in-eyebrow { color: var(--in-verde); margin-bottom: 19px; }
.in-agente h2 { max-width: 450px; }
.in-agente-desc { margin-top: 22px !important; max-width: 430px; font-size: 15px; color: var(--in-suave); line-height: 1.7; }
.in-agente-pasos { display: flex; gap: 10px; flex-wrap: wrap; list-style: none; padding: 0; margin: 24px 0 30px; }
.in-agente-pasos li { display: flex; align-items: center; gap: 7px; font-size: 11px; color: #cbd4c0; }
.in-agente-pasos li:not(:last-child)::after { content: '→'; margin-left: 5px; color: #748566; }
.in-agente-pasos span { color: var(--in-verde); }
.in-demo { position: relative; padding: 24px; border-radius: 18px; background: #191e17; border: 1px solid #f5ffe112; box-shadow: 0 24px 70px #00000035; }
.in-demo-label { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #a6b29b; font-size: 11px; }
.in-demo-marca { display: flex; align-items: center; gap: 10px; color: #edf5e5; font-size: 13px; font-weight: 550; }
.in-demo .in-luces i { width: 5px; height: 13px; }
.in-demo-pregunta { margin: 27px 0 20px 35px !important; border-radius: 13px 13px 3px 13px; padding: 14px 16px; color: #e3e7dc; background: #ffffff08; border: 1px solid #ffffff0d; font-size: 13px; line-height: 1.6; }
.in-demo-respuesta { color: #c1cdba; font-size: 13px; line-height: 1.6; }
.in-demo-propuesta { display: flex; gap: 15px; align-items: center; margin-top: 18px; border: 1px solid #c2e29c20; border-radius: 12px; padding: 12px; background: #11160f; }
.in-demo-propuesta img { width: 92px; height: 102px; object-fit: cover; border-radius: 7px; }
.in-demo-propuesta strong { color: #eff7e6; font-size: 13px; line-height: 1.4; display: block; font-weight: 550; }
.in-demo-propuesta p { margin-top: 7px; color: #a8b89b; font-size: 11px; line-height: 1.6; }
.in-demo-revisar { color: var(--in-verde); display: flex; align-items: center; gap: 7px; margin-top: 13px; font-size: 11px; }
.in-agente-nota { display: flex; align-items: center; gap: 7px; color: #a6b29b; font-size: 11px; line-height: 1.5; margin-top: 17px !important; }
.in-muestra { display: grid; grid-template-columns: 1.38fr 1fr; gap: 20px; margin-top: 90px; }
.in-muestra-visual { min-width: 0; position: relative; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 17px; background: #151912; }
.in-muestra-visual img { height: 100%; width: 100%; object-fit: cover; }
.in-muestra-caption { position: absolute; left: 20px; bottom: 19px; right: 20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #fff; font-size: 12px; text-shadow: 0 1px 12px #000; }
.in-muestra-visual::after { content: ''; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent,#0008); pointer-events: none; }
.in-muestra-caption { z-index: 1; }
.in-muestra-copy { padding: 25px 28px 25px 37px; align-self: center; }
.in-muestra-copy .in-eyebrow { margin-bottom: 17px; }
.in-muestra-copy p:not(.in-eyebrow) { font-size: 14px; line-height: 1.7; color: var(--in-suave); margin: 20px 0 25px; max-width: 345px; }
.in-acceso-opciones { margin-top: 88px; }
.in-acceso-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.in-opcion { display: flex; flex-direction: column; min-width: 0; padding: 25px; border: 1px solid var(--in-borde); border-radius: 17px; background: #10130f; }
.in-opcion-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; }
.in-opcion-icono { display: inline-flex; align-items: center; justify-content: center; width: 37px; height: 37px; border: 1px solid #ffffff16; border-radius: 10px; color: #c9d6bf; background: #ffffff04; }
.in-opcion-etiqueta { color: #b2beaa; font-size: 10px; line-height: 1.5; text-align: right; }
.in-opcion h3 { font-size: 21px; line-height: 1.25; letter-spacing: -.035em; font-weight: 550; }
.in-opcion > p { font-size: 12px; line-height: 1.6; color: #aeb8a6; margin-top: 10px; }
.in-opcion ul { display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0; margin: 23px 0 27px; }
.in-opcion li { display: flex; align-items: start; gap: 8px; font-size: 11px; line-height: 1.6; color: #c0c9b9; }
.in-opcion li svg { color: #859578; margin-top: 2px; }
.in-opcion .in-enlace { white-space: normal; margin-top: auto; font-size: 12px; }
.in-opcion-creditos { border-color: #b9f54b4d; background: linear-gradient(135deg, #b9f54b06, transparent 60%), #12180f; }
.in-opcion-creditos .in-opcion-icono { color: var(--in-verde); border-color: #b9f54b26; background: #b9f54b09; }
.in-opcion-creditos .in-opcion-etiqueta { color: #c2ec88; }
.in-opcion-futura { background: #0d100c; border-style: dashed; }
.in-opcion-futura .in-opcion-etiqueta { padding: 4px 8px; border: 1px solid #a5b89229; border-radius: 99px; font-size: 9px; }
.in-opcion-nota { margin-top: auto; color: #929f88; font-size: 11px; line-height: 1.6; }
.in-final { margin-top: 90px; padding-top: 45px; padding-bottom: 40px; border-top: 1px solid var(--in-borde); display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.in-final h2 { font-size: 28px; }
.in-final p { font-size: 13px; color: var(--in-suave); margin-top: 10px; line-height: 1.6; }
.in-final-links { display: flex; flex-direction: column; align-items: end; gap: 15px; }
.in-canal-enlace { color: #acb6a4 !important; display: inline-flex; gap: 7px; align-items: center; font-size: 12px; }
.in-canal-enlace:hover { color: var(--in-verde) !important; }
.in-footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-block: 25px calc(28px + env(safe-area-inset-bottom)); border-top: 1px solid var(--in-borde); font-size: 11px; line-height: 1.8; color: #9ca696; }
.in-footer p { max-width: 460px; }
.in-footer p span { color: #88947f; }
.in-footer nav { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px 20px; }
.in-footer a { display: inline-flex; align-items: center; gap: 5px; }
.in-footer a:hover { color: var(--in-verde); }
.in-footer a svg { width: 12px; height: 12px; }
@media (max-width: 1100px) {
  .in-wrap { width: calc(100% - 64px); }
  .in-hero { min-height: 720px; min-height: max(600px, 94svh); }
  .in-agente { gap: 35px; padding: 40px 30px; }
  .in-formato-visual { height: 225px; }
  .in-formato-copy { padding: 18px; }
  .in-audio-art .in-audio-frase { font-size: 22px; }
}
@media (max-width: 760px) {
  .in-wrap { width: calc(100% - 40px); }
  .in-hero { min-height: 100svh; align-items: center; padding: calc(var(--cn-top, 116px) + 32px) 0 44px; }
  .inuevo .in-hero h1 { font-size: clamp(36px, 9.7vw, 60px); line-height: 1.06; letter-spacing: -.04em; margin: 0 auto 18px; }
  .in-hero-desc { font-size: 15px; line-height: 1.55; max-width: 430px; }
  .in-acciones { gap: 9px; margin-top: 24px; }
  .inuevo .in-btn { font-size: 12px; min-height: 48px; padding-inline: 16px; gap: 9px; border-radius: 10px; }
  .in-hero .in-btn { min-height: 50px; padding-inline: 23px; font-size: 14px; }
  .in-hero-nota { font-size: 11px; max-width: 315px; }
  .in-seccion { padding-top: 58px; }
  .in-seccion-head { align-items: start; flex-direction: column; gap: 14px; margin-bottom: 23px; }
  .inuevo h2 { font-size: 32px; }
  .in-seccion-head > p { font-size: 13px; max-width: 370px; }
  .in-formatos { grid-template-columns: 1fr; gap: 15px; }
  .in-formato { display: grid; grid-template-columns: 43% 1fr; min-height: 180px; border-radius: 14px; }
  .in-formato-visual { height: 100%; min-height: 180px; }
  .in-formato-badge { top: 10px; left: 10px; padding: 5px 7px; font-size: 9px; }
  .in-formato-badge svg { width: 13px; }
  .in-formato-copy { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 17px; }
  .in-formato-copy h3 { font-size: 22px; }
  .in-formato-copy p { font-size: 11px; min-height: auto; margin-top: 7px; }
  .in-card-arrow { width: 28px; height: 28px; }
  .in-audio-art { padding: 42px 14px 20px; }
  .in-audio-art .in-audio-frase { font-size: 19px; }
  .in-onda { height: 36px; gap: 3px; margin-top: 14px; }
  .in-onda i { max-height: 34px; }
  .in-agente { grid-template-columns: 1fr; gap: 30px; margin-top: 54px; padding: 30px 22px; border-radius: 18px; }
  .in-agente-desc { font-size: 14px; margin-top: 16px !important; }
  .in-agente-pasos { gap: 9px; margin-block: 20px 24px; }
  .in-agente-pasos li { font-size: 10px; }
  .in-agente-pasos li:not(:last-child)::after { margin-left: 0; }
  .in-demo { padding: 18px; }
  .in-demo-label { font-size: 9px; gap: 10px; }
  .in-demo-pregunta { margin-top: 20px !important; font-size: 12px; margin-left: 15px !important; }
  .in-demo-respuesta { font-size: 12px; }
  .in-demo-propuesta img { width: 74px; height: 96px; }
  .in-demo-propuesta strong { font-size: 12px; }
  .in-demo-propuesta p { font-size: 10px; }
  .in-muestra { grid-template-columns: 1fr; margin-top: 54px; gap: 25px; }
  .in-muestra-visual { aspect-ratio: 16 / 11; }
  .in-muestra-copy { padding: 0; }
  .in-muestra-copy p:not(.in-eyebrow) { margin-block: 16px 20px; }
  .in-acceso-opciones { margin-top: 56px; }
  .in-acceso-grid { grid-template-columns: 1fr; gap: 13px; }
  .in-opcion { padding: 23px; border-radius: 14px; }
  .in-opcion-top { margin-bottom: 16px; }
  .in-opcion ul { gap: 8px; margin-block: 17px 21px; }
  .in-opcion h3 { font-size: 23px; }
  .in-final { margin-top: 55px; padding-block: 30px; align-items: start; flex-direction: column; gap: 20px; }
  .in-final h2 { font-size: 26px; }
  .in-final-links { align-items: start; }
  .in-footer { flex-direction: column; align-items: start; gap: 15px; font-size: 10px; }
  .in-footer p span { display: block; }
  .in-footer nav { justify-content: flex-start; gap: 10px 18px; }
}
@media (max-width: 760px) and (orientation: portrait) {
  /* Fondo continuo desde el máster: el montaje vertical tiene franjas
     incrustadas y se conserva para las vistas que muestran el clip completo. */
  .in-hero-media img, .in-hero-media video { object-fit: cover; object-position: 66% center; }
}
@media (max-width: 375px) {
  .in-wrap { width: calc(100% - 32px); }
  .inuevo .in-hero h1 { font-size: clamp(32px, 9.6vw, 36px); letter-spacing: -.035em; }
  .in-acciones { align-items: stretch; flex-direction: column; max-width: 280px; }
  .in-agente { padding: 26px 16px; }
  .in-formato { grid-template-columns: 40% 1fr; }
  .in-formato-badge { font-size: 8px; }
}
@media (max-height: 540px) and (orientation: landscape) {
  .in-hero { min-height: max(420px, 100svh); padding: 115px 0 34px; }
  .inuevo .in-hero h1 { font-size: 40px; margin-bottom: 14px; }
  .in-hero .in-acciones { margin-top: 18px; }
  .in-hero-nota { margin-top: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .inuevo *, .inuevo *::before, .inuevo *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .in-formato:hover, .inuevo .in-btn:hover, .in-formato:hover .in-formato-visual > img { transform: none; }
}
/* La marca identifica la portada; Agente es la entrada funcional. */
html[data-experiencia="nueva"] .cn-brand-static{cursor:default;filter:none}
html[data-experiencia="nueva"] .cn-brand-static:hover{filter:none}


/* cocuyo-css: assets/css/planes-estudio.css */
.cplanes, .cplan-dialog { --cp-lima:#b9f54b; --cp-texto:#f4f7ef; --cp-mut:#aeb7a6; --cp-borde:#e9f5dd21; font-family:var(--fuente,var(--font,Inter,Arial,sans-serif)); color:var(--cp-texto); }
.cplanes *, .cplan-dialog * { box-sizing:border-box; }
.cplanes a, .cplan-dialog a { color:inherit; text-decoration:none; }
.cplanes button, .cplan-dialog button { font:inherit; cursor:pointer; }
.cplanes h2, .cplanes h3, .cplanes p, .cplan-dialog h2, .cplan-dialog h3, .cplan-dialog p { margin:0; }
.cplanes a:focus-visible, .cplanes button:focus-visible, .cplan-dialog a:focus-visible, .cplan-dialog button:focus-visible { outline:2px solid var(--cp-lima); outline-offset:4px; }
.cplanes-top { display:flex; gap:25px; align-items:end; justify-content:space-between; margin-bottom:26px; }
.cplanes-kicker { color:#a7b59a; font-size:11px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:13px !important; }
.cplanes-top h2 { font-size:clamp(29px,3vw,43px); line-height:1.12; letter-spacing:-.045em; font-weight:550; }
.cplanes-top > p { color:var(--cp-mut); max-width:365px; font-size:13px; line-height:1.7; }
.cplanes-aviso { display:flex; gap:8px; align-items:center; margin:0 0 15px !important; color:#acb59f; font-size:11px; line-height:1.5; }
.cplanes-aviso::before { content:''; display:block; width:5px; height:5px; border-radius:50%; background:#cbd8ad; }
.cplanes-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.cplan { min-width:0; display:flex; flex-direction:column; padding:28px; border:1px solid var(--cp-borde); border-radius:17px; background:#10140f; }
.cplan-pro { background:radial-gradient(ellipse at 90% 0,#93ca3020,transparent 55%),#141b0f; border-color:#b9f54b66; }
.cplan-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cplan-heading h3 { font-size:23px; line-height:1.2; font-weight:600; letter-spacing:-.04em; }
.cplan-ahorro { border:1px solid #b9f54b2e; border-radius:100px; color:#c7ef95; background:#b9f54b0a; padding:5px 9px; font-size:10px; line-height:1.3; white-space:nowrap; }
.cplan-desc { margin-top:11px !important; color:var(--cp-mut); font-size:12px; line-height:1.6; min-height:38px; }
.cplan-precio { display:flex; align-items:baseline; flex-wrap:wrap; column-gap:6px; row-gap:2px; margin-top:26px; font-variant-numeric:tabular-nums; }
.cplan-precio b { font-size:46px; font-weight:550; line-height:1.1; letter-spacing:-.05em; }
.cplan-precio span { color:#a8b49c; font-size:11px; }
.cplan-referencia { margin-top:10px !important; color:#97a68c; font-size:10px; line-height:1.6; min-height:33px; }
.cplan-creditos { display:flex; align-items:baseline; gap:5px; flex-wrap:wrap; padding-top:18px; margin-top:18px; border-top:1px solid var(--cp-borde); color:#cad7be; font-size:11px; line-height:1.6; }
.cplan-creditos strong { font-size:20px; font-weight:550; letter-spacing:-.025em; color:var(--cp-texto); }
.cplan-lista { display:flex; flex-direction:column; gap:11px; margin:22px 0 27px; padding:0; list-style:none; }
.cplan-lista li { display:flex; gap:8px; align-items:start; font-size:11px; color:#bac6ad; line-height:1.55; }
.cplan-lista svg { flex-shrink:0; width:14px; height:14px; margin-top:2px; color:#91ab77; }
.cplan-btn { display:flex; justify-content:center; align-items:center; gap:10px; width:100%; min-height:45px; margin-top:auto; padding:11px 15px; border-radius:10px; border:1px solid #d3e4c42b; background:#ffffff05; color:#f0f6e9; font-size:12px !important; font-weight:600 !important; line-height:1.4; text-align:center; transition:background .18s,border-color .18s; }
.cplan-btn:hover { background:#26341b; border-color:#b9f54b70; }
.cplan-btn[hidden] { display:none; }
.cplan-pro .cplan-btn, .cplan-btn-primary { background:var(--cp-lima); color:#132009; border-color:var(--cp-lima); }
.cplan-pro .cplan-btn:hover, .cplan-btn-primary:hover { background:#ccfb7b; border-color:#ccfb7b; }
.cplan-status { margin-top:10px !important; color:#92a182; font-size:10px; text-align:center; line-height:1.5; }
.cplanes-extra { display:flex; justify-content:space-between; align-items:center; gap:22px; padding:22px 2px 0; }
.cplanes-extra p { color:#acb79f; font-size:12px; line-height:1.7; max-width:760px; }
.cplanes-extra strong { color:#d9e5ce; font-weight:550; }
.cplanes-extra a { color:var(--cp-lima); font-size:12px; font-weight:550; white-space:nowrap; }
.cplanes-porque { margin-top:16px !important; color:#87977b; font-size:11px; line-height:1.75; max-width:930px; }
.cplanes-compare-link { display:inline-flex; align-items:center; justify-content:center; gap:8px; max-width:100%; min-height:40px; padding:9px 13px; margin:10px 0 16px; border:1px solid #b9f54b30; border-radius:9px; background:#b9f54b06; color:#ceeca5; font:inherit; font-size:12px; line-height:1.45; text-align:center; cursor:pointer; transition:background .18s,border-color .18s; }
.cplanes-compare-link:hover { background:#b9f54b12; border-color:#b9f54b66; color:#e3fac6; }
.cplanes-compare-link:focus-visible { outline:2px solid #b9f54b; outline-offset:3px; }
.cplanes-compare-link > :first-child { min-width:0; overflow-wrap:anywhere; }
.cplanes-compare-link > [aria-hidden] { flex-shrink:0; }
.cplan-dialog { position:fixed; inset:0; width:min(560px,calc(100vw - 28px)); max-width:calc(100vw - 28px); max-height:calc(100dvh - 28px); padding:25px 28px; margin:auto; border:1px solid #d4edb83d; border-radius:21px; background:radial-gradient(ellipse at 100% 0,#5673231f,transparent 45%),#11150f; box-shadow:0 35px 100px #000a; overflow-y:auto; overscroll-behavior:contain; }
.cplan-dialog:not([open]) { display:none; }
.cplan-dialog::backdrop { background:#020502c9; backdrop-filter:blur(8px); }
.cplan-dialog-close { position:absolute; top:14px; right:14px; display:flex; align-items:center; justify-content:center; width:33px; height:33px; border:1px solid #ffffff12; border-radius:50%; background:#ffffff05; color:#b9c5ae; }
.cplan-dialog-close:hover { background:#ffffff13; color:white; }
.cplan-dialog h2 { padding-right:25px; font-size:28px; line-height:1.2; font-weight:550; letter-spacing:-.045em; }
.cplan-dialog-intro { margin-top:8px !important; color:var(--cp-mut); font-size:12px; line-height:1.5; }
.cplan-actual { display:flex; flex-direction:column; gap:5px; padding:12px 14px; margin-top:17px; border:1px solid #b9f54b32; border-radius:9px; background:#b9f54b07; font-size:11px; line-height:1.5; }
.cplan-actual strong { color:#cee9b0; font-weight:550; }
.cplan-actual span { color:#a8b79b; }
.cplan-dialog-price { display:flex; gap:5px; align-items:baseline; margin-top:17px; }
.cplan-dialog-price b { font-size:43px; line-height:1.1; font-weight:550; letter-spacing:-.045em; }
.cplan-dialog-price span { font-size:12px; color:#a9b59d; }
.cplan-resumen { margin:17px 0; display:flex; flex-direction:column; gap:8px; padding:14px 0; border-block:1px solid var(--cp-borde); }
.cplan-resumen div { display:flex; justify-content:space-between; align-items:start; gap:25px; font-size:12px; line-height:1.6; }
.cplan-resumen dt { color:#acb9a0; }
.cplan-resumen dd { margin:0; color:#e6efdd; text-align:right; font-variant-numeric:tabular-nums; }
.cplan-dialog-nota { color:#a8b59e; font-size:11px; line-height:1.65; margin:12px 0 !important; }
.cplan-dialog-aviso { padding:9px 12px; border:1px solid #bccaa821; border-radius:9px; background:#d4e1c606; color:#bfccb0; font-size:11px; line-height:1.55; margin-bottom:12px !important; }
.cplan-dialog-aviso:empty { display:none; }
.cplan-dialog .cplan-btn { margin-top:0; }
.cplan-dialog .cplan-btn[disabled] { cursor:default; opacity:.55; background:#252e1d; border-color:#6f815554; color:#b5c3a4; }
.cplan-dialog-secondary { display:block; width:100%; margin-top:8px; border:0; padding:8px 10px; background:transparent; color:#bdcbb1; font-size:11px !important; text-align:center; }
.cplan-dialog-secondary:hover { color:var(--cp-lima); }
.cplan-dialog-legal { display:flex; justify-content:center; gap:15px; margin-top:11px; font-size:10px; color:#a2b194; }
.cplan-dialog-legal a:hover { color:var(--cp-lima); }
.cplan-return { position:fixed; right:22px; bottom:22px; z-index:11000; width:min(355px,calc(100vw - 28px)); box-sizing:border-box; padding:19px 39px 16px 19px; border:1px solid #b9f54b39; border-radius:14px; background:#141a11f7; color:#f1f7e9; box-shadow:0 12px 45px #0008; font-family:var(--fuente,var(--font,Inter,Arial,sans-serif)); }
.cplan-return strong { font-size:13px; font-weight:600; line-height:1.4; }
.cplan-return p { margin:8px 0 12px; font-size:12px; line-height:1.6; color:#bbc8ad; }
.cplan-return-close { position:absolute; top:10px; right:9px; display:flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border:0; border-radius:50%; background:transparent; color:#bdcbb0; cursor:pointer; }
.cplan-return-close:hover { background:#ffffff12; color:#fff; }
.cplan-return-action { border:0; padding:0; background:transparent; color:#c1f276; font:inherit; font-size:12px; line-height:1.5; font-weight:600; cursor:pointer; }
.cplan-return-action[disabled] { cursor:default; color:#9dae90; }
.cplan-return button:focus-visible { outline:2px solid #b9f54b; outline-offset:3px; }
@media (max-width:480px) { .cplan-return { right:14px; bottom:max(14px,env(safe-area-inset-bottom)); } }
@media (max-width:1000px) { .cplan { padding:22px; }.cplan-precio b { font-size:39px; }.cplan-heading { align-items:start; flex-direction:column; gap:8px; }.cplan-ahorro { min-height:23px; }.cplan-free .cplan-heading::after { content:''; height:23px; }.cplan-desc { min-height:40px; } }
@media (max-width:760px) {
 .cplanes-top { flex-direction:column; align-items:start; gap:14px; }.cplanes-top h2 { font-size:32px; }.cplanes-top > p { font-size:12px; }
 .cplanes-grid { grid-template-columns:1fr; gap:13px; }.cplan { padding:25px; border-radius:14px; }.cplan-heading { flex-direction:row; align-items:center; gap:12px; }.cplan-free .cplan-heading::after { content:none; }.cplan-desc { min-height:0; }
 .cplan-precio { margin-top:20px; }.cplan-precio b { font-size:42px; }.cplan-referencia { min-height:0; }.cplan-lista { margin-block:19px 23px; gap:9px; }.cplan-creditos { margin-top:14px; padding-top:14px; }
 .cplanes-extra { align-items:start; flex-direction:column; gap:13px; padding-top:18px; }.cplanes-extra p { font-size:11px; }.cplanes-porque { font-size:10px; }
 .cplan-dialog { padding:28px 21px 24px; border-radius:17px; }.cplan-dialog h2 { font-size:26px; }.cplan-dialog-intro { font-size:12px; }.cplan-resumen { margin-block:19px; padding-block:17px; }.cplan-resumen div { font-size:11px; gap:15px; }.cplan-dialog-nota { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) { .cplanes *, .cplan-dialog *, .cplanes-compare-link { transition:none !important; animation:none !important; } }


/* cocuyo-css: assets/css/marca.css */
/* Marca oficial: mascota y nombre del kit del 22 de septiembre.
   Se conservan los PNG originales. El encuadre elimina sólo su margen
   transparente: lienzo 2000x560, contenido x396/y66, 1360x435. */
:root{--cocuyo-brand-width:140px}
html body .cocuyo-brand-art{
 position:relative;display:inline-block;flex:none;width:var(--cocuyo-brand-width);
 height:auto;aspect-ratio:1360/435;overflow:hidden;vertical-align:middle;
 line-height:0;direction:ltr;isolation:isolate;
}
html body .cocuyo-brand-art>img{
 position:absolute;display:block;width:147.058824%!important;height:auto!important;
 max-width:none!important;max-height:none!important;left:-29.117647%;top:-15.172414%;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 object-fit:contain;opacity:1;filter:none;pointer-events:none;user-select:none;
}
html body .cocuyo-brand-name{
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
 margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;
 white-space:nowrap!important;border:0!important;
}
html body :is(.wordmark,.cn-brand,.pp-brand,.pi-brand,.sm-brand,.brand,.apoyo-wordmark):has(>.cocuyo-brand-art){
 display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;
 gap:0;min-height:44px;line-height:1;text-decoration:none;letter-spacing:normal;
 color:#f5f7f2;text-shadow:none;vertical-align:middle;
}
html body .cn-header .cn-brand,
html body .pp-header .pp-brand,
html body .pi-header .pi-brand,
html body .cabecera>a.wordmark,
html body.studio-workbench .studio-public-nav #studioHomeButton{
 display:inline-flex;align-items:center;min-height:44px;text-decoration:none;
}
html body.studio-workbench .studio-public-nav #studioHomeButton{gap:0}
html body.studio-workbench .studio-public-nav #studioHomeButton .cocuyologo{display:none}
html body .apoyo-wordmark:has(>.cocuyo-brand-art):before,
html body .apoyo-wordmark:has(>.cocuyo-brand-art):after{content:none}
html body .inicio-footer .cocuyo-brand-art{--cocuyo-brand-width:128px}
html body .acceso-modal-marca .cocuyo-brand-art{--cocuyo-brand-width:164px}
html body :is(.apoyo-eyebrow,.in-demo-marca,.cchat-tit,.cocuyo-compose-heading) .cocuyo-brand-art{--cocuyo-brand-width:110px}
html body .cn-brand:hover,
html body.studio-workbench #studioHomeButton:hover{filter:drop-shadow(0 0 8px #2ee07235)}
@media(max-width:900px){:root{--cocuyo-brand-width:110px}}
@media(max-width:370px){:root{--cocuyo-brand-width:96px}}
@media(prefers-reduced-motion:reduce){html body :is(.cn-brand,#studioHomeButton){transition:none}}