*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#f3f6fa;color:#263445}
.cabecera{background:#172b46;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 20px}
.cabecera img{width:76px;height:auto;object-fit:contain}
.institucion{text-align:left}
.institucion h1{font-size:26px;margin:0 0 5px}
.institucion p{font-size:14px;line-height:1.5;margin:0}
main{max-width:900px;margin:50px auto;padding:0 20px}
.aviso{background:#fff;border-radius:10px;box-shadow:0 5px 25px rgba(0,0,0,.09);overflow:hidden}
.aviso h2{background:#173f73;color:#fff;text-align:center;font-size:25px;margin:0;padding:24px 15px}
.contenido{padding:40px 55px;font-size:18px;line-height:1.8;text-align:justify}
.contenido p{margin:0 0 25px}
.contenido strong{color:#173f73}
.firma{text-align:center;margin-top:35px}
.firma strong{display:block;font-size:21px}
.firma em{display:block;font-size:17px;color:#526174}
footer{text-align:center;padding:25px 15px;font-size:12px;color:#697789}
@media(max-width:600px){
.cabecera{gap:10px;padding:14px}
.cabecera img{width:55px}
.institucion h1{font-size:20px}
.institucion p{font-size:11px}
main{margin:25px auto;padding:0 12px}
.aviso h2{font-size:20px;padding:20px 10px}
.contenido{padding:25px 20px;font-size:16px;line-height:1.7}
.contenido p{margin-bottom:20px}
}