/* Shared presentation tokens and a neutral, persistent style comparison bar. */
:root{--page:#fff;--surface:#fff;--heading:var(--navy);--action:var(--navy);--action-ink:#fff;--cta-bg:#183547;--cta-ink:#fff;--hero-bg:#f7f8f5;--field-bg:#fff;--field-line:#aab8bc;--placeholder:#69797e;--stylebar-height:0px}
html{scroll-padding-top:calc(var(--stylebar-height) + 115px)}
body{background:var(--page)}
h1,h2,h3{color:var(--heading)}
.site-header{top:var(--stylebar-height);background:var(--surface)}
.home-hero{background:var(--hero-bg)}
.button-primary{background:var(--action);color:var(--action-ink)}
.button{transition:filter .18s}
.button-primary:hover{background:var(--action);filter:brightness(.9)}
.button-outline{border-color:var(--heading);color:var(--heading)}
.button-light{background:var(--cta-ink);color:var(--cta-bg)}
.button-light:hover{background:var(--cta-ink);filter:brightness(.9)}
.skip-link{background:var(--action);color:var(--action-ink);z-index:40}
.project-cta{background:var(--cta-bg);color:var(--cta-ink)}
.project-cta h2{color:var(--cta-ink)}
.view-project{background:var(--surface);color:var(--heading)}
.filters button[aria-pressed=true]{background:var(--action);color:var(--action-ink)}
.menu-toggle{background:var(--surface);color:var(--heading)}
input,select,textarea{background:var(--field-bg);border-color:var(--field-line);color:var(--ink);color-scheme:light}
input::placeholder,textarea::placeholder{color:var(--placeholder)}
.service-row{scroll-margin-top:calc(var(--stylebar-height) + 115px)}
.aguayo-catalog>figure{top:calc(var(--stylebar-height) + 130px)}
.contact-details dl>div:nth-child(2){grid-column:1/-1}
.hero-copy,.hero-photo,.project-card,.footer-top>*,.contact-layout>*,.section-heading>*{min-width:0}
.footer-contact>a,.contact-details a{overflow-wrap:anywhere}
.style-switcher{position:sticky;top:0;z-index:30;background:#edf1f4;border-bottom:1px solid #c9d3db;color:#183547;font:400 12px/1.4 'DM Sans','Segoe UI',Arial,sans-serif}
.style-switcher-inner{display:flex;align-items:center;gap:22px;padding-block:10px}
.style-switcher-label{flex-shrink:0;font-weight:600;margin:0;max-width:none}
.style-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;flex:1;max-width:780px}
.style-option{border:1px solid #b8c6d0;background:#fff;color:#183547;padding:9px 10px;min-height:44px;display:flex;justify-content:center;align-items:center;gap:8px;font:500 12px/1.2 'DM Sans','Segoe UI',Arial,sans-serif}
.style-option:hover{background:#e0e8ed}
.style-option[aria-pressed=true]{background:#183547;color:#fff;border-color:#183547;box-shadow:inset 0 -3px 0 #8faab9}
.style-option:focus-visible{outline:3px solid #267bb0;outline-offset:2px}
.style-swatch{width:13px;height:13px;flex-shrink:0;border:1px solid #93a5af;border-radius:50%;background:var(--swatch)}
.style-option[data-style-choice=atelier]{--swatch:#466b79}
.style-option[data-style-choice=obra]{--swatch:#b9441a}
.style-option[data-style-choice=galeria]{--swatch:#202a2d}
.style-option[data-style-choice=costa]{--swatch:#2c817a}
.style-option[data-style-choice=noche]{--swatch:#d8c59c}
.style-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){
 .style-switcher-inner{flex-direction:column;align-items:stretch;gap:7px;padding-block:8px}
 .style-switcher-label{font-size:10px}
 .style-options{flex:none;max-width:none;gap:4px}
 .style-option{padding:8px 3px;gap:4px;font-size:11px;white-space:nowrap;min-width:0}
 .style-swatch{display:none}
}