:root{--bg:#FDFCF7;--green:#004744}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:#202020;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.page{height:100vh;height:100svh;padding:0 4%;display:grid;grid-template-rows:12% minmax(0,1fr) 7.6%}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cccecb;color:var(--green);font-size:clamp(13px,1.25vw,20px)}.brand{font-family:Georgia,serif;font-size:clamp(22px,2.15vw,34px);line-height:1.12;letter-spacing:-.6px;color:#30313a;padding:10px 0}main{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:0}section{z-index:1;padding:2vh 0}.eyebrow{text-transform:uppercase;color:#4d7471;letter-spacing:.37em;font-size:clamp(9px,1vw,14px);margin:0 0 2.8vh}h1{font:400 min(5.1vw,7.9vh)/1.04 Georgia,serif;letter-spacing:-.045em;margin:0 0 3.5vh;white-space:nowrap}h1 span{color:var(--green)}.intro{font-size:clamp(14px,1.65vw,25px);line-height:1.4;color:#41434d;margin:0 0 1.8vh}.muted{color:#757782;font-size:clamp(12px,1.25vw,19px);line-height:1.4;margin:0 0 3vh}.actions{display:flex;align-items:center;gap:2vw;margin-bottom:2.6vh}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:white;padding:14px 20px;font-size:clamp(12px,1.35vw,20px);white-space:nowrap}.button:hover{background:#07635e}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.button svg{width:29px;height:29px}.write{font:clamp(13px,1.35vw,20px) Georgia,serif;color:var(--green);border-bottom:1px solid;padding:5px 0;white-space:nowrap}address{display:grid;gap:1.3vh;font-style:normal;font-size:clamp(11px,1.3vw,20px);color:#4b4e59}address a{display:flex;align-items:center;gap:20px;width:fit-content}address svg,.icon{color:var(--green);width:25px}.icon{font-size:25px;text-align:center}figure{margin:0;min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:16px 0 24px}figure img{display:block;width:112%;height:100%;min-height:0;max-height:100%;object-fit:contain;justify-self:center;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}figcaption{font:clamp(14px,1.35vw,20px) Georgia,serif;margin:0;padding-left:1vw;line-height:1.4;color:#41434d}footer{border-top:1px solid #cccecb;display:flex;justify-content:space-between;align-items:center;font:clamp(9px,.9vw,13px) Georgia,serif;letter-spacing:.18em;color:#363945}
@media(max-width:700px){.page{padding:0 6%;grid-template-rows:86px minmax(0,1fr) 35px}main{display:block;position:relative}section{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;padding:12px 0}.eyebrow{font-size:9px;margin-bottom:2.4vh;letter-spacing:.28em}h1{font-size:min(9.6vw,6.5svh);margin-bottom:2.4vh}.intro{font-size:clamp(13px,3.7vw,18px);margin-bottom:1.3vh}.desktop{display:none}.muted{font-size:12px;margin-bottom:2.6vh}.actions{gap:18px;margin-bottom:2.5vh;flex-wrap:wrap}.button{font-size:13px;gap:9px;padding:12px 14px}.button svg{width:24px;height:24px}.write{font-size:14px}address{font-size:clamp(10px,3vw,13px);gap:1.5vh}address a{gap:12px}address svg,.icon{width:20px;height:20px}.icon{font-size:20px}figure{position:absolute;right:-7%;top:0;width:75%;height:60%;opacity:.13;pointer-events:none;z-index:0}figure img{width:100%;max-height:100%}figcaption{display:none}footer{font-size:8px;letter-spacing:.06em;gap:10px}}
@media(max-height:650px) and (min-width:701px){h1{font-size:min(4.9vw,7.4vh);margin-bottom:2.5vh}.eyebrow{margin-bottom:2vh}.intro{font-size:16px}.muted{font-size:12px;margin-bottom:2vh}.button{padding:8px 12px;font-size:12px}.button svg{height:23px;width:23px}address{font-size:12px;gap:1vh}address svg{width:20px;height:20px}.actions{margin-bottom:2vh}}
@media(max-height:560px) and (max-width:700px){.page{grid-template-rows:60px minmax(0,1fr) 25px}.brand{font-size:19px}h1{font-size:min(8.5vw,7.5svh);margin-bottom:1.5vh}.eyebrow{margin-bottom:1.5vh}.intro{font-size:12px}.muted{font-size:10px;margin-bottom:1.5vh}.button{padding:7px 10px;font-size:11px}.actions{margin-bottom:1.5vh;gap:14px}address{font-size:10px;gap:4px}address svg{width:16px;height:16px}.write{font-size:12px}}

/* Ajuste de composición: más imagen, textos contenidos y margen lateral amplio. */
@media(min-width:701px){
.page{padding-left:7%;padding-right:4.5%}
main{grid-template-columns:40% 60%;column-gap:1.5%}
section{padding-right:18px}
h1{font-size:min(4.15vw,6.6vh);line-height:1.07;margin-bottom:3vh}
.eyebrow{font-size:clamp(9px,.8vw,12px);letter-spacing:.30em}
.intro{font-size:clamp(14px,1.35vw,20px);line-height:1.45}
.muted{font-size:clamp(11px,1.02vw,16px)}
.button{font-size:clamp(12px,1.08vw,17px);padding:12px 16px;gap:10px}
.button svg{width:25px;height:25px}
.write{font-size:clamp(13px,1.1vw,17px)}
address{font-size:clamp(11px,1.05vw,16px)}
address a{gap:15px}
address svg{width:22px;height:22px}
figure{padding:12px 0 20px;gap:14px;overflow:hidden}
figure img{width:100%;height:100%;object-fit:cover;object-position:center 40%;mask-image:none;-webkit-mask-image:none}
figcaption{font-size:clamp(13px,1.1vw,17px);padding-left:3%;position:relative}
}
@media(max-width:700px){.page{padding-left:8%;padding-right:8%}h1{font-size:min(8.7vw,6svh)}.intro{font-size:clamp(13px,3.4vw,16px)}}