:root{color-scheme:light;--crema:#F5EFE7;--arena:#EBE2D6;--linea:#DCD0C0;--bronce:#7B5A34;--bronce-osc:#5C4228;--tinta:#2E2721;--suave:#6F6458;--chocolate:#3A2D22;--sobre-choc:#F3ECE2;--serifa:"Cormorant Garamond",Georgia,serif;--texto:"Poppins","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--crema);color:var(--tinta);font:300 1.02rem/1.75 var(--texto);padding-inline:clamp(16px,4vw,40px)}
.wrap{max-width:1040px;margin-inline:auto}
h1,h2,h3{font-family:var(--serifa);font-weight:500;line-height:1.1;margin:0;text-wrap:balance}
p,ul,ol{margin:14px 0 0;color:var(--suave)}
li{margin-top:6px}
a{color:var(--bronce)}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--bronce);outline-offset:3px}
header{padding-block:18px;border-bottom:1px solid var(--linea);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none}
.logo img{height:44px;width:auto;mix-blend-mode:darken}
.logo b{display:block;font:500 1.3rem/1 var(--serifa);letter-spacing:.32em;color:var(--bronce)}
.logo span{display:block;font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;margin-top:6px;color:var(--tinta)}
.tel{font-size:.88rem;color:var(--suave)}
.tel a{font:500 1.3rem var(--serifa);color:var(--tinta);text-decoration:none;margin-left:6px}
.miga{font-size:.82rem;margin-top:22px;color:var(--suave)}
.miga a{color:var(--suave)}
.cabecera{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center;padding-block:28px 56px}
.cabecera>*{min-width:0}
.cabecera h1{font-size:clamp(2.4rem,5.6vw,4.2rem)}
.cabecera .entrada{font-size:1.08rem;margin-top:20px;max-width:32em}
.cabecera img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.dato{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin-top:24px}
.dato b{font:500 2.4rem/1 var(--serifa);color:var(--bronce)}
.dato span{color:var(--suave)}
.btn{display:inline-block;margin-top:26px;padding:13px 26px;border-radius:2px;background:var(--bronce);color:var(--crema);text-decoration:none;font:400 .95rem var(--texto)}
.btn:hover{background:var(--bronce-osc)}
.btn.wa{background:#25D366;color:#0B2A17;margin-left:8px}
@media (max-width:820px){.cabecera{grid-template-columns:1fr}.cabecera img{order:-1}}
article.texto{max-width:720px;padding-bottom:40px}
article.texto h2{font-size:clamp(1.8rem,3.6vw,2.4rem);margin-top:52px}
article.texto h3{font-size:1.4rem;margin-top:28px}
.nota{font-size:.85rem}
.otros{border-top:1px solid var(--linea);padding-block:40px;display:grid;gap:10px}
.otros h2{font-size:1.8rem}
.otros ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px}
.cta{background:var(--chocolate);color:var(--sobre-choc);margin-inline:calc(-1*clamp(16px,4vw,40px));padding:clamp(40px,6vw,72px) clamp(16px,4vw,40px)}
.cta .wrap>*{max-width:640px}
.cta h2{font-size:clamp(2rem,4.4vw,3rem);color:var(--sobre-choc)}
.cta p{color:var(--sobre-choc);opacity:.85}
.cta .tel-grande{font:500 clamp(2rem,5vw,2.8rem)/1 var(--serifa);margin-top:22px;opacity:1}
.cta .tel-grande a{color:inherit;text-decoration:none}
footer{padding-block:28px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--suave)}
footer nav{display:flex;flex-wrap:wrap;gap:18px}
.wa-flota{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.35)}
