:root{--fondo:#f6f7f9;--superficie:#fff;--borde:#e3e6ea;--texto:#1a1d21;--texto-suave:#666e78;--acento:#2f6fed;--acento-texto:#fff;--error:#c0392b;--exito:#1e8e5a;--radio:12px;--sombra:0 1px 2px #1018280f, 0 4px 12px #1018280d}@media (prefers-color-scheme:dark){:root{--fondo:#14161a;--superficie:#1c1f24;--borde:#2b3038;--texto:#e8eaed;--texto-suave:#9aa3ad;--acento:#5b8dff;--acento-texto:#0d1117;--error:#ff7a6b;--exito:#4bd39b;--sombra:0 1px 2px #0006}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--acento)}.contenedor{max-width:1040px;margin:0 auto;padding:0 1rem 3rem}.cabecera{border-bottom:1px solid var(--borde);background:var(--superficie)}.cabecera>div{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1040px;margin:0 auto;padding:.85rem 1rem;display:flex}.marca{letter-spacing:-.01em;color:var(--texto);margin-right:auto;font-weight:650;text-decoration:none}.cabecera nav{align-items:center;gap:1rem;display:flex}.cabecera nav a,.enlace-boton{color:var(--texto-suave);font-size:.925rem;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.925rem;text-decoration:none}.cabecera nav a:hover,.enlace-boton:hover{color:var(--texto)}.correo-sesion{color:var(--texto-suave);font-size:.925rem}h1{letter-spacing:-.02em;margin:2rem 0 .25rem;font-size:1.6rem}h2{letter-spacing:-.01em;margin:2rem 0 .75rem;font-size:1.15rem}.subtitulo{color:var(--texto-suave);margin:0 0 1.5rem}.cuadricula{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);color:inherit;flex-direction:column;gap:.4rem;min-height:148px;padding:1.1rem;text-decoration:none;display:flex}a.tarjeta:hover{border-color:var(--acento);transform:translateY(-1px)}a.tarjeta{transition:border-color .15s,transform .15s}.tarjeta.inactiva{opacity:.62}.tarjeta .nombre{font-weight:600}.tarjeta .descripcion{color:var(--texto-suave);flex:1;font-size:.9rem}.etiqueta{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--borde);color:var(--texto-suave);border-radius:999px;align-self:flex-start;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.etiqueta.abierta{color:var(--exito);border-color:currentColor}.etiqueta.prueba{color:var(--acento);border-color:currentColor}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:1.5rem}.panel-estrecho{max-width:400px;margin:3rem auto}label{margin-bottom:.3rem;font-size:.875rem;font-weight:550;display:block}input,select{border:1px solid var(--borde);background:var(--fondo);width:100%;color:var(--texto);font:inherit;border-radius:8px;padding:.6rem .7rem;font-size:1rem}input:focus,select:focus{outline:2px solid var(--acento);outline-offset:-1px}.campo{margin-bottom:1rem}button,.boton{background:var(--acento);color:var(--acento-texto);font:inherit;cursor:pointer;text-align:center;border:1px solid #0000;border-radius:8px;padding:.6rem 1rem;font-weight:550;text-decoration:none;display:inline-block}button:hover{filter:brightness(1.08)}button.ancho{width:100%}button.secundario{color:var(--texto);border-color:var(--borde);background:0 0}button.peligro{color:var(--error);border-color:var(--borde);background:0 0}.aviso{border:1px solid;border-radius:8px;margin-bottom:1rem;padding:.7rem .85rem;font-size:.9rem}.aviso.error{color:var(--error)}.aviso.exito{color:var(--exito)}.pie-formulario{color:var(--texto-suave);text-align:center;margin:1rem 0 0;font-size:.9rem}.usuario{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);margin-bottom:1rem;padding:1.1rem}.usuario header{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.75rem;display:flex}.usuario header .correo{font-weight:600}.accesos{color:var(--texto-suave);margin:0 0 .75rem;padding:0;font-size:.9rem;list-style:none}.accesos li+li{margin-top:.2rem}.fila-acciones{border-top:1px solid var(--borde);flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding-top:.75rem;display:flex}.fila-acciones .campo{margin:0}.fila-acciones select,.fila-acciones input{width:auto;min-width:8rem}.fila-acciones input[type=number]{min-width:5.5rem}.enlace-generado{width:100%;margin-top:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;display:block}@media (max-width:560px){.fila-acciones{flex-direction:column;align-items:stretch}.fila-acciones select,.fila-acciones input,.fila-acciones button{width:100%}}:root{--heroe-1:#e6eeff;--heroe-2:#f9fbff;--heroe-luz:#2f6fed33;--heroe-borde:#d7e2f7}@media (prefers-color-scheme:dark){:root{--heroe-1:#1b2436;--heroe-2:#15171c;--heroe-luz:#5b8dff38;--heroe-borde:#2c3a55}}.boton:hover{filter:brightness(1.08)}.boton.secundario{color:var(--texto);border-color:var(--borde);background:0 0}.boton.compacto{padding:.4rem .85rem;font-size:.9rem}.cabecera nav a.boton{color:var(--acento-texto)}.heroe{border:1px solid var(--heroe-borde);background:radial-gradient(120% 140% at 12% 0%, var(--heroe-luz) 0%, transparent 55%), linear-gradient(150deg, var(--heroe-1) 0%, var(--heroe-2) 100%);border-radius:24px;margin:2rem 0 0;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem)}.heroe-encima{letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave);margin:0;font-size:.78rem;font-weight:600}.heroe h1{letter-spacing:-.032em;max-width:17ch;margin:.75rem 0 0;font-size:clamp(2rem,5.4vw,3.3rem);line-height:1.06}.heroe-texto{max-width:58ch;color:var(--texto-suave);margin:1.15rem 0 0;font-size:1.05rem}.heroe-acciones{flex-wrap:wrap;gap:.75rem;margin-top:1.9rem;display:flex}.ventajas{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin:3.25rem 0;display:grid}.ventaja{border-top:2px solid var(--acento);padding-top:.9rem}.ventaja h3{letter-spacing:-.01em;margin:0 0 .35rem;font-size:1rem}.ventaja p{color:var(--texto-suave);margin:0;font-size:.95rem}.catalogo-cabecera{margin-top:3.5rem}.titulo-catalogo{letter-spacing:-.025em;margin:0 0 .3rem;font-size:clamp(1.5rem,3vw,2.05rem)}.seccion{margin:2.5rem 0}.seccion h2{margin:0 0 .1rem}.entradilla{color:var(--texto-suave);margin:0 0 1.1rem;font-size:.95rem}.cierre{border:1px solid var(--borde);background:var(--superficie);box-shadow:var(--sombra);text-align:center;border-radius:20px;margin:4rem 0 1rem;padding:clamp(2rem,4vw,3rem)}.cierre h2{margin:0 0 .5rem;font-size:1.4rem}.cierre p{max-width:52ch;color:var(--texto-suave);margin:0 auto 1.6rem}@keyframes revelar{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.heroe{animation:.5s ease-out both revelar}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.revelar{animation:linear both revelar;animation-timeline:view();animation-range:entry 5% cover 25%}}}@media (max-width:560px){.heroe-acciones{flex-direction:column;align-items:stretch}.heroe h1{max-width:none}}
