/* Cocuyo CSS bundle v1: generated by scripts/build-css.mjs. */
/* cocuyo-css: assets/css/cuenta-acciones.css */
.cuenta-aviso{box-sizing:border-box;inset:0;margin:auto;width:min(440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--border,var(--negro-borde));border-radius:22px;padding:28px;background:var(--surface,var(--negro-elevado));color:var(--text,var(--blanco-luz));font-family:inherit}
.cuenta-aviso::backdrop{background:color-mix(in srgb,var(--negro-abismo) 75%,transparent)}
.cuenta-aviso h2{margin:0 0 14px;font-size:25px;line-height:1.2;letter-spacing:-.035em}
.cuenta-aviso p{line-height:1.6;color:var(--muted,var(--gris-niebla));margin:0 0 24px}
.cuenta-aviso a,.cuenta-aviso button{display:block;box-sizing:border-box;width:100%;min-height:46px;padding:13px 16px;border-radius:12px;text-align:center;font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}
.cuenta-aviso a{background:var(--verde-cocuyo);color:var(--tinta-sobre-verde);margin-bottom:10px}
.cuenta-aviso button{border:1px solid var(--border,var(--negro-borde));background:transparent;color:inherit}
/* crear.html (y sus traducciones) carga esta hoja SIN tokens.css: por eso se
   queda el parche de [hidden] y el foco lleva valores de respaldo. */
.cuenta-aviso [hidden]{display:none}
.cuenta-aviso :focus-visible{outline:var(--foco-contorno,2px solid var(--verde-cocuyo));outline-offset:var(--foco-separacion,2px)}
.submenu-back{width:100%;min-height:44px;border:0;border-bottom:1px solid var(--border,var(--negro-borde));background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}


/* cocuyo-css: assets/css/perfil-cuenta-movil.css */
/* La cuenta móvil comparte la jerarquía del menú del Estudio. */
.pm-youtube-texto{display:none}
@media(max-width:900px){
 body.perfil-cuenta-movil{background:var(--cuenta-movil-fondo);color:var(--cuenta-movil-texto)}
 body.perfil-cuenta-movil:before{background:none}
 body.perfil-cuenta-movil .perfil-layout,
 body.perfil-cuenta-movil [data-perfil-menu-abrir],
 body.perfil-cuenta-movil #perfil-menu{display:none!important}
 body.perfil-cuenta-movil .cabecera{width:100%;max-width:520px;min-height:64px;margin:0 auto;padding:14px 20px;border:0;background:transparent;box-sizing:border-box}
 body.perfil-cuenta-movil [data-perfil-back]{display:inline-block;position:relative;min-height:44px;padding-left:22px;font-size:20px;line-height:44px;letter-spacing:-.04em;white-space:nowrap}
 body.perfil-cuenta-movil [data-perfil-back]:before{content:'';position:absolute;left:2px;top:18px;width:8px;height:8px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.65}
 body.perfil-cuenta-movil main.contenedor{width:100%;max-width:520px;margin:0 auto;padding:6px 16px 24px;box-sizing:border-box}
 body.perfil-cuenta-movil .pm-cuenta{padding:8px;border:1px solid var(--cuenta-movil-borde);border-radius:22px;background:var(--cuenta-movil-panel);box-shadow:0 12px 42px var(--cuenta-movil-sombra);overflow-wrap:anywhere}
 body.perfil-cuenta-movil .pm-identidad{padding:16px 14px 20px}
 body.perfil-cuenta-movil .viajero{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;border:0;background:transparent;text-align:left;box-shadow:none}
 body.perfil-cuenta-movil .viajero h1{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;margin:0;padding:0;white-space:normal;font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.6px}
 body.perfil-cuenta-movil .viajero .perfil-kicker,
 body.perfil-cuenta-movil .viajero .lema{display:none}
 body.perfil-cuenta-movil .perfil-identidad{display:flex;align-items:center;gap:12px;margin:0;min-width:0}
 body.perfil-cuenta-movil .perfil-identidad>div:last-child{min-width:0}
 body.perfil-cuenta-movil .viajero .avatar{width:42px;height:42px;min-width:42px;margin:0;border:1px solid var(--cuenta-movil-borde-avatar);border-radius:13px;background:var(--cuenta-movil-avatar);box-shadow:none}
 body.perfil-cuenta-movil .viajero .avatar svg{width:22px;height:22px}
 body.perfil-cuenta-movil .viajero .email{margin:0;font-size:13px;line-height:1.5;font-weight:400;overflow-wrap:anywhere;color:var(--cuenta-movil-email)}
 body.perfil-cuenta-movil .pm-saldo:empty{display:none}
 body.perfil-cuenta-movil .pm-cuenta .tarjeta{min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
 body.perfil-cuenta-movil .pm-cuenta .tarjeta-creditos{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:15px 14px;margin:0 4px 12px;border:1px solid var(--cuenta-movil-borde-saldo);border-radius:14px;background:var(--cuenta-movil-saldo);text-align:left}
 body.perfil-cuenta-movil .tarjeta-creditos .perfil-producto,
 body.perfil-cuenta-movil .tarjeta-creditos .creditos-rayo{display:none}
 body.perfil-cuenta-movil .tarjeta-creditos .creditos-cifra{grid-column:1;grid-row:1;margin:0;font-size:30px;font-weight:600;line-height:1.1;letter-spacing:-1px;color:var(--cuenta-movil-saldo-cifra)}
 body.perfil-cuenta-movil .tarjeta-creditos .creditos-nota{grid-column:1;grid-row:2;margin:0;font-size:11px;line-height:1.5;color:var(--cuenta-movil-saldo-nota)}
 body.perfil-cuenta-movil .pm-cuenta #btn-recargar-perfil{grid-column:2;grid-row:1 / 3;width:auto;max-width:150px;min-height:44px;margin:0;padding:11px 15px;font-size:12px;line-height:1.35;border-radius:10px;white-space:normal}
 body.perfil-cuenta-movil .tarjeta-creditos :is(#creditos-detalle,.aviso-app-android,.aviso-reader-ios){grid-column:1 / -1;margin:9px 0 0;font-size:11px;line-height:1.5}
 body.perfil-cuenta-movil .tarjeta-creditos #creditos-detalle:empty{display:none}
 body.perfil-cuenta-movil .pm-apartados{border-top:1px solid var(--cuenta-movil-separador)}
 body.perfil-cuenta-movil .pm-apartado{margin:0;border:0;border-radius:12px;background:transparent}
 body.perfil-cuenta-movil .pm-apartado>summary{display:flex;align-items:center;gap:13px;min-height:54px;padding:12px 14px;border-radius:11px;box-sizing:border-box;list-style:none;cursor:pointer;font-size:14px;line-height:1.4;font-weight:500;color:var(--cuenta-movil-titulo)}
 body.perfil-cuenta-movil .pm-apartado>summary::-webkit-details-marker{display:none}
 body.perfil-cuenta-movil .pm-apartado>summary>svg{width:19px;height:19px;flex:0 0 19px;color:var(--cuenta-movil-icono)}
 body.perfil-cuenta-movil .pm-flecha{margin-left:auto;display:flex;color:var(--cuenta-movil-flecha)}
 body.perfil-cuenta-movil .pm-flecha svg{width:13px;height:13px;transition:transform .18s ease}
 body.perfil-cuenta-movil .pm-apartado[open]>summary{background:var(--cuenta-movil-apartado-activo)}
 body.perfil-cuenta-movil .pm-apartado[open]>summary>svg{color:var(--cuenta-movil-acento)}
 body.perfil-cuenta-movil .pm-apartado[open] .pm-flecha svg{transform:rotate(90deg)}
 body.perfil-cuenta-movil .pm-contenido{display:grid;gap:18px;margin:3px 6px 10px;padding:16px 12px;border:1px solid var(--cuenta-movil-borde-contenido);border-radius:12px;background:var(--cuenta-movil-contenido);font-size:12px;line-height:1.55}
 body.perfil-cuenta-movil .pm-contenido :is(h2,h3){margin:0 0 8px;font-size:14px;line-height:1.4}
 body.perfil-cuenta-movil .pm-contenido :is(p,small){font-size:12px;line-height:1.55;color:var(--cuenta-movil-texto-secundario)}
 body.perfil-cuenta-movil .pm-contenido .btn{width:100%;min-height:44px;padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.5;box-sizing:border-box;white-space:normal}
 body.perfil-cuenta-movil .pm-contenido :is(.perfil-producto,.cocuyo-encendido){display:none}
 body.perfil-cuenta-movil .pm-contenido #plan-nombre{font-size:16px;line-height:1.4}
 body.perfil-cuenta-movil .pm-contenido #plan-detalle{margin:7px 0 14px}
 body.perfil-cuenta-movil .pm-contenido .perfil-menu-idioma{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:0;border:0;font-size:12px}
 body.perfil-cuenta-movil .pm-contenido .cocuyo-idioma{max-width:160px;min-height:44px;padding:6px 8px;border-radius:9px;background:var(--cuenta-movil-selector)}
 body.perfil-cuenta-movil .pm-contenido .cocuyo-idioma select{min-width:0;min-height:32px;max-width:110px;font-size:12px}
 body.perfil-cuenta-movil .pm-contenido #titulo-avisos{display:none}
 body.perfil-cuenta-movil .pm-contenido .ajuste{display:flex;align-items:center;gap:12px;padding:14px 0 0;border-top:1px solid var(--cuenta-movil-separador-ajuste)}
 body.perfil-cuenta-movil .pm-contenido .ajuste .titulo{flex:1;min-width:0;font-size:12px}
 body.perfil-cuenta-movil .pm-contenido .ajuste small{font-size:11px}
 body.perfil-cuenta-movil .pm-contenido .interruptor{flex-shrink:0}
 body.perfil-cuenta-movil .pm-contenido .perfil-creaciones-espacio{width:100%;margin:0;padding:12px;border-radius:10px;box-sizing:border-box}
 body.perfil-cuenta-movil .pm-contenido #perfil-datos .nota-datos{margin:0 0 14px;font-size:11px}
 body.perfil-cuenta-movil .pm-contenido #btn-borrar-cuenta{margin-top:8px;color:var(--cuenta-movil-peligro);background:transparent}
 body.perfil-cuenta-movil .pm-contenido .perfil-comunidad{display:block;margin:0;padding:0;border:0;background:transparent}
 body.perfil-cuenta-movil .pm-contenido .perfil-comunidad-icono,
 body.perfil-cuenta-movil .pm-contenido .perfil-comunidad .perfil-kicker{display:none}
 body.perfil-cuenta-movil .pm-contenido .perfil-comunidad .btn{margin-top:10px;background:var(--cuenta-movil-comunidad);border:1px solid var(--cuenta-movil-borde-comunidad);color:var(--cuenta-movil-acento);box-shadow:none}
 body.perfil-cuenta-movil .pm-contenido .perfil-youtube{display:flex;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:44px;margin:0;padding:8px 11px;border:1px solid var(--cuenta-movil-borde);border-radius:9px;box-sizing:border-box;background:transparent;text-decoration:none;color:var(--cuenta-movil-enlace);font-size:12px}
 body.perfil-cuenta-movil .pm-contenido .pm-youtube-texto{display:inline}
 body.perfil-cuenta-movil .pm-soporte{display:flex;align-items:center;min-height:44px;color:var(--cuenta-movil-enlace);font-size:12px;text-underline-offset:4px}
 body.perfil-cuenta-movil .pm-contenido .apoyo-perfil{display:block;padding:14px 0 0!important;border-top:1px solid var(--cuenta-movil-borde-saldo)}
 body.perfil-cuenta-movil .pm-contenido .apoyo-perfil:before,
 body.perfil-cuenta-movil .pm-contenido .apoyo-perfil:after,
 body.perfil-cuenta-movil .pm-contenido .apoyo-perfil-copy{display:none}
 body.perfil-cuenta-movil .pm-salir{margin-top:4px;padding:5px 4px 2px;border-top:1px solid var(--cuenta-movil-separador)}
 body.perfil-cuenta-movil .pm-salir #btn-apagar{min-height:48px;margin:0;padding:12px 14px;border:0;border-radius:10px;background:transparent;text-align:left;font-size:13px;font-weight:400;color:var(--cuenta-movil-salir)}
 body.perfil-cuenta-movil .pm-cuenta :is(a,button,summary,input,select):focus-visible{outline:2px solid var(--cuenta-movil-acento);outline-offset:2px}
 body.perfil-cuenta-movil .pie-legal{max-width:480px;margin:0 auto;padding:0 22px max(24px,env(safe-area-inset-bottom));font-size:10px;line-height:1.7;opacity:.65}
 body.perfil-cuenta-movil .aviso-pago{margin:0 0 14px;font-size:12px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.pm-flecha svg{transition:none!important}}

/* ---- Arreglos de la auditoría móvil (oct-2026): cuenta-07 y cuenta-09 ----
   1) La cabecera (← COCUYO) se queda fija arriba al bajar, pero no tenía
      fondo: el logo se montaba sobre los créditos y el resto. Ahora lleva el
      mismo negro del fondo, un poco translúcido con desenfoque, ocupa todo
      el ancho y respeta la muesca del iPhone (safe-area).
   2) «Cerrar sesión» se veía como una caja a medio dibujar de 140 px. Ahora
      es una fila completa, alineada a la izquierda como las de arriba.
   3) Letra más legible: textos de 12 px pasan a 14, notas de 11 a 13 y el
      pie legal a 12 px sin transparencia. */
@media(max-width:900px){
 body.perfil-cuenta-movil .cabecera{max-width:none;padding:max(14px,env(safe-area-inset-top)) max(20px,calc((100% - 520px) / 2 + 20px)) 14px;background:color-mix(in srgb,var(--cuenta-movil-fondo) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--cuenta-movil-separador)}
 body.perfil-cuenta-movil .pm-salir #btn-apagar{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:54px;box-shadow:none;font-size:14px}
 body.perfil-cuenta-movil .pm-salir #btn-apagar:hover{background:var(--cuenta-movil-apartado-activo)}
 body.perfil-cuenta-movil .viajero .email{font-size:14px}
 body.perfil-cuenta-movil .tarjeta-creditos .creditos-nota,
 body.perfil-cuenta-movil .tarjeta-creditos :is(#creditos-detalle,.aviso-app-android,.aviso-reader-ios){font-size:13px}
 body.perfil-cuenta-movil .pm-cuenta #btn-recargar-perfil{font-size:14px}
 body.perfil-cuenta-movil .pm-apartado>summary{font-size:15px}
 body.perfil-cuenta-movil .pm-contenido,
 body.perfil-cuenta-movil .pm-contenido :is(p,small),
 body.perfil-cuenta-movil .pm-contenido .btn,
 body.perfil-cuenta-movil .pm-contenido .perfil-menu-idioma,
 body.perfil-cuenta-movil .pm-contenido .ajuste .titulo,
 body.perfil-cuenta-movil .pm-contenido .perfil-youtube,
 body.perfil-cuenta-movil .pm-soporte,
 body.perfil-cuenta-movil .aviso-pago{font-size:14px}
 body.perfil-cuenta-movil .pm-contenido .ajuste small,
 body.perfil-cuenta-movil .pm-contenido #perfil-datos .nota-datos{font-size:13px}
 body.perfil-cuenta-movil .pie-legal{font-size:12px;opacity:1}
 body.perfil-cuenta-movil .pie-legal a{display:inline-block;padding-block:10px}
}


/* cocuyo-css: assets/css/marca.css */
/* Una misma firma en portada, Estudio, cuenta, acceso y precios.
   Las dos O son las dos luces; no se mezcla con el control de energía del Agente. */
:root{--cocuyo-marca-size:24px;--cocuyo-marca-luz:#aff33e}
html body .cn-header .cn-brand,
html body.studio-workbench .studio-public-nav #studioHomeButton .wordmark,
html body .pp-header .pp-brand,
html body .pi-header .pi-brand,
html body .cabecera>a.wordmark.wordmark-cabecera,
html body .cabecera>a.wordmark{
 font-family:"Geist",Arial,sans-serif;font-size:var(--cocuyo-marca-size);font-weight:800;
 font-style:normal;line-height:1;letter-spacing:-.055em;text-transform:none;
 color:#f5f7f2;text-shadow:none;white-space:nowrap;gap:0;
}
html body .cn-header .cn-brand .o-viva,
html body.studio-workbench .studio-public-nav #studioHomeButton .o-viva,
html body .pp-header .pp-brand .o-viva,
html body .pi-header .pi-brand .o-viva,
html body .cabecera>a.wordmark.wordmark-cabecera .o-viva,
html body .cabecera>a.wordmark .o-viva{
 color:var(--cocuyo-marca-luz);text-shadow:0 0 13px #aff33e38;
}
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 .cocuyologo{display:none}
@media(max-width:900px){:root{--cocuyo-marca-size:20px}}
@media(max-width:370px){:root{--cocuyo-marca-size:18px}}
/* En la fila compacta del Estudio queda espacio para los tres editores e idioma. */
@media(max-width:420px){
 html body.studio-workbench .studio-public-nav #studioHomeButton{min-width:44px}
 html body.studio-workbench .studio-public-nav #studioHomeButton .wordmark{font-size:18px}
}
@media(max-width:370px){
 html body.studio-workbench .studio-public-nav #studioHomeButton .wordmark{font-size:16px}
}

/* La misma firma tipográfica en las páginas públicas añadidas después. */
@media(max-width:370px){
 html body.studio-workbench.studio-simple .studio-public-nav{padding-inline:8px;gap:4px}
 html body.studio-workbench.studio-simple .studio-public-nav .st-nav-group>a{padding-inline:0}
 html body.studio-workbench.studio-simple .studio-public-nav .st-nav-group>button{width:24px;min-width:24px;min-height:44px;padding-inline:2px}
}
html body :is(.header .brand,.seo-brand){
 font-family:"Geist",Arial,sans-serif;font-weight:800;font-style:normal;
 letter-spacing:-.055em;line-height:1;color:#f5f7f2;white-space:nowrap;gap:0;
}
html body :is(.header .brand,.seo-brand,.acceso-modal-marca,.apoyo-eyebrow,.in-demo-marca,.cocuyo-compose-heading) .o-viva{
 color:var(--cocuyo-marca-luz);font:inherit;letter-spacing:inherit;text-shadow:0 0 13px #aff33e38;
}