*{box-sizing:border-box}body{margin:0;background:#fff5f4;color:#171717;font:17px/1.65 system-ui, sans-serif}body:before{content:"";position:fixed;inset:0;background:url(fondo.jpg) center/cover;opacity:.13;z-index:-1}header,main,footer{max-width:1200px;margin:auto;padding:25px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffed;border-bottom:1px solid #e0d2d2}.brand{display:flex;align-items:center;gap:15px;color:#163b60;font-weight:800;text-decoration:none}.brand img{width:76px}.brand small{display:block;font-size:12px;font-weight:400}nav{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;background:#ffdf60;color:#171717;padding:12px 20px;border:1px solid #a78322;border-radius:7px;text-decoration:none;font-weight:700;font-size:15px}.button:hover{background:#ffe987}a:focus-visible{outline:3px solid #163b60;outline-offset:4px}.hero,.card{background:#ffffffed;border:1px solid #d4dfe8;border-top:4px solid #245e89;border-radius:15px;padding:32px;margin:0 0 25px}.hero{padding:45px}.eyebrow{text-align:center;color:#9c3739;letter-spacing:2px;font-size:13px;font-weight:700}h1,h2,h3{text-align:center;color:#163b60;line-height:1.3}h1{font-size:clamp(30px,4vw,46px);margin:18px 0}h2{font-size:25px}h3{font-size:22px}p{text-align:justify;hyphens:auto}small,.meta{font-size:14px;color:#526276}.hero p{max-width:880px;margin:20px auto}.center{text-align:center}.tag{display:inline-block;border:1px solid #b9ccdc;border-radius:20px;padding:3px 12px;color:#163b60;background:#f1f6fb;font-size:12px;font-weight:700}.red{border-top-color:#c74549}.notice{background:#fff1c7;border-left:4px solid #aa7816;padding:16px 22px;margin:24px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid .card{display:flex;flex-direction:column}.grid .actions{margin-top:auto}.actions{text-align:center;padding-top:12px}.collab{display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:center}.collab img{max-width:100%;height:auto}.collab h2{text-align:left}.preview{font-size:13px;text-align:center;background:#f8e8e8;padding:8px;color:#593c3c}footer{border-top:1px solid #e0caca;background:#f8e8e8;text-align:center;font-size:14px}footer a{color:#163b60}footer p{text-align:center}.quiet{background:#f4f8fc}.source{overflow-wrap:anywhere}@media(max-width:760px){header{display:block}.brand{margin-bottom:20px}.grid,.collab{grid-template-columns:1fr}.collab img{max-width:200px;margin:auto}.hero,.card{padding:23px}header,main,footer{padding:18px}.collab h2{text-align:center}}
.compact{grid-template-columns:150px 1fr;gap:28px}.compact h2{margin:12px 0}.compact p{margin:12px 0}@media(max-width:760px){.compact{grid-template-columns:1fr}.compact img{max-width:150px}}/* Cabecera compartida con el formato de portada solicitado. */
header{max-width:1400px;padding:25px 30px;min-height:120px;background:#fff;gap:30px}
header .brand{color:#171717;font-size:28px;line-height:1.3;flex-shrink:0;gap:20px}
header .brand img{width:90px;height:auto}
header .brand small{color:#64748b;font-size:15px;font-weight:400;margin-top:13px}
header nav{justify-content:flex-end;align-items:center;gap:22px}
header nav a{color:#315987;font-size:16px;font-weight:650;text-decoration:none;background:none;border:0;padding:0}
header nav a:hover{text-decoration:underline}
@media(max-width:900px){header{flex-wrap:wrap}header nav{justify-content:flex-start}}
@media(max-width:760px){header{padding:20px}header .brand{font-size:23px}header .brand img{width:72px}header .brand small{font-size:13px}header nav{gap:14px 20px}header nav a{font-size:15px}}footer nav{display:block}footer .runcodeai{display:inline-flex;align-items:center;gap:8px}.securityheaders-pie>a{display:flex;flex-direction:column;align-items:center;gap:10px}.securityheaders-pie small{display:block;margin:12px}footer>p:first-child a{display:inline-block;background:#ffdf60;color:#171717;padding:10px 18px;border-radius:7px}header .brand{min-width:0}@media(max-width:420px){header .brand{font-size:20px}header .brand small{font-size:12px}}

/* Mantener el tema claro aprobado incluso con preferencia oscura. */
:root{color-scheme:only light}