*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#EEF2EF;color:#10221F;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1.125rem;line-height:1.5}
main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:2.5rem 1rem 2rem}
.marca{display:flex;align-items:center;gap:.75rem;margin:0 0 2.5rem;font-weight:800;font-size:1.6rem;letter-spacing:-.02em}
.acento{color:#0B5E7E}
h1{margin:0 0 1rem;font-size:clamp(2rem,8vw,3.2rem);line-height:1.05;letter-spacing:-.03em}
.entradilla{margin:0 0 2rem;font-size:1.25rem;color:#24403A}
.caja{background:#FFFFFF;border:1px solid #D5DFDA;border-radius:14px;padding:1.25rem 1.25rem .5rem}
h2{margin:0 0 .5rem;font-size:1.2rem}
ul{margin:0;padding:0;list-style:none}
li{padding:.5rem 0 .75rem}
a{color:#0B5E7E;text-underline-offset:3px}
a:hover{color:#073F55}
a:focus-visible{outline:3px solid #0B5E7E;outline-offset:2px;border-radius:2px}
.tel{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .75rem;border-radius:999px;background:#9B1C1C;color:#FFFFFF;font-weight:700;text-decoration:none}
.tel:hover{color:#FFFFFF;background:#7A1515}
footer{border-top:1px solid #D5DFDA;background:#FFFFFF;padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom));font-size:.95rem;color:#3C5A54;text-align:center}
footer p{margin:.25rem 0}