:root{
  --bg:#f3f1ed;
  --surface:rgba(255,255,255,.78);
  --surface-strong:#ffffff;
  --text:#171717;
  --muted:#6f6f6f;
  --line:rgba(23,23,23,.09);
  --dark:#161616;
  --radius-xl:30px;
  --radius-lg:22px;
  --radius-md:16px;
  --shadow:0 18px 44px rgba(0,0,0,.07);
  --container:min(1180px, calc(100% - 2rem));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Inter",system-ui,sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#fafafa 0%, var(--bg) 100%);
}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,h4,ul,ol{margin:0}
img{display:block;max-width:100%}
.container{width:var(--container);margin:0 auto}

.site-header{
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(16px);
  background:rgba(250,250,250,.85);
  border-bottom:1px solid var(--line);
}
.nav{
  min-height:82px;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.brand{
  display:flex;flex-direction:column;gap:.15rem;
}
.brand-main{
  font-size:1.7rem;font-weight:800;letter-spacing:-.06em;
}
.brand-sub{
  font-size:.58rem;letter-spacing:.34em;color:var(--muted)
}
.nav-links{
  display:flex;gap:1.2rem;align-items:center;
}
.nav-links a{
  color:var(--muted);
  font-size:.96rem;
}
.nav-links a:hover{color:var(--text)}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.95rem 1.35rem;border-radius:999px;border:1px solid transparent;
  font-weight:600;transition:.2s ease;
}
.button-dark{background:var(--dark);color:#fff}
.button-light{background:rgba(255,255,255,.82);border-color:var(--line)}
.button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.08)}

.hero{
  padding:4.25rem 0 2rem;
}
.hero-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:end;
}
.eyebrow{
  display:inline-block;margin-bottom:1rem;
  font-size:.74rem;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--muted);
}
.hero h1{
  font-size:clamp(2.8rem, 5.5vw, 5rem);
  line-height:.95;letter-spacing:-.07em;max-width:10ch;
}
.hero h1 span{color:#7e7e7e}
.hero p{
  margin-top:1.25rem;max-width:58ch;color:var(--muted);line-height:1.72;font-size:1.04rem;
}
.hero-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-xl);box-shadow:var(--shadow);
  padding:1.4rem;
}
.hero-card h2{
  font-size:1.05rem;margin-bottom:.75rem
}
.hero-card p{margin-top:0;font-size:.97rem}
.hero-meta{
  margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);
  display:grid;gap:.9rem
}
.hero-meta strong{
  display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:.3rem;
}
.section{
  padding:2rem 0 4rem;
}
.legal-layout{
  display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start;
}
.toc,.content-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);box-shadow:var(--shadow);
}
.toc{
  position:sticky;top:104px;padding:1.1rem;
}
.toc h3{
  font-size:.88rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:.85rem;
}
.toc nav{
  display:grid;gap:.55rem;
}
.toc a{
  padding:.65rem .7rem;border-radius:12px;color:var(--muted);font-size:.95rem;
}
.toc a:hover{background:rgba(0,0,0,.035);color:var(--text)}

.content-card{padding:1.5rem}
.block{padding:1.35rem 0;border-bottom:1px solid var(--line)}
.block:last-child{border-bottom:0;padding-bottom:0}
.block h2{
  font-size:1.55rem;line-height:1.08;letter-spacing:-.04em;margin-bottom:.85rem
}
.block p,.block li{
  color:var(--muted);line-height:1.75;font-size:1rem;
}
.block ul,.block ol{
  padding-left:1.2rem;display:grid;gap:.55rem;margin-top:.8rem
}
.notice{
  margin-top:1rem;padding:1rem 1.05rem;border-radius:16px;
  background:rgba(0,0,0,.035);border:1px solid var(--line);
}
.notice strong{display:block;margin-bottom:.35rem}
.contact-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.8rem
}
.contact-item{
  padding:1rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.64)
}
.contact-item span{
  display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:.35rem
}

.site-footer{
  padding:0 0 2.4rem;
}
.footer-box{
  background:#161616;color:#fff;border-radius:var(--radius-xl);padding:1.5rem;
  display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1.2rem
}
.footer-box p,.footer-box a{color:rgba(255,255,255,.75);line-height:1.7}
.footer-box h3{margin-bottom:.55rem;font-size:1rem}
.footer-links{display:grid;gap:.45rem}

@media (max-width: 980px){
  .hero-grid,.legal-layout,.footer-box{grid-template-columns:1fr}
  .toc{position:static}
  .nav-links{display:none}
  .footer-brand-separated::after{display:none}
}
@media (max-width: 640px){
  .hero{padding-top:3rem}
  .content-card{padding:1.1rem}
  .contact-grid{grid-template-columns:1fr}
  .button{width:100%}
}


.brand-logo{
  display:inline-flex;
  align-items:center;
}
.brand-logo img{
  width:178px;
  height:auto;
}
.footer-brand img{
  width:180px;
  height:auto;
  display:block;
    margin-bottom:.9rem;
}


.footer-brand-separated{
  position: relative;
  justify-items: center;
  text-align: center;
  padding-right: 1.8rem;
  margin-right: 0.4rem;
}
.footer-brand-separated::after{
  content:"";
  position:absolute;
  top:0.2rem;
  right:0;
  width:1px;
  height:calc(100% - 0.4rem);
  background:rgba(255,255,255,0.14);
}
.footer-brand{
  display:grid;
  gap:0.9rem;
}
.footer-brand p{
  max-width:180px;
}


/* Footer aligned with main site */
.site-footer {
  padding: 0 0 2.8rem;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1fr 1fr;
  align-items: start;
  gap: 1.6rem;
  padding-top: 0.5rem;
}
.footer-grid > div {
  padding: 0;
}
.footer-grid-clean {
  border-top: 1px solid rgba(22,22,22,0.06);
  padding-top: 2rem;
}
.footer-brand {
  display: grid;
  justify-items: start;
  align-content: start;
}
.footer-brand img {
  width: 180px;
}
.footer-grid p,
.footer-links a {
  font-size: 0.92rem;
  line-height: 1.65;
}
.footer-links {
  display: grid;
  gap: 0.55rem;
}
.footer-bottom-clean {
  margin-top: 1.75rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(22,22,22,0.06);
  text-align: center;
}
.footer-bottom-clean p {
  color: #8a8a8a;
  font-size: 0.8rem;
  letter-spacing: 0.01em;
}

@media (max-width: 980px){
  .footer-grid{grid-template-columns:1fr}
}

.button-whatsapp { background: var(--whatsapp-btn-bg, #161616); color: var(--whatsapp-btn-text, #fff); }
.site-nav a.active, .site-nav a:hover { color: var(--text); }


/* Compatibilidad con header global del sitio */
.nav-wrap{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:1.5rem;
  min-height:88px;
}
.brand img{width:182px}
.site-nav{
  display:flex;
  justify-content:center;
  gap:1.45rem;
}
.site-nav a{
  color:var(--muted);
  font-size:.96rem;
  transition:color .25s ease;
}
.site-nav a:hover,
.site-nav a.active{color:var(--text)}
.menu-toggle{
  display:none;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(22,22,22,.08);
  background:rgba(255,255,255,.9);
  cursor:pointer;
  padding:0;
  place-items:center;
  position:relative;
}
.menu-toggle span{
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:2px;
  margin:0;
  background:var(--dark);
  transition:transform .24s ease, opacity .2s ease;
  transform-origin:center;
}
.menu-toggle span:first-child{
  transform:translate(-50%, calc(-50% - 2.5px));
}
.menu-toggle span:last-child{
  transform:translate(-50%, calc(-50% + 2.5px));
}
.menu-toggle.is-open span:first-child{
  transform:translate(-50%, -50%) rotate(45deg);
}
.menu-toggle.is-open span:last-child{
  transform:translate(-50%, -50%) rotate(-45deg);
}
.site-shell{min-height:100vh}

@media (max-width:980px){
  .nav-wrap{
    grid-template-columns:auto auto;
    justify-content:space-between;
  }
  .site-nav{
    grid-column:1 / -1;
    order:3;
    flex-wrap:wrap;
    justify-content:flex-start;
    padding-bottom:1rem;
  }
}


/* Correcciones visuales v7 */
@media (min-width: 981px){
  .menu-toggle{display:none !important}
}
@media (max-width: 980px){
  .menu-toggle{display:grid !important}
  .site-nav{
    position:absolute;
    top:calc(100% + .4rem);
    right:1rem;
    left:1rem;
    display:none;
    flex-direction:column;
    gap:1rem;
    padding:1rem;
    background:rgba(255,255,255,.96);
    border-radius:24px;
    border:1px solid rgba(22,22,22,.08);
    box-shadow:var(--shadow);
    z-index:110;
  }
  .site-nav.is-open{display:flex}
}


/* Patch v13: icono hamburguesa mobile más cerrado, sin tocar layout */
@media (max-width: 980px) {
  .menu-toggle span {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    width: 18px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 999px;
    transform-origin: center !important;
  }

  .menu-toggle span:first-child {
    top: calc(50% - 3px) !important;
    transform: translateX(-50%) !important;
  }

  .menu-toggle span:last-child {
    top: calc(50% + 3px) !important;
    transform: translateX(-50%) !important;
  }

  .menu-toggle.is-open span:first-child {
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  .menu-toggle.is-open span:last-child {
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }
}


/* v14: igualar header móvil de legales con páginas principales */
@media (max-width: 980px){
  .site-nav{
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }
}

@media (max-width: 760px){
  .site-header{
    padding: 0.85rem 0;
  }
  .nav-wrap{
    min-height: 72px;
  }
  .brand img{
    width: 142px;
  }
  .menu-toggle{
    width: 44px;
    height: 44px;
  }
  .site-nav{
    top: calc(100% + 0.35rem);
    border-radius: 20px;
    padding: 1rem;
  }
  .menu-toggle span:first-child{
    top: calc(50% - 3px) !important;
    transform: translateX(-50%) !important;
  }
  .menu-toggle span:last-child{
    top: calc(50% + 3px) !important;
    transform: translateX(-50%) !important;
  }
  .menu-toggle.is-open span:first-child{
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }
  .menu-toggle.is-open span:last-child{
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }
}


/* Patch v23: centrar solo el footer móvil de páginas legales */
@media (max-width: 760px){
  .site-footer .footer-grid{
    grid-template-columns: 1fr !important;
    gap: 1.15rem;
  }
  .site-footer .footer-brand{
    justify-items: center !important;
    justify-self: center;
    text-align: center !important;
    align-content: start;
    padding-bottom: 0.35rem;
  }
  .site-footer .footer-brand img{
    margin-inline: auto;
  }
  .site-footer .footer-brand p{
    margin-inline: auto;
  }
  .site-footer .footer-grid > div{
    padding: 0;
  }
  .site-footer .footer-bottom-clean{
    margin-top: 1.35rem;
  }
}