.site-header,.site-header *{box-sizing:border-box}
.site-header{position:sticky;top:0;z-index:60;padding:14px 0;font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}
.site-header.is-fixed{position:fixed;left:0;right:0}
.site-header a{color:inherit;text-decoration:none}
.site-header .wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-radius:999px;padding:10px 12px 10px 22px;box-shadow:0 2px 14px rgba(120,90,20,.07)}
.site-header .logo img{display:block;height:34px;width:auto}
.site-header .nav{display:flex;gap:6px;align-items:center}
.site-header .nav a{padding:9px 16px;border-radius:999px;font-weight:500;font-size:15px;color:#4a4437;transition:background .2s,color .2s}
.site-header .nav a:hover{background:#fff4d2}
.site-header .nav a[aria-current=page]{background:#ffebaf;color:#b3821c}
.site-header .cta{background:#ffebaf;color:#b3821c;font-weight:600;font-size:15px;padding:11px 20px;border-radius:999px;white-space:nowrap;transition:transform .2s,background .2s}
.site-header .cta:hover{transform:translateY(-1px);background:#f6d36b}
.site-header .burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:0;position:relative}
.site-header .burger span,.site-header .burger:before,.site-header .burger:after{content:"";position:absolute;left:11px;right:11px;height:2px;background:#b3821c;border-radius:2px;transition:.25s}
.site-header .burger:before{top:15px}.site-header .burger span{top:21px}.site-header .burger:after{top:27px}
.site-header .burger[aria-expanded=true]:before{top:21px;transform:rotate(45deg)}
.site-header .burger[aria-expanded=true] span{opacity:0}
.site-header .burger[aria-expanded=true]:after{top:21px;transform:rotate(-45deg)}
.site-header .menu{display:none}
.site-header .nav a,.site-header .more-btn{white-space:nowrap}
.site-header .more{position:relative}
.site-header .more-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px 9px 16px;border:0;border-radius:999px;background:none;font:inherit;font-weight:500;font-size:15px;color:#4a4437;cursor:pointer;transition:background .2s,color .2s}
.site-header .more-btn:hover,.site-header .more-btn[aria-expanded=true]{background:#fff4d2}
.site-header .more-btn[aria-current=page]{background:#ffebaf;color:#b3821c}
.site-header .more-btn svg{width:11px;height:8px;transition:transform .2s}
.site-header .more-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.site-header .more-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:200px;flex-direction:column;gap:2px;background:#fff;border-radius:20px;padding:8px;box-shadow:0 10px 30px rgba(120,90,20,.14)}
.site-header .more-menu.open{display:flex}
.site-header .more-menu a{padding:11px 16px;border-radius:12px;font-weight:500;font-size:15px;color:#4a4437}
.site-header .more-menu a:hover{background:#fff4d2}
.site-header .more-menu a[aria-current=page]{background:#ffebaf;color:#b3821c}
.site-header .menu-sep{display:block;height:1px;background:#f1e8d3;margin:6px 10px}
/* El encabezado original de Framer y la barra flotante se reemplazan por este */
.framer-1h1h771-container,#ff-nav{display:none!important}
.framer-1xncmfu{display:none!important}
/* Framer bakes a fixed pixel height per breakpoint for the whole page, sized
   to include the social-links row we just hid. Let it size to its real
   content instead, so hiding that row doesn't leave a blank gap. */
.framer-YlEP2.framer-72rtr7{height:auto!important;overflow:visible!important}
.framer-YlEP2 .framer-m4kb7p{position:static!important}
@media (max-width:1180px){
  .site-header .nav{gap:2px}
  .site-header .nav a,.site-header .more-btn{padding:9px 11px;font-size:14.5px}
  .site-header .bar>.cta{padding:11px 16px;font-size:14.5px}
}
@media (max-width:1020px){
  .site-header .nav,.site-header .bar>.cta{display:none}
  .site-header .burger{display:block}
  .site-header .bar{padding:8px 8px 8px 20px}
  .site-header .menu.open{display:flex;flex-direction:column;background:#fff;border-radius:24px;margin-top:8px;padding:10px;box-shadow:0 8px 24px rgba(120,90,20,.1)}
  .site-header .menu a{padding:14px 16px;border-radius:14px;font-weight:500}
  .site-header .menu{max-height:calc(100vh - 110px);overflow-y:auto}
  .site-header .menu a[aria-current=page]{background:#ffebaf;color:#b3821c}
  .site-header .menu .cta{display:block;text-align:center;margin-top:6px}
}

/* Texto solo para lectores de pantalla y buscadores */
.ff-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}