﻿<style>/* privacy */

* { margin:0; padding:0; box-sizing:border-box; }
body { background:#f0eeea; font-family:'Montserrat','Assistant',sans-serif; }
nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  display:flex; justify-content:space-between; align-items:center;
  padding:26px 48px;
  background:rgba(240,238,234,0.94);
  backdrop-filter:blur(10px);
}
nav a {
  text-decoration:none; color:#6b5e4e; font-size:10px;
  letter-spacing:0.20em; text-transform:uppercase;
  opacity:0.7; transition:opacity 0.3s;
}
nav a:hover { opacity:1; }
.nav-links { display:flex; gap:36px; }
main {
  max-width:760px; margin:0 auto;
  padding:130px 48px 100px;
}
.page-label {
  font-size:8.5px; letter-spacing:0.28em; text-transform:uppercase;
  color:#7a6a55; opacity:0.60; margin-bottom:16px; display:block;
}
h1 {
  font-size:30px; font-weight:300; color:#3a2e22;
  letter-spacing:0.04em; margin-bottom:12px;
}
.updated {
  font-size:9px; letter-spacing:0.14em; color:#7a6a55;
  opacity:0.55; margin-bottom:52px;
}
h2 {
  font-size:11px; letter-spacing:0.18em; text-transform:uppercase;
  color:#4a3828; opacity:0.80; margin:36px 0 12px;
}
p {
  font-size:12px; line-height:1.9; color:#5a4e40; opacity:0.82;
  margin-bottom:12px;
}
a { color:#4a3828; }
footer {
  border-top:0.5px solid rgba(74,56,40,0.10);
  padding:24px 48px;
  display:flex; justify-content:space-between; align-items:center;
}
.footer-logo {
  width:80px;
  filter:sepia(1) saturate(0.4) brightness(0.55);
  opacity:0.55;
}
.footer-copy { font-size:8px; letter-spacing:0.12em; color:#7a6a55; opacity:0.50; }
@media (max-width:767px) {
  nav { padding:20px 24px; }
  main { padding:100px 24px 60px; }
  h1 { font-size:24px; }
  footer { flex-direction:column; gap:12px; text-align:center; padding:20px 24px; }
}

/* ── ACCESSIBILITY WIDGET ── */
.a11y-btn {
  position:fixed; bottom:90px; right:32px; z-index:500;
  width:44px; height:44px; border-radius:50%;
  background:#f0eeea; border:0.7px solid rgba(74,56,40,0.35);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 2px 12px rgba(74,56,40,0.15);
  transition:transform 0.3s, box-shadow 0.3s;
}
.a11y-btn:hover { transform:scale(1.08); box-shadow:0 4px 18px rgba(74,56,40,0.25); }
.a11y-btn svg { width:20px; height:20px; stroke:#4a3828; fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }

.a11y-panel {
  position:fixed; bottom:144px; right:32px; z-index:500;
  background:#f0eeea; border:0.7px solid rgba(74,56,40,0.18);
  border-radius:12px; padding:20px 18px;
  box-shadow:0 8px 32px rgba(74,56,40,0.15);
  display:none; flex-direction:column; gap:10px;
  min-width:190px;
}
.a11y-panel.open { display:flex; }
.a11y-title {
  font-size:8px; letter-spacing:0.20em; text-transform:uppercase;
  color:#7a6a55; opacity:0.60; margin-bottom:4px;
}
.a11y-option {
  display:flex; align-items:center; justify-content:space-between;
  font-size:10px; letter-spacing:0.06em; color:#4a3828; opacity:0.80;
}
.a11y-controls { display:flex; gap:6px; align-items:center; }
.a11y-ctrl {
  width:26px; height:26px; border-radius:50%;
  border:0.7px solid rgba(74,56,40,0.30);
  background:none; cursor:pointer; font-size:13px;
  color:#4a3828; display:flex; align-items:center; justify-content:center;
  transition:background 0.2s;
}
.a11y-ctrl:hover { background:rgba(74,56,40,0.08); }
.a11y-toggle {
  width:36px; height:20px; border-radius:10px;
  background:rgba(74,56,40,0.15); border:none; cursor:pointer;
  position:relative; transition:background 0.3s;
}
.a11y-toggle.on { background:rgba(74,56,40,0.55); }
.a11y-toggle::after {
  content:''; position:absolute; top:3px; left:3px;
  width:14px; height:14px; border-radius:50%; background:#f0eeea;
  transition:transform 0.3s;
}
.a11y-toggle.on::after { transform:translateX(16px); }
@media (max-width:767px) {
  .a11y-btn { bottom:76px; right:20px; width:40px; height:40px; }
  .a11y-panel { right:20px; bottom:128px; }
  .wa-float { bottom:20px; right:20px; width:44px; height:44px; }
}

/* ── WHATSAPP ── */
.wa-float {
  position:fixed; bottom:32px; right:32px; z-index:500;
  width:50px; height:50px; border-radius:50%;
  background:#4a3828;
  display:flex; align-items:center; justify-content:center;
  text-decoration:none;
  box-shadow:0 4px 20px rgba(74,56,40,0.30);
  transition:transform 0.3s;
}
.wa-float:hover { transform:scale(1.08); }
.wa-float svg { width:22px; height:22px; fill:#f0eeea; }

body.high-contrast { background:#fff !important; color:#000 !important; filter:contrast(1.4); }
body.reduce-motion * { animation:none !important; transition:none !important; }



/* ── NAV ADDITIONS ── */
.nav-brand {
  font-size:10px; letter-spacing:0.22em; text-transform:uppercase; font-weight:500;
}
nav a.active {
  opacity:1; border-bottom:0.7px solid currentColor; padding-bottom:2px;
}
.nav-logo { width:120px; height:auto; display:block; }


/* ── HAMBURGER ── */
.nav-toggle {
  display:none; flex-direction:column; gap:5px; cursor:pointer;
  background:none; border:none; padding:4px; z-index:200;
}
.nav-toggle span {
  display:block; width:22px; height:1px;
  background:#4a3828;
  transition:transform 0.3s, opacity 0.3s;
}
.nav-toggle.open span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity:0; }
.nav-toggle.open span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }

@media (max-width:767px) {
  .nav-toggle { display:flex; }
  .nav-links {
    display:none; position:fixed; inset:0;
    background:rgba(240,238,234,0.97); backdrop-filter:blur(12px);
    flex-direction:column; align-items:center; justify-content:center;
    gap:36px; z-index:150; padding-top:25vh;
  }
  .nav-links.open { display:flex; }
  .nav-links a { font-size:16px; letter-spacing:0.18em; color:#3a2e22; opacity:0.85; }
  .nav-logo { width:80px; }
}
