:root{--color-fondo:#f7f5f1;--color-tarjeta:#fff;--color-texto:#1f2937;--color-texto-tenue:#5b6472;--color-acento:#0f766e;--color-acento-oscuro:#0b5c56;--color-borde:#e2e0da;--color-error:#b3261e;--color-foco:#0f766e;--radio:10px;--sombra:0 1px 2px #1f29370a, 0 4px 16px #1f29370f;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{color-scheme:light}body{background:var(--color-fondo);color:var(--color-texto);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{color:var(--color-texto);line-height:1.25}a{color:var(--color-acento)}button{font:inherit}:focus-visible{outline:3px solid var(--color-foco);outline-offset:2px}.contenedor{max-width:1120px;margin:0 auto;padding:0 20px 64px}.contenedor--angosto{max-width:640px}.cabecera{text-align:center;padding:40px 0 24px}.cabecera h1{margin:0 0 10px;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.25rem)}.cabecera p{color:var(--color-texto-tenue);max-width:640px;margin:0 auto;font-size:1.05rem}.aviso-privacidad{color:var(--color-texto-tenue);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:.85rem;display:flex}.instrucciones-intro{max-width:640px;color:var(--color-texto-tenue);text-align:left;margin:0 auto 28px;padding:0 4px;font-size:.92rem}.instrucciones-intro h2{color:var(--color-texto);margin:0 0 8px;font-size:.95rem;font-weight:700}.instrucciones-intro ol{margin:0 0 10px;padding-left:20px}.instrucciones-intro li{margin-bottom:2px}.instrucciones-intro #aviso-delegado{margin:0;font-size:.88rem}.banner-prefill{border:1px solid var(--color-borde);border-left:3px solid var(--color-acento);color:var(--color-texto);background:#f0f4f3;border-radius:8px;margin:10px 0 0;padding:12px 16px;font-size:.9rem}.banner-prefill[hidden]{display:none}.campo__pista{color:var(--color-texto-tenue);margin-top:2px;font-size:.8rem;font-weight:400;display:block}.diseño-principal{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}@media (width>=960px){.diseño-principal{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.panel-vista-previa{position:sticky;top:20px}}.tarjeta{background:var(--color-tarjeta);border:1px solid var(--color-borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:24px}@media (width>=640px){.tarjeta{padding:32px}}.seccion-formulario{margin-bottom:32px}.seccion-formulario:last-of-type{margin-bottom:0}.seccion-formulario h2{text-transform:uppercase;letter-spacing:.03em;color:var(--color-acento);border-bottom:1px solid var(--color-borde);margin:0 0 18px;padding-bottom:8px;font-size:1.05rem}.seccion-formulario__descripcion{color:var(--color-texto-tenue);margin:-10px 0 18px;font-size:.9rem}.rejilla-campos{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=560px){.rejilla-campos--dos{grid-template-columns:1fr 1fr}}.campo{flex-direction:column;gap:6px;display:flex}.campo label{color:var(--color-texto);font-size:.88rem;font-weight:600}.campo .campo__ayuda{color:var(--color-texto-tenue);font-size:.8rem;font-weight:400}input,select,textarea{font:inherit;color:var(--color-texto);background:var(--color-tarjeta);border:1px solid var(--color-borde);border-radius:8px;width:100%;padding:10px 12px}input:invalid.tocado,select:invalid.tocado,textarea:invalid.tocado{border-color:var(--color-error)}textarea{resize:vertical;min-height:80px}.campo-checkbox{align-items:flex-start;gap:10px;display:flex}.campo-checkbox input{width:auto;margin-top:3px}.campo-checkbox label{font-size:.92rem;font-weight:400}.acciones-formulario{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.boton{cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-weight:600;transition:background-color .12s,box-shadow .12s}.boton--primario{background:var(--color-acento);color:#fff}.boton--primario:hover{background:var(--color-acento-oscuro)}.boton--secundario{color:var(--color-texto);border:1px solid var(--color-borde);background:0 0}.boton--secundario:hover{background:#f0efe9}.boton--enlace{color:var(--color-acento);cursor:pointer;background:0 0;border:none;padding:0;font-size:.92rem;text-decoration:underline}.aviso-legal{border:1px solid var(--color-borde);border-radius:var(--radio);color:var(--color-texto-tenue);background:#f0f4f3;margin-top:24px;padding:18px 20px;font-size:.9rem}.aviso-legal p{margin:0 0 10px}.aviso-legal p:last-child{margin-bottom:0}details.info-legal{margin-top:10px}details.info-legal summary{cursor:pointer;color:var(--color-acento);font-weight:600}details.info-legal[open] summary{margin-bottom:10px}details.info-legal ul{margin:8px 0;padding-left:20px}.vista-previa{font-size:.92rem}.vista-previa h2{margin-top:0}.vista-previa__campo{border-bottom:1px dashed var(--color-borde);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.vista-previa__campo:last-child{border-bottom:none}.vista-previa__etiqueta{color:var(--color-texto-tenue)}.vista-previa__valor{text-align:right;word-break:break-word;font-weight:600}.vista-previa__monto{text-align:center;padding:16px 0}.vista-previa__monto-numero{color:var(--color-acento);font-size:1.7rem;font-weight:700}.vista-previa__monto-letras{color:var(--color-texto-tenue);margin-top:4px;font-size:.82rem}.mensaje-estado{margin-top:14px;font-size:.9rem}.mensaje-estado[data-tipo=exito]{color:var(--color-acento-oscuro)}.mensaje-estado[data-tipo=error]{color:var(--color-error)}.pie-pagina{text-align:center;color:var(--color-texto-tenue);margin-top:48px;font-size:.82rem}.visualmente-oculto{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.banner-actualizacion{z-index:100;background:var(--color-texto);color:#fff;border-radius:var(--radio);box-shadow:var(--sombra);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:480px;margin:0 auto;padding:14px 18px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.banner-actualizacion[hidden]{display:none}.banner-actualizacion__acciones{flex-shrink:0;align-items:center;gap:14px;display:flex}.banner-actualizacion__acciones .boton--primario{padding:8px 16px}.banner-actualizacion__acciones .boton--enlace{color:#fff;opacity:.85}
