*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#1f2b34;line-height:1.6}a{color:#2370a9;text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}header{background:#fff;border-bottom:1px solid #d5e0e7;position:sticky;top:0}.head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0}.brand{color:#0c2c48;font-weight:bold}.brand b{display:block;font-size:27px;letter-spacing:2px}.brand small,.brand em{display:block;font-size:9px;color:#5f6d78;font-style:normal}nav{display:flex;flex-wrap:wrap;gap:5px}nav a{padding:7px;font-size:11px;font-weight:bold;color:#1f2b34}nav a:hover{background:#f1f6f9}.hero{background:linear-gradient(120deg,#0c2c48,#174f78);color:white;padding:55px 0}.hero h1{font-size:clamp(32px,4vw,50px);line-height:1.1;margin:10px 0}.hero p{max-width:850px;font-size:17px}.eyebrow{color:#b5dcf2;font-weight:bold;letter-spacing:2px;font-size:12px}.section{padding:45px 0}.alt{background:#f1f6f9}.section h2{font-size:28px;color:#0c2c48;margin:0 0 12px}.lead{color:#5f6d78;font-size:17px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid #d5e0e7;border-radius:8px;padding:21px;background:white}.card h3{color:#0c2c48;margin:0 0 9px}.card p{font-size:14px;color:#5f6d78}.tag{font-size:11px;color:#2370a9;font-weight:bold}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.box{background:#f1f6f9;padding:22px;border-left:4px solid #2370a9}.btn{display:inline-block;background:#2370a9;color:#fff;padding:11px 17px;border-radius:5px;font-weight:bold}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}footer{background:#0a2237;color:#e7f0f5;padding:25px 0;font-size:12px}footer a{color:white}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{padding:10px;border:1px solid #bacbd6;border-radius:4px;font:inherit}.field textarea{min-height:100px}.notice{background:#fff7df;padding:12px;border-left:4px solid #d39b22;font-size:13px}@media(max-width:850px){.head,.split{display:block}nav{margin-top:12px}.grid,.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid,.three,.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.hero{padding:38px 0}}
/* Logo original DIPA */
.brand{display:flex;flex-direction:row;align-items:center;gap:12px;text-decoration:none;min-width:300px}.brand-logo{display:block;width:300px;max-width:34vw;height:auto;object-fit:contain}.brand-text{display:none}
@media(max-width:850px){.brand{min-width:0}.brand-logo{width:260px;max-width:75vw}}

/* LOGOTIPO DIPA INTEGRADO: imagen incrustada en cada HTML para evitar rutas rotas */
.brand{display:flex;align-items:center;flex:0 0 auto;min-width:0;max-width:100%;text-decoration:none}.brand-logo{display:block;width:280px;max-width:100%;height:auto;object-fit:contain}.head{flex-wrap:wrap}nav{min-width:0}
@media(max-width:850px){.brand-logo{width:250px;max-width:80vw}.head{align-items:flex-start}}
@media(max-width:560px){.brand-logo{width:220px;max-width:78vw}nav a{font-size:12px;padding:6px}}