.demo{--fondo:var(--d-bg,#f3f2ee);--superficie:var(--d-surface,#fff);--tinta:var(--d-ink,#101114);--tinta-2:var(--d-muted,#5d626d);--linea:var(--d-line,#e3e2dc);--marca:var(--d-accent,#36f);--sobre-marca:var(--d-on-accent,#fff);--enlace:var(--d-link,var(--d-accent,#2b57e0));--marca-suave:var(--d-suave,color-mix(in srgb, var(--marca) 12%, var(--superficie)));--borde-control:color-mix(in srgb, var(--tinta-2) 82%, var(--superficie));--radio-s:12px;--radio-m:20px;--radio-l:28px;--pildora:999px;--sombra-1:0 1px 2px #0000000a, 0 10px 30px -18px #00000047;--sombra-2:0 2px 4px #0000000d, 0 24px 48px -24px #00000061;--sombra-marca:0 10px 24px -12px color-mix(in srgb, var(--marca) 70%, transparent);--curva:cubic-bezier(.2, .7, .2, 1);--e-1:4px;--e-2:8px;--e-3:12px;--e-4:16px;--e-5:24px;--e-6:32px;--e-7:48px;--e-8:72px;background:var(--fondo);color:var(--tinta);min-height:100vh;font-family:var(--font);-webkit-font-smoothing:antialiased}.demo *,.demo :before,.demo :after{box-sizing:border-box}.demo a:not([class]){color:var(--enlace);text-underline-offset:.2em}.demo :focus-visible{outline:3px solid var(--d-foco,var(--enlace));outline-offset:3px}html:has(.franja-demo){scroll-padding-top:72px}.franja-demo{z-index:50;color:#f4f5f7;text-align:center;background:#101114;padding:7px 16px;font-size:13px;line-height:1.35;display:block;position:sticky;top:0}.franja-demo p{max-width:none;margin:0}.franja-demo .franja-etiqueta{border-radius:var(--pildora,999px);color:#1f1300;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#ffc94d;margin-right:6px;padding:1px 8px;font-size:11px;font-weight:500;display:inline-block}.franja-demo a{color:#ffd873;text-underline-offset:.18em;text-decoration:underline}.franja-demo a:focus-visible{outline-offset:2px;outline:2px solid #ffd873}.d-wrap{width:100%;max-width:1080px;padding-inline:var(--e-4);margin-inline:auto}.d-angosto{max-width:760px}.d-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--enlace);font-size:13px;font-weight:600}.d-h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(40px,9.5vw,80px);font-weight:600;line-height:1}.d-h2{letter-spacing:-.03em;font-size:clamp(28px,5vw,44px);font-weight:600;line-height:1.08}.d-h3{letter-spacing:-.015em;font-size:20px;font-weight:600}.d-lede{color:var(--tinta-2);max-width:40ch;font-size:clamp(18px,2.3vw,22px);line-height:1.45}.d-muted{color:var(--tinta-2)}.d-chico{font-size:14px}.d-cab{background:color-mix(in srgb, var(--superficie) 86%, transparent);border-bottom:1px solid color-mix(in srgb, var(--linea) 70%, transparent)}.d-cab-barra{justify-content:space-between;align-items:center;gap:var(--e-3);flex-wrap:wrap;padding-block:10px;display:flex}.d-logo{letter-spacing:-.02em;min-height:44px;color:var(--tinta);align-items:center;gap:10px;font-size:19px;font-weight:600;text-decoration:none;display:inline-flex}.d-logo svg{color:var(--marca);flex:none}.d-hero{gap:var(--e-4);padding-block:var(--e-7) var(--e-7);flex-direction:column;display:flex}@media (width>=800px){.d-hero{padding-block:96px}}.d-seccion{padding-block:var(--e-7)}@media (width>=800px){.d-seccion{padding-block:var(--e-8)}}.d-seccion+.d-seccion{border-top:1px solid color-mix(in srgb, var(--linea) 70%, transparent)}.d-cabeza{gap:var(--e-2);margin-bottom:var(--e-5);flex-direction:column;display:flex}.d-grid{gap:var(--e-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=640px){.d-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=720px){.d-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.d-btn{border-radius:var(--pildora);cursor:pointer;background:var(--marca);min-height:48px;color:var(--sobre-marca);box-shadow:var(--sombra-marca);font:inherit;letter-spacing:-.005em;transition:transform .25s var(--curva), box-shadow .25s ease, background-color .25s ease, filter .2s ease;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.d-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.d-btn:active{transform:translateY(1px)scale(.98)}.d-btn.sec{background:var(--superficie);color:var(--tinta);border-color:var(--linea);box-shadow:var(--sombra-1)}.d-btn.sec:hover{border-color:color-mix(in srgb, var(--tinta) 30%, var(--linea));filter:none}.d-btn.grande{min-height:56px;padding:14px 28px;font-size:17px}.d-btn.ancho{width:100%}.d-btn[aria-disabled=true]{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.d-tarjeta{background:var(--superficie);border:1px solid color-mix(in srgb, var(--linea) 60%, transparent);border-radius:var(--radio-l);padding:var(--e-5);min-width:0;box-shadow:var(--sombra-1);transition:transform .35s var(--curva), box-shadow .35s ease}.d-tarjeta.interactiva:hover,.d-tarjeta.interactiva:focus-within{box-shadow:var(--sombra-2);transform:translateY(-4px)}.d-ilus-caja{border-radius:var(--radio-m);background:var(--marca-suave);overflow:hidden}.d-ilus-caja svg{width:100%;height:auto;display:block}.d-chip{border-radius:var(--pildora);border:1px solid var(--borde-control);background:var(--superficie);min-height:44px;color:var(--tinta);font:inherit;cursor:pointer;transition:background-color .25s ease, color .25s ease, border-color .25s ease, transform .2s var(--curva);padding:8px 16px;font-size:15px;font-weight:500}.d-chip:hover{border-color:var(--tinta)}.d-chip:active{transform:scale(.97)}.d-chip[aria-pressed=true]{background:var(--tinta);color:var(--fondo);border-color:var(--tinta)}.d-filtros{flex-wrap:wrap;gap:8px;padding:4px 2px 8px;display:flex}.d-ops{flex-wrap:wrap;gap:8px;display:flex}.d-ops.rejilla{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.d-op{min-width:0;display:block;position:relative}.d-op input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.d-op>span{border-radius:var(--pildora);border:1px solid var(--borde-control);background:var(--superficie);min-height:48px;color:var(--tinta);cursor:pointer;transition:background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s var(--curva), box-shadow .25s ease;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:500;display:flex;position:relative;box-shadow:0 1px 2px #0000000a}.d-op.op-tarjeta>span{border-radius:var(--radio-m);flex-direction:column;align-items:flex-start;gap:4px;height:100%;padding:14px 16px}.d-op>span small{color:var(--tinta-2);font-size:13px;font-weight:400;transition:color .25s}.d-op>span:after{content:"";background:var(--sobre-marca);width:8px;height:8px;transition:transform .3s var(--curva);border-radius:50%;position:absolute;top:8px;right:8px;transform:scale(0)}.d-op input:hover+span{border-color:var(--tinta)}.d-op input:checked+span{background:var(--marca);color:var(--sobre-marca);border-color:var(--marca);box-shadow:var(--sombra-marca)}.d-op input:checked+span small{color:color-mix(in srgb, var(--sobre-marca) 85%, transparent)}.d-op input:checked+span:after{transform:scale(1)}.d-op input:focus-visible+span{outline:3px solid var(--enlace);outline-offset:3px}.d-op input:active+span{transform:scale(.97)}.d-op input:disabled{cursor:not-allowed}.d-op input:disabled+span{cursor:not-allowed;color:var(--tinta-2);box-shadow:none;background:0 0;border-style:dashed}.d-op input[aria-invalid=true]+span{border-color:var(--d-error,#b42318)}.d-label{font-size:17px;font-weight:600}.d-input{border-radius:var(--radio-s);border:1.5px solid color-mix(in srgb, var(--tinta-2) 70%, var(--linea));background:var(--superficie);width:100%;min-height:52px;color:var(--tinta);font:inherit;padding:12px 16px;font-size:17px;transition:border-color .2s,box-shadow .2s}.d-input:focus-visible{border-color:var(--marca);box-shadow:0 0 0 4px color-mix(in srgb, var(--marca) 25%, transparent);outline:none}.d-input[aria-invalid=true]{border-color:var(--d-error,#b42318)}.d-error{color:var(--d-error,#b42318);font-size:15px;font-weight:600}.d-error:empty{display:none}.d-insignia{border-radius:var(--pildora);background:var(--marca-suave);width:fit-content;color:var(--tinta);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.d-icono-burbuja{background:var(--marca-suave);width:52px;height:52px;color:var(--marca);border-radius:16px;flex:none;place-items:center;display:grid}.d-icono-burbuja svg{width:28px;height:28px}.icono-chat{flex:none;width:20px;height:20px}.demo:has([data-barra-fija]:not([hidden])) .d-pie{padding-bottom:calc(40px + var(--alto-barra-fija,80px))}@media (width>=960px){.demo:has([data-barra-fija]:not([hidden])) .d-pie{padding-bottom:40px}}.d-pie{border-top:1px solid color-mix(in srgb, var(--linea) 70%, transparent);color:var(--tinta-2);padding-block:28px 40px;font-size:14px}.d-pie a{color:var(--enlace)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.d-entra{animation:linear both d-entra view();animation-range:entry entry 70%}}.d-aparece{animation:d-aparece .45s var(--curva) both}}@keyframes d-entra{0%{opacity:.2;transform:translateY(28px)scale(.985)}to{opacity:1;transform:none}}@keyframes d-aparece{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}