/* Identidad de pragmabit.com, revisada el 2026-10-05. Fuente Geist: SIL OFL. */
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url('geist-latin.woff2') format('woff2')}
:root{font-family:Geist,Arial,sans-serif;color:#303633;background:#f6f7f6;--verde:#575d5a;--borde:#d9dedb;--ink:#252a27;--suave:#e9ecea}
body{background:#f6f7f6}.cabecera{height:86px;padding:0 max(3.2vw,20px);background:#f6f7f6;border-bottom:1px solid #e5e8e6;gap:20px}.marca{font-size:23px;letter-spacing:-.9px;gap:11px;color:#252a27}.marca img{object-fit:contain;width:35px;height:30px}.marca .bit{font-weight:800}.marca-detalle{font-size:13px;letter-spacing:0;color:#69736e;text-decoration:none;margin-right:auto}.insignia{background:#fff;font-size:11px}.idiomas{margin-left:0}.idiomas a{padding:8px 10px;color:#66706a}.idiomas a[aria-current]{background:#575d5a;color:white}.contacto{display:flex;align-items:center;gap:18px;padding:12px 17px;background:#575d5a;color:#fff;border-radius:6px;text-decoration:none;font-size:13px;font-weight:650}.contacto:hover{background:#353d38}
.layout{max-width:1320px;grid-template-columns:232px 1fr;gap:58px;padding:52px 3.2vw}.introduccion{padding-bottom:8px;margin-bottom:30px}.introduccion .eyebrow{display:flex;align-items:center;gap:12px;color:#66776c;font-size:10px;letter-spacing:1.8px}.introduccion .eyebrow:before{content:'';width:19px;height:1px;background:#a7b4ac}h1{font-family:Geist,Arial,sans-serif;font-weight:680;color:#252a27;letter-spacing:-2px;font-size:clamp(35px,4.3vw,58px);line-height:1.05;max-width:780px;margin-bottom:21px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#575d5a;letter-spacing:-1.7px}.introduccion p:last-child{font-size:15px;color:#69736c;max-width:640px;line-height:1.8}
.navegacion-app{display:flex;gap:8px;margin:-10px 0 28px;flex-wrap:wrap}.navegacion-app a{font-size:12px;padding:7px 12px;color:#66766c}.navegacion-app a[aria-current]{background:#e1eae4;color:#435e4b}.informacion .panel p{font-size:14px;line-height:1.85;color:#657369}.informacion .panel h2{margin-bottom:14px}.referencia{font-size:11px!important;color:#6a8172!important}.referencia a{color:#58705f;text-underline-offset:4px}.flujo-sdd{list-style:none;padding:0;margin:24px 0}.flujo-sdd li{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid #e6ece7}.flujo-sdd .numero{height:fit-content}.flujo-sdd h3{font-size:16px;margin:0}.flujo-sdd p{margin:6px 0 0}.tabla-info{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:13px 12px;border-bottom:1px solid #e0e7e2}th{color:#4d6957;background:#eff4f0}td{color:#617467;vertical-align:top}.ejemplo-sdd{border-left:3px solid #a4bbaa}.preguntas-frecuentes details{border-top:1px solid #e2e9e4}.preguntas-frecuentes summary{font-size:14px;line-height:1.6;color:#3d5846;padding:17px 0}.preguntas-frecuentes details p{padding:0 0 16px 27px;margin:0}.info-cierre{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.info-cierre a{font-size:13px;text-underline-offset:4px}.info-cierre .primario{text-decoration:none;gap:24px}
.panel{background:#fff;border-color:#d9dedb;border-radius:9px;padding:29px 30px}.titulo-seccion{gap:18px}h2{color:#303a33;font-size:19px;font-weight:650;letter-spacing:-.35px}.numero{background:#eaf0ec;color:#465d4e;font-size:12px}.eyebrow{color:#708077;font-size:10px}.nota-lateral{color:#718077}.nota-lateral strong{color:#415549}aside nav a[aria-current]{background:#e1eae4;color:#415949}aside nav a:hover{background:#e9eeea}.ayuda-tipo summary{color:#516b5b}
input,select,textarea{border-color:#d9dedb;color:#303a33;border-radius:5px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #82988b;outline-offset:2px}input::placeholder,textarea::placeholder{color:#8a958e}.guia .ayuda{color:#748179;font-size:11px;line-height:1.7}.guia .ejemplo{background:#f0f4f1;color:#5f7265;border-left-color:#bfcfc4;font-size:11px}.guia .ejemplo strong{color:#516a5a}.preguntas h3{color:#5c7665}.requisito{border-color:#dce5df;background:#fbfcfb}.requisito legend{color:#58705f}.progreso{color:#718077}progress{accent-color:#58705f}.cierre{background:#eaf0ec}.cierre p{color:#66776c}.primario{background:#575d5a;border-color:#575d5a;min-height:44px}.primario:hover{background:#353d38;border-color:#353d38}.secundario{color:#506658;border-color:#c9d4cc}.texto{color:#516c5b}.mensaje{background:#eaf2ec;border-color:#c2d4c6;color:#415949}pre{background:#f4f7f4;border-color:#dce5df;color:#344b3b}
footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid #d9dedb;margin-top:34px;padding:24px 0;font-size:11px;color:#7c8880}footer a{text-decoration:none;color:#303a33;font-weight:750;font-size:16px;letter-spacing:-.5px}footer span:last-child{margin-left:auto}
.guia .ayuda{color:#627268;font-size:12px}.guia .ejemplo{font-size:12px}
a.primario{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;min-height:46px;border-radius:6px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;white-space:normal}a.primario span{display:inline-flex;align-items:center;flex-shrink:0;font-size:19px;line-height:1}a.primario:focus-visible{outline:2px solid #58705f;outline-offset:3px}.info-cierre .primario{gap:22px}.info-cierre>a:last-child{padding:10px 0;line-height:1.6}
@media(max-width:1000px){.cabecera{gap:12px}.insignia{display:none}.layout{gap:28px;grid-template-columns:190px 1fr}.panel{padding:24px}.marca-detalle{font-size:12px}.contacto{padding:11px 13px}}
@media(max-width:700px){.cabecera{height:auto;min-height:74px;padding:16px;flex-wrap:wrap;gap:10px}.marca{font-size:21px}.marca-detalle{display:block;margin-right:0;font-size:11px}.idiomas{margin-left:auto}.contacto{display:none}.layout{display:block;padding:32px 16px}.introduccion{margin-bottom:24px}h1{font-size:38px;letter-spacing:-1.5px}.panel{padding:21px}.grid{grid-template-columns:1fr}.guia .ayuda,.guia .ejemplo{font-size:12px}.nota-lateral{display:none}footer{gap:12px}footer span:last-child{margin-left:0}}

/* La variante elegida en pragmabit.com también gobierna el generador. */
:root{--verde:#176b45;--acento:#bce34a;--fondo:#f7f6f1;--ink:#102218;--texto:#132118;--suave:#e9eee9;--borde:#d8ded8}
html,body,.cabecera{background:var(--fondo)}body{color:var(--texto)}.cabecera{border-bottom-color:var(--borde)}
.marca,h1,footer a{color:var(--ink)}.marca .bit,h1 em,.introduccion .eyebrow,.texto,.preguntas h3,.requisito legend{color:var(--verde)}
.marca img{background:var(--logo-backdrop,transparent)}.insignia,.panel,input,select,textarea{border-color:var(--borde)}
.idiomas a[aria-current],.contacto,.primario{background:var(--verde);border-color:var(--verde);color:#fff}
.contacto:hover,.primario:hover{background:color-mix(in srgb,var(--verde) 78%,#000);border-color:color-mix(in srgb,var(--verde) 78%,#000)}
.navegacion-app a[aria-current],aside nav a[aria-current],.numero,.cierre,.mensaje{background:var(--suave);color:var(--verde)}
aside nav a:hover,.guia .ejemplo,pre{background:color-mix(in srgb,var(--suave) 68%,#fff)}
input:focus,select:focus,textarea:focus,a.primario:focus-visible{outline-color:color-mix(in srgb,var(--verde) 60%,#fff)}
progress{accent-color:var(--verde)}.tech-accent{color:var(--acento)}
.publicidad{margin:0 0 24px;padding:12px 16px;min-height:116px;display:grid;align-content:start;gap:8px;background:color-mix(in srgb,var(--fondo) 55%,#fff);border:1px solid var(--borde);border-radius:9px;overflow:hidden}
.publicidad>span{color:#7a857e;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.publicidad .adsbygoogle{width:100%;min-height:90px}