/* Shared site styles. Loaded by every page before its own <style>, so page rules override these. Edit here once, not in 26 files. */
/* Brand palette and type stacks. Every page reads these. */
:root{
  --yellow:#f6c026;
  --orange:#f6921e;
  --red:#e2391d;
  --palm:#6a8f4e;
  --palm-dark:#3e5c2a;
  --cream:#f3f3f1;
  --dark:#111;
  --muted:#6b6b6b;
  --serif:Georgia,"Times New Roman",serif;
  --sans:"Helvetica Neue",Arial,sans-serif;
  --newsprint:#f4ecd8;
  --ink:#1a1816;
  --rule:#1a1816;
  --red-dark:#b62815;
}
*{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.menu-btn:hover{color:var(--red)}
.nav-overlay.open{opacity:1;visibility:visible}
.nav-link-list li:hover{color:var(--orange)}
.store-locator{position:relative;font-family:var(--sans)}
.store-locator.open .chev{transform:rotate(180deg)}
.store-locator.open .store-menu{opacity:1;visibility:visible;transform:translateY(0)}
.brand{justify-self:center;display:flex;align-items:center;z-index:2;pointer-events:auto}
.brand img{height:80px;width:auto}
.header-right{display:flex;align-items:center;gap:15px;justify-self:end}
.lang-select{padding:9px 14px;border:1px solid #ddd;border-radius:4px;background:#fff;font-family:var(--sans);font-size:14px;font-weight:600}
footer{background:var(--orange);color:#fff;padding:54px 40px 26px;position:relative;overflow:hidden}
.footer-top{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-bottom:26px}
.footer-brand img{height:78px;width:auto}
.footer-contact{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.footer-casa{font-family:var(--serif);font-style:italic;font-weight:700;font-size:26px;color:#fff}
.footer-sep{width:1px;height:34px;background:rgba(255,255,255,.5)}
.footer-phone{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:800;font-size:20px;color:#fff}
.footer-phone svg{width:26px;height:26px;fill:#fff;flex-shrink:0}
.footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:34px;padding:34px 0 30px;border-top:1px solid rgba(255,255,255,.35)}
.footer-grid h5{color:#fff;letter-spacing:1.5px;margin-bottom:15px;font-size:14px;text-transform:uppercase;font-weight:800;font-family:var(--sans)}
.footer-grid ul{list-style:none}
.footer-grid li{margin-bottom:10px;font-size:15px;font-weight:400}
.footer-grid a{color:#fff;opacity:.92}
.footer-grid a:hover{opacity:1;text-decoration:underline}
.socials{display:flex;gap:12px}
.socials a{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;transition:all .2s}
.socials a:hover{background:#fff;color:var(--orange)}
.copy{max-width:1240px;margin:0 auto;text-align:center;color:#fff;font-size:12px;padding-top:22px;border-top:1px solid rgba(255,255,255,.35);font-weight:400;letter-spacing:.4px;opacity:.92}
.palmera-fab{position:fixed;right:22px;bottom:22px;z-index:900;line-height:0;display:block;transition:transform .25s ease;filter:drop-shadow(0 8px 16px rgba(0,0,0,.28))}
.palmera-fab:hover{transform:scale(.9)}
.palmera-fab img{width:120px;height:auto;display:block}
.store-list li,.store-list-menu li{position:relative}
.store-list .name a,.store-list-menu .name a{color:inherit;text-decoration:none}
.store-list .name a::after,.store-list-menu .name a::after{content:"";position:absolute;inset:0}