*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#122b3b;font-family:Arial,Helvetica,sans-serif;background:#fafbf9}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header,footer{display:flex;align-items:center;gap:2rem;padding:1.1rem 6vw;background:#fff}header .brand{font-weight:900;font-size:2rem;letter-spacing:-2px;margin-right:auto}.brand span{color:#0088a7}.cta,.action{background:#153646;color:white;border-radius:3px;padding:.8rem 1.25rem;font-weight:bold}.hero{position:relative;isolation:isolate;min-height:clamp(360px,56vw,600px);display:flex;align-items:end;color:white;background:#183c49}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071822d9,transparent 85%),linear-gradient(0deg,#091d29a8,transparent 65%);z-index:-1}.hero>div{margin:4.5vw 6vw;max-width:730px}.hero h1{font-size:clamp(2.9rem,6.7vw,6.8rem);letter-spacing:-.06em;line-height:.97;margin:0}.hero p{font-size:clamp(1rem,2vw,1.4rem);margin:1.3rem 0}.action{display:inline-block;background:white;color:#102e3c}main>section:not(.hero){padding:4rem 6vw 5rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 1.6rem}h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.055em;margin:.8rem 0 2rem}h3{font-size:1.5rem;letter-spacing:-.035em;margin:1rem 0 .4rem}.tile>img,.mainpic{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.tile p,article p{line-height:1.5;margin:.4rem 0 .9rem;color:#425660}.quote{font-weight:bold;color:#00617b;border-bottom:1px solid #77acb9}.thumbs{display:flex;gap:.5rem;margin-top:.5rem}.thumbs button{padding:2px;border:2px solid transparent;background:transparent;cursor:pointer}.thumbs button[aria-pressed=true]{border-color:#007690}.thumbs img{width:52px;height:36px;object-fit:cover;display:block}footer{background:#14313d;color:white;flex-wrap:wrap;justify-content:space-between}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){header{gap:1rem}.grid{grid-template-columns:1fr}.hero>div{margin:2rem 6vw}.hero{min-height:380px}main>section:not(.hero){padding-top:2.5rem}footer{display:grid;gap:.8rem}}

.precios{margin:1rem 0;font-size:.9rem}.precios>div{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:.25rem .8rem;padding:.45rem 0;border-bottom:1px solid #d8e0df}.precios b{color:#10485a}.precios strong,.precios small{display:block;margin:.5rem 0}
