/* Portada Esboza: ilustraciones, vídeos y muestras originales. */
html.portada-clara,html.portada-clara.dark {
 --canvas:#ffffff; --paper:#ffffff; --raised:#f5f5f6; --hueso:#f5f5f6;
 --ink:#24262b; --ink-soft:#44474c; --muted:#666970; --faint:#73757b; --icon:#73757b;
 --line:#dddde1; --line-strong:#c9c9cf; --hover:#eaeaec; --selected:#ececef;
 --accent:#3e4cff; --accent-hover:#2c38d8; --accent-fg:#fff; --accent-soft:#e8eaff;
 --sobre-tinta:#fff; --tinta-fuerte:#202227; --superficie:#fff; --nav-fondo:rgba(255,255,255,.9);
 --ojo:#fff; --hoja:#fff; --trazo:#898b90; --trazo-2:#b8b9be; --relleno:#f2f2f4; --relleno-2:#eaeaec;
 --t-banda:#f5f5f6; --t-tinta:#24262b; --ancho:1360px;
 --sombra-marco:0 0 0 1px #dddde1,0 20px 60px -30px #24262b26;
 color-scheme:light;
}
body {background:var(--canvas);color:var(--ink)}
.wrap{width:calc(100% - 80px);max-width:1360px}





.t-hero{padding:96px 0 52px;background:#f5f5f6}
.t-hero>.wrap{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:64px;row-gap:56px;align-items:center}
.t-hero-texto{text-align:left;grid-column:1;grid-row:1}
.t-display{font-family:'Outfit','Inter',sans-serif;font-size:clamp(48px,4.6vw,78px);line-height:1.04;letter-spacing:-.035em;font-weight:500;max-width:650px}
.t-hero .t-sub{max-width:490px;font-size:19px;line-height:1.6;margin:26px 0 0;text-align:left}
.preview-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.preview-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;font-size:16px;font-weight:600;text-decoration:none;line-height:1.3;border:1px solid}
.preview-btn-prim{background:#3e4cff;border-color:#3e4cff;color:#fff}.preview-btn-prim:hover{background:#2c38d8}
.preview-btn-sec{color:#24262b;border-color:#93959b;background:transparent}.preview-btn-sec:hover{background:#eeeeef}
.preview-nota{font-size:13px;line-height:1.5;color:#73757b;margin-top:18px}
.t-hero .vid{grid-column:2;grid-row:1;margin:0;min-width:0;width:100%;max-width:none}
.vid-marco{border-radius:22px;border:1px solid #d5d5dc;background:#fff;box-shadow:0 28px 55px -34px #24262b22;overflow:hidden}
.v-claro{display:block!important}.v-oscuro{display:none!important}
.vid-pasos{margin-top:24px;gap:12px}.vid-paso{padding-top:14px}.vid-paso b{font-size:14px;color:#44474c}.vid-paso span{font-size:12px;line-height:1.45;color:#666970}
.vid-paso.activo b{color:#3e4cff}.vid-paso::before{background:#d1d1d7}.vid-paso::after{background:#3e4cff}
.t-formatos{grid-column:1/-1;margin:8px 0 0;padding:25px 8px 0;border-top:1px solid #dddde1;font-family:'Inter',sans-serif;font-size:18px;font-weight:500;color:#666970!important}
.t-hero+.cinta{background:#f5f5f6;padding:36px 0 64px}.cinta-cabeza{margin-bottom:22px}.cinta-cabeza p{font-size:16px;color:#666970}
.cinta-pista img{height:275px}.cinta-marco{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.e-seccion{padding:100px 0}.e-h2{font-family:'Outfit','Inter',sans-serif;font-weight:500;font-size:clamp(36px,3.7vw,58px);line-height:1.1;letter-spacing:-.025em;max-width:830px}
.e-sub{font-size:18px;line-height:1.6;margin-top:18px;color:#666970}
#presentaciones{background:#ffffff}.gp{margin-top:38px}.gp-deck{background:transparent;color:#73757b;border-radius:12px;padding:10px}
.gp-deck[aria-selected=true]{background:#f5f5f6;color:#24262b}.gp-deck img{border-radius:8px}.gp-rail{gap:12px}
#producto{background:#f5f5f6}.e-rasgos{margin-top:44px;gap:60px}.e-rasgo{padding:20px 22px;border-radius:12px}
.e-rasgo[aria-selected=true]{background:#fff}.e-rasgo[aria-selected=true] b{color:#253fff}
.e-rasgos-escena{background:#eeeeef;border:1px solid #dddde1;border-radius:24px;padding:32px}
.t-precios{background:#ffffff}.e-planes{gap:24px}.e-plan{background:#fff;border:1px solid #dddde1;border-radius:20px;padding:34px}
.e-plan:nth-child(2){background:#f5f5f6;border-color:#c9c9cf}.e-precio{font-weight:600;font-size:50px}.e-plan .btn{border-radius:999px}
.e-cierre{background:#f5f5f6;padding:88px 0}.e-cierre .btn-prim{border-radius:999px;background:#3e4cff;color:white;border-color:#3e4cff}
.pie{background:#ffffff;padding-top:64px}
a:focus-visible,button:focus-visible{outline:3px solid #3e4cff;outline-offset:4px}

@media(max-width:1000px){.t-hero{padding:60px 0 44px}.t-hero>.wrap{column-gap:32px}.t-display{font-size:54px}.t-hero .t-sub{font-size:17px}.vid-paso span{display:none}.e-rasgos{gap:28px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.t-hero>.wrap{grid-template-columns:1fr;row-gap:38px}.t-hero-texto{grid-column:1;grid-row:1}.t-hero .vid{grid-column:1;grid-row:2}.t-formatos{grid-column:1;grid-row:3;justify-content:space-around;font-size:15px;gap:18px}.t-display{font-size:52px;max-width:580px}.t-hero .t-sub{font-size:17px}.e-seccion{padding:64px 0}.e-h2{font-size:39px}.cinta-pista img{height:220px}.e-rasgos-escena{padding:16px}.preview-btn{padding:14px 20px}.vid-paso span{display:block;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

.t-hero-texto{display:block;align-items:initial}.t-hero .t-sub-unida{margin-left:0;margin-right:0}.preview-acciones{justify-content:flex-start}.preview-nota{text-align:left}

.wrap{padding-left:0;padding-right:0}
@media(max-width:760px){.wrap{width:calc(100% - 48px)}.t-display{font-size:48px}.t-hero .t-sub.t-sub-unida{font-size:16px;line-height:1.6}.preview-btn{font-size:14px;padding:14px 18px}.t-hero{padding-top:52px}}

/* La cabecera conserva el estilo y las dimensiones originales de Esboza. */
.nav{--ancho:1120px;--accent:#2383e2;--accent-hover:#1a73cb;--ink:#37352f;--muted:#787774;--paper:#fff;--line:#ebebea}
.nav .wrap{width:auto;max-width:1120px;padding-left:24px;padding-right:24px}

/* Transparencia ligera y desenfoque originales, también al inicio. */
body:has(.t-hero):not(.nav-abierto) .nav:not(.bajada),.nav.bajada{background:var(--nav-fondo);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

.e-cierre .e-h2{margin-left:auto;margin-right:auto;text-align:center}