.top{height:118px!important;display:grid!important;grid-template-columns:260px minmax(0,1fr) auto;gap:24px;padding:0 max(4vw,28px)!important;align-items:center!important;position:relative}.top .brand{display:grid;place-items:center;width:100%;height:100%}.top .brand img{width:238px!important;height:98px!important;display:block;filter:brightness(0);object-fit:contain;object-position:center}.top-filters{display:flex;justify-content:center;align-items:center;gap:12px;min-width:0}.top-filters a{border:1px solid var(--line);background:#fffdf9;color:var(--ink);font-size:14px;padding:12px 19px;border-radius:999px;cursor:pointer;white-space:nowrap;text-decoration:none}.top-filters a:hover{background:var(--copper);border-color:var(--copper);color:#fff}.main-nav{display:flex!important;align-items:center;gap:18px;justify-content:flex-end;white-space:nowrap}.intro .filters{display:none}@media(max-width:1260px){.top{grid-template-columns:220px minmax(0,1fr)!important;height:156px!important;padding-top:10px!important;padding-bottom:10px!important}.top .brand img{width:205px!important;height:84px!important}.top-filters{grid-column:1/-1;grid-row:2;justify-content:center}.main-nav{grid-column:2;grid-row:1}.top-filters a{padding:10px 16px}}@media(max-width:760px){.top{height:145px!important;grid-template-columns:1fr auto!important;gap:8px;padding:5px 18px!important}.top .brand img{width:175px!important;height:68px!important}.main-nav a{display:none}.main-nav{gap:0}.top-filters{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:6px}.top-filters a{font-size:12px;padding:9px 13px;flex:0 0 auto}.cart-trigger{font-size:12px}}
.top{height:124px!important;grid-template-columns:290px minmax(0,1fr) auto!important}.top .brand img{width:272px!important;height:106px!important}@media(max-width:1260px){.top{grid-template-columns:240px minmax(0,1fr)!important;height:160px!important}.top .brand img{width:225px!important;height:90px!important}}
/* Cabecera fluida: evita que categorías y acciones se corten en pantallas intermedias. */
.top{height:auto!important;min-height:148px!important;grid-template-columns:minmax(210px,250px) minmax(0,1fr)!important;grid-template-rows:minmax(72px,1fr) auto!important;grid-template-areas:"brand nav" "brand filters"!important;column-gap:26px!important;row-gap:8px!important;padding:10px clamp(22px,4vw,72px)!important}.top .brand{grid-area:brand}.top .brand img{width:230px!important;height:94px!important}.top-filters{grid-area:filters;justify-content:flex-start!important;flex-wrap:wrap;padding:0 0 8px}.main-nav{grid-area:nav;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap;white-space:normal!important}.main-nav>a:not(.nav-cta),.top-filters a{font-size:14px;padding:10px 15px}.top .language-switch{flex:0 0 auto}@media(max-width:1100px){.top{min-height:160px!important;grid-template-columns:minmax(180px,220px) minmax(0,1fr)!important}.top .brand img{width:200px!important;height:82px!important}.main-nav>a:not(.nav-cta),.top-filters a{font-size:13px;padding:9px 12px}}@media(max-width:760px){.top{min-height:142px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:74px auto!important;grid-template-areas:"brand nav" "filters filters"!important;padding:5px 15px!important;column-gap:8px!important}.top .brand{justify-items:start}.top .brand img{width:150px!important;height:64px!important}.main-nav{flex-wrap:nowrap!important}.main-nav a,.main-nav .nav-cta{display:none!important}.top-filters{flex-wrap:nowrap!important;overflow-x:auto;padding:0 0 8px!important;scrollbar-width:thin}.top-filters a{font-size:12px;padding:9px 13px;flex:0 0 auto}}
/* Dos filas equilibradas: marca y acciones arriba; categorías centradas abajo. */
@media(min-width:761px){.top{min-height:142px!important;grid-template-columns:minmax(190px,250px) minmax(0,1fr)!important;grid-template-rows:78px 54px!important;grid-template-areas:"brand nav" "filters filters"!important;row-gap:0!important}.top .brand{justify-items:start}.top .brand img{width:190px!important;height:74px!important}.top-filters{justify-content:center!important;align-self:center;padding:0!important}.main-nav{align-self:center}.top-filters a{padding:9px 17px}}@media(min-width:761px) and (max-width:1100px){.top{grid-template-rows:76px 58px!important}.top .brand img{width:175px!important;height:68px!important}.top-filters a{padding:9px 13px}}
/* Paleta de navegación: carbón y texto claro. */
.top{background:#3B3B3B!important;border-color:#547C85!important}.top .brand img{filter:brightness(0) invert(1)!important}.top-filters a,.main-nav>a:not(.nav-cta){background:transparent!important;border-color:transparent!important;color:#FAF8F5!important;font-weight:700}.top-filters a:hover,.main-nav>a:not(.nav-cta):hover{background:#547C85!important;border-color:#547C85!important;color:#FAF8F5!important}.main-nav .nav-cta{background:#7A4419!important;color:#FAF8F5!important}.main-nav .nav-cta:hover{background:var(--copper)!important}.top .cart-trigger{background:transparent!important;border-color:#547C85!important;color:#FAF8F5!important}.top .language-switch{border-color:#547C85!important}.top .language-switch a{background:transparent!important;color:#FAF8F5!important}.top .language-switch a[aria-current="page"]{background:var(--copper)!important;color:#FAF8F5!important}
/* Barra compacta en escritorio: dos filas cortas sin espacio sobrante. */
@media(min-width:761px){.top{height:112px!important;min-height:112px!important;grid-template-rows:62px 42px!important;padding-top:4px!important;padding-bottom:4px!important}.top .brand img{width:150px!important;height:58px!important}.main-nav{gap:8px!important}.main-nav>a:not(.nav-cta),.top-filters a{font-size:13px!important;padding:8px 13px!important}.top .cart-trigger{padding:8px 11px!important}.top .language-switch a{padding:7px 11px!important}.top-filters{padding-bottom:0!important}}@media(min-width:761px) and (max-width:1100px){.top{height:120px!important;min-height:120px!important;grid-template-rows:68px 44px!important}.top .brand img{width:145px!important;height:56px!important}}
/* Escritorio amplio: una sola barra proporcionada. */
@media(min-width:1250px){.top{height:86px!important;min-height:86px!important;grid-template-columns:190px minmax(420px,1fr) auto!important;grid-template-rows:1fr!important;grid-template-areas:"brand filters nav"!important;gap:18px!important;padding:6px clamp(24px,4vw,72px)!important}.top .brand img{width:174px!important;height:68px!important}.top-filters{justify-content:center!important;flex-wrap:nowrap!important;overflow:visible!important}.main-nav{flex-wrap:nowrap!important;gap:7px!important}.main-nav>a:not(.nav-cta),.top-filters a{font-size:13px!important;padding:8px 11px!important}.main-nav .nav-cta{padding:10px 14px!important}.top .cart-trigger{font-size:13px!important;padding:8px 11px!important}.top .language-switch a{padding:7px 10px!important}}
/* Logo principal amplio, nítido y proporcionado. */
@media(min-width:1250px){.top{grid-template-columns:235px minmax(370px,1fr) auto!important}.top .brand img{width:218px!important;height:78px!important;image-rendering:auto}}
@media(min-width:761px) and (max-width:1249px){.top .brand img{width:185px!important;height:72px!important;image-rendering:auto}}
/* Menús legibles: las etiquetas extensas se distribuyen dentro de cada botón. */
.top-filters,.main-nav{white-space:normal!important}.top-filters a,.main-nav>a:not(.nav-cta),.main-nav .nav-cta,.top .cart-trigger{white-space:normal!important;text-align:center;justify-content:center;align-items:center;line-height:1.14;font-size:18px!important;font-weight:700!important;min-height:50px}.top-filters a{display:inline-flex;max-width:170px}.main-nav>a:not(.nav-cta),.main-nav .nav-cta{display:inline-flex;max-width:142px}.top .cart-trigger{display:inline-flex;gap:5px;max-width:106px}.main-nav .nav-cta{padding-left:16px!important;padding-right:16px!important}.top .language-switch a{font-size:15px!important}
@media(min-width:1250px){.top{height:102px!important;min-height:102px!important;grid-template-columns:235px minmax(380px,1fr) auto!important}.top-filters,.main-nav{gap:10px!important}.top-filters a{padding:9px 13px!important}.main-nav>a:not(.nav-cta),.top .cart-trigger{padding:9px 12px!important}}
@media(min-width:761px) and (max-width:1249px){.top{height:174px!important;min-height:174px!important}.top-filters a,.main-nav>a:not(.nav-cta),.main-nav .nav-cta,.top .cart-trigger{font-size:16px!important;min-height:44px}.top-filters a{max-width:155px}.main-nav>a:not(.nav-cta),.main-nav .nav-cta{max-width:125px}}
@media(max-width:760px){.top-filters a{font-size:15px!important;line-height:1.14;white-space:normal!important;max-width:132px;min-height:42px}.top-filters{align-items:stretch!important}}
/* Menú unificado con estado activo de sección. */
.top-filters a,.main-nav>a:not(.nav-cta),.main-nav .nav-cta{border:0!important;background:transparent!important;color:#FAF8F5!important;border-radius:999px!important;font-weight:700!important}.top-filters a.is-current,.main-nav>a.is-current,.main-nav .nav-cta.is-current{background:#547C85!important;color:#FAF8F5!important}.top-filters a:hover,.main-nav>a:not(.nav-cta):hover,.main-nav .nav-cta:hover{background:#50504e!important;color:#FAF8F5!important}.top-filters a.is-current:hover,.main-nav>a.is-current:hover,.main-nav .nav-cta.is-current:hover{background:#547C85!important}
.top .cart-trigger,.main-nav .nav-cta{border:0!important;background:transparent!important;color:#FAF8F5!important;border-radius:999px!important;font:inherit;font-weight:700!important;padding:8px 11px!important}.top .cart-trigger:hover,.main-nav .nav-cta:hover{background:#50504e!important}.main-nav .nav-cta.is-current{background:#547C85!important;color:#FAF8F5!important}
.main-nav .nav-cta,.main-nav .nav-cta:hover,.main-nav .nav-cta.is-current{background:transparent!important;color:#FAF8F5!important}
@media(min-width:1250px){.top{height:108px!important;min-height:108px!important;grid-template-columns:220px minmax(480px,1fr) auto!important;padding:8px clamp(30px,4vw,80px)!important}.top .brand img{width:200px!important;height:80px!important}.main-nav{gap:11px!important}.main-nav>a:not(.nav-cta),.top-filters a{font-size:15px!important;padding:11px 14px!important}.main-nav .nav-cta{padding:12px 16px!important}.top .cart-trigger{font-size:15px!important;padding:11px 14px!important}.top .language-switch a{font-size:14px!important;padding:9px 12px!important}}
/* Tamaño de referencia único para todos los menús del sitio. */
@media(min-width:761px){.top-filters a,.main-nav>a:not(.nav-cta),.main-nav .nav-cta,.top .cart-trigger{font-size:19px!important;line-height:1.14!important}.top .language-switch a{font-size:15px!important}}
@media(max-width:760px){.top-filters a{font-size:16px!important}.top .cart-trigger{font-size:16px!important}}
.top-filters a.is-current,.main-nav>a.is-current,.main-nav .nav-cta.is-current{background:#242424!important;color:#FAF8F5!important;box-shadow:inset 0 -2px 0 #B87333}.top-filters a.is-current:hover,.main-nav>a.is-current:hover,.main-nav .nav-cta.is-current:hover{background:#242424!important}
.top .main-nav>a,.top .cart-trigger,.top .top-filters a{font-weight:500!important}
@media(min-width:1101px){.top .brand img{width:205px!important;height:96px!important}}
@media(min-width:761px) and (max-width:1100px){.top .brand img{width:180px!important;height:84px!important}}
@media(min-width:761px){.top .language-switch{margin-left:22px!important}.top .language-switch a{font-size:13px!important;padding:6px 10px!important}}

/* Móvil: las tres colecciones caben sin desplazamiento horizontal. */
@media(max-width:760px){.top{grid-template-rows:78px auto!important;min-height:154px!important}.top-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;padding:0 0 8px!important}.top-filters a{display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:50px!important;padding:7px 4px!important;font-size:15px!important;line-height:1.12!important}.top .brand img{width:150px!important;height:66px!important}}

/* Selector de idioma discreto y alineado al extremo derecho. */
.top .language-switch{margin-left:clamp(18px,2vw,34px)!important;align-self:center!important;flex:0 0 auto!important}.top .language-switch a{min-height:0!important;padding:5px 9px!important;font-size:12px!important;line-height:1.15!important;font-weight:700!important}.top .language-switch a:first-child{padding-left:10px!important}.top .language-switch a:last-child{padding-right:10px!important}@media(max-width:760px){.top .language-switch{margin-left:12px!important}.top .language-switch a{padding:5px 8px!important;font-size:12px!important}}

/* Navegación proporcionada al sistema tipográfico general. */
.top .main-nav>a,.top .cart-trigger,.top .top-filters a{font-size:clamp(.92rem,.42vw + .82rem,1.06rem)!important;line-height:1.16!important;font-weight:500!important}.top .language-switch a{font-size:clamp(.7rem,.18vw + .69rem,.78rem)!important}@media(max-width:760px){.top .main-nav>a,.top .cart-trigger,.top .top-filters a{font-size:clamp(.83rem,3.25vw,.96rem)!important;line-height:1.14!important}.top .language-switch a{font-size:.72rem!important}}