:root{--green:#344431;--ink:#20241d;--sand:#e8dfcc;--cream:#f7f2e8;--rust:#a65f3f;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Georgia,serif;line-height:1.08;margin:.25em 0}h1{font-size:clamp(3rem,7vw,6.7rem)}h2{font-size:clamp(2rem,4vw,4rem)}h3{font-size:1.5rem}.container{width:min(var(--max),calc(100% - 3rem));margin:auto}.site-header{position:relative;z-index:20;background:rgba(247,242,232,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(52,68,49,.15)}.nav{min-height:88px;width:min(var(--max),calc(100% - 3rem));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem}.brand img{width:54px;height:54px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:1.4rem;font-size:.9rem;font-weight:600}.nav-links>a:hover{color:var(--rust)}.langs{display:flex;border-left:1px solid #aaa;padding-left:1rem;gap:.5rem;font-size:.75rem}.menu-toggle{display:none;border:1px solid var(--green);background:none;padding:.6rem 1rem}.hero{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--green);color:white}.hero-copy{padding:clamp(3rem,8vw,8rem);align-self:center}.hero-copy p{max-width:650px;font-size:1.1rem}.hero-image{background:url('/assets/images/hero-horse.jpg') center 35%/cover}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--rust)}.hero .eyebrow,.dark .eyebrow{color:var(--sand)}.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--rust);background:var(--rust);color:white;padding:.85rem 1.25rem;font:600 .9rem Arial;cursor:pointer}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{background:transparent;color:inherit;border-color:currentColor}.btn.light{background:var(--sand);border-color:var(--sand);color:var(--ink)}section{padding:clamp(4rem,8vw,8rem) 0}.hero,.page-hero{padding:0}.page-hero{background:var(--green);color:white}.page-hero .container{padding:clamp(4rem,8vw,8rem) 0}.page-hero .lead{max-width:780px}.lead{font-size:1.2rem}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cards article{padding:2rem;background:white;border-top:3px solid var(--rust)}.cards article>b{color:var(--rust)}.dark{background:var(--ink);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.split>img{width:100%;max-height:650px;object-fit:cover}.callout{border:1px solid var(--green);padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem}form{background:white;padding:clamp(1.5rem,4vw,3rem);display:grid;gap:1rem}label{display:grid;gap:.35rem;font-weight:600}input,textarea{width:100%;border:1px solid #b8b5ab;background:#fbfaf6;padding:.85rem;font:inherit}textarea{min-height:150px;resize:vertical}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.hp{position:absolute!important;left:-9999px!important}.form-status{min-height:1.7em}.prose{max-width:850px}.prose h2{font-size:2rem;margin-top:2em}footer{background:var(--green);color:white;padding:4rem 0 2rem}.footer-grid{width:min(var(--max),calc(100% - 3rem));margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4rem}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}footer small{display:block;width:min(var(--max),calc(100% - 3rem));margin:3rem auto 0;border-top:1px solid #ffffff33;padding-top:1rem}.social{display:flex;gap:.5rem}.social a{--brand:var(--sand);position:relative;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;color:var(--sand);transition:.18s ease;font-size:.78rem;font-weight:700}.social a:hover{transform:scale(1.2);color:white;background:var(--brand);border-color:var(--brand);z-index:3}.social a:hover:after{content:attr(data-label);position:absolute;right:120%;white-space:nowrap;background:var(--ink);color:white;padding:.25rem .5rem;border-radius:3px;font-size:.65rem}.social-facebook{--brand:#1877f2!important}.social-youtube{--brand:#f00!important}.social-instagram{--brand:#e4405f!important}.social-linkedin{--brand:#0a66c2!important}.social-whatsapp{--brand:#25d366!important}.social-phone{--brand:#2196f3!important}.social-email{--brand:#ea4335!important}.floating{position:fixed;z-index:15;right:14px;top:120px;flex-direction:column;padding:.45rem;background:rgba(52,68,49,.88);border-radius:24px}.footer-social{margin-top:1rem;flex-wrap:wrap}@media(max-width:850px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:88px;left:0;right:0;background:var(--cream);padding:2rem;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero{grid-template-columns:1fr}.hero-image{min-height:48vh;order:-1}.intro,.split,.contact-grid,.footer-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.callout{align-items:flex-start;flex-direction:column}.floating{right:6px;top:105px}.social a{width:30px;height:30px}}@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:rise .7s both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}

.photo-gallery{background:#eee6d8}.photo-gallery h2{margin-bottom:2rem}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.photo-grid figure{margin:0;background:#fff;overflow:hidden}.photo-grid img{width:100%;height:290px;object-fit:cover;transition:transform .35s ease}.photo-grid figure:hover img{transform:scale(1.035)}.photo-grid figcaption{padding:.65rem 1rem;font-size:.75rem;color:#5b5f55}@media(max-width:850px){.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-grid img{height:220px}}@media(max-width:520px){.photo-grid{grid-template-columns:1fr}.photo-grid img{height:auto}}

/* MASDECOSTA DESIGN UPDATE 2026-07-14 */
@font-face{font-family:'Allura';src:url('/assets/fonts/allura-latin-ext-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Allura';src:url('/assets/fonts/allura-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
h1,h2,h3{font-family:'Allura',cursive;font-weight:400;line-height:1.08}
h1{font-size:clamp(3.75rem,8.75vw,8.375rem)}
.nav{min-height:132px}
.brand img{width:122px;height:auto;max-height:112px;object-fit:contain}
.floating{top:164px}
@media(max-width:850px){.nav-links{top:132px}.floating{top:149px}.brand img{width:110px;max-height:104px}}

/* MASDECOSTA EDGE-TO-EDGE HEADER LOGO 2026-07-14 */
.site-header .brand{position:relative;width:247px;height:132px;flex:0 0 247px;overflow:hidden}
.site-header .brand img{position:absolute;width:306.3px;height:213.6px;max-width:none;max-height:none;left:-31.2px;top:-33.4px;object-fit:fill}
@media(max-width:850px){.nav{gap:.5rem}.site-header .brand{width:247px;height:132px;flex-basis:247px}.site-header .brand img{width:306.3px;height:213.6px;left:-31.2px;top:-33.4px}}
@media(max-width:380px){.site-header .brand{width:178px;height:95px;flex-basis:178px}.site-header .brand img{width:220.5px;height:153.7px;left:-22.4px;top:-24px}}
