/* Menu Mi Casita */
.site-header .nav{gap:8px}
.site-header .nav>a:not(.nav-wa),.site-header .nav-drop>a{
display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid #eadbcb;border-radius:12px;background:#fcf7ee;color:#5c3321;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s,transform .18s}
.site-header .nav>a:not(.nav-wa):hover,.site-header .nav-drop>a:hover{background:#f5e5c9;border-color:#c69a60;color:#482111;transform:translateY(-2px);box-shadow:0 4px 10px #5d301112}
.site-header .nav a[aria-current="page"],.site-header .nav a[aria-current="true"]{background:#6b3822!important;border-color:#6b3822!important;color:#fff!important;box-shadow:0 3px 9px #54280e20}
.site-header .nav>a:focus-visible,.site-header .nav-drop>a:focus-visible,.site-header .submenu-toggle:focus-visible,.site-header .menu-toggle:focus-visible{outline:2px solid #a86b29;outline-offset:3px}
.site-header .nav-drop{gap:3px}
.site-header .submenu-toggle{border:1px solid #eadbcb;background:#fcf7ee;border-radius:9px;color:#6b3822;width:25px;min-height:38px;padding:0;transition:background .18s}
.site-header .submenu-toggle:hover{background:#f5e5c9}
.site-header .drop{padding:9px;border:1px solid #eadbcb;border-radius:14px;background:#fffdf9;box-shadow:0 14px 30px #49250d22;min-width:245px}
.site-header .drop a{padding:12px 14px;border-radius:8px;color:#5c3321;line-height:1.4;transition:background .18s}
.site-header .drop a:hover,.site-header .drop a:focus-visible{background:#f5e5c9;color:#482111}
.site-header .nav-wa{box-shadow:0 4px 12px #178a3820;transition:transform .18s,box-shadow .18s}
.site-header .nav-wa:hover{transform:translateY(-2px);box-shadow:0 6px 16px #178a3833}
.site-header .menu-toggle{border:1px solid #eadbcb;border-radius:10px;background:#fcf7ee;color:#6b3822}
@media(min-width:951px) and (max-width:1100px){.site-header .nav{gap:5px}.site-header .nav>a:not(.nav-wa),.site-header .nav-drop>a{font-size:13px;padding:10px 8px}.site-header .product-search{width:165px}.site-header .nav-wa{font-size:13px;padding:12px}}
@media(max-width:950px){.site-header .nav{gap:9px}.site-header .nav>a:not(.nav-wa),.site-header .nav-drop>a{justify-content:flex-start;padding:13px 16px;width:100%}.site-header .submenu-toggle{width:42px;min-height:42px}.site-header .nav-drop{gap:6px}.site-header .nav-drop .drop{min-width:0}.site-header .nav-wa{text-align:center}}
@media(prefers-reduced-motion:reduce){.site-header .nav a,.site-header .submenu-toggle{transition:none!important;transform:none!important}}

/* Productos: etiqueta y flecha como un solo control visual */
.site-header .nav-drop{gap:0}
.site-header .nav-drop>a{border-radius:12px 0 0 12px;border-right:0;padding-right:6px}
.site-header .nav-drop>.submenu-toggle{align-self:stretch;width:28px;min-height:42px;border-radius:0 12px 12px 0;border-left:0;background:#fcf7ee}
.site-header .nav-drop:hover>a,.site-header .nav-drop:hover>.submenu-toggle,.site-header .nav-drop.submenu-open>a,.site-header .nav-drop.submenu-open>.submenu-toggle{background:#f5e5c9;border-color:#c69a60;color:#482111;transform:none;box-shadow:none}
.site-header .nav-drop:has(>a[aria-current])>.submenu-toggle{background:#6b3822;border-color:#6b3822;color:#fff}
@media(max-width:950px){.site-header .nav-drop{gap:0}.site-header .nav-drop>.submenu-toggle{width:42px}.site-header .nav-drop>a{padding-right:6px}}