/* Cabecera Import. Marca compartida con el footer. */
body.zti-experience .zti-brand { display:inline-flex; align-items:center; gap:9px; color:#fff; text-decoration:none; min-width:0; }
.zti-brand-symbol { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; padding:5px; border:1px solid #ffed67; border-radius:14px; background:linear-gradient(135deg,#fff870,#ffdf00); box-shadow:inset 0 1px 2px #fff7; filter:drop-shadow(0 0 7px #ffe60030); }
.zti-brand-symbol img { width:100%; height:100%; object-fit:contain; }
.zti-brand strong { display:block; font-size:22px; font-weight:950; line-height:1.1; letter-spacing:-.055em; }
.zti-brand strong span { color:#ffe600; }
.zti-brand small { display:block; font-size:8px; letter-spacing:.08em; color:#ddd; margin-top:5px; font-weight:800; }
body.zti-experience .zti-cart-count,[data-zti-fav-count] { position:absolute; top:-5px; right:-3px; min-width:18px; height:18px; display:grid; place-items:center; padding:0 4px; border:1px solid #111; border-radius:10px; background:#ffe600; color:#111; font-size:10px; line-height:1; font-weight:800; }
@media (max-width:1250px) { .zti-footer .zti-brand strong { font-size:20px; } }
@media (max-width:767px) {
    .zti-footer .zti-brand-symbol { width:34px; height:34px; padding:4px; border-radius:11px; }
    .zti-footer .zti-brand small { font-size:7px; }
}

/* Superficies y geometría de escritorio como ZonaTronik. */
body.zti-experience #zt-header.zti-header {
    --zti-header-gold:#ffe000;
    position:sticky!important; top:0; z-index:99990; isolation:isolate;
    width:100%; margin:0; padding:0!important; color:#fff;
    border-bottom:1px solid #ffe00033;
    background:radial-gradient(circle at 18% -80%,#ffe00029,transparent 38%),linear-gradient(112deg,#050505,#111 55%,#070707)!important;
    box-shadow:0 8px 28px #0000003d;
}
#zt-header,#zt-header * { box-sizing:border-box; }
#zt-header,.zt-header-spacer { overflow-anchor:none; }
#zt-header::after { content:''; position:absolute; right:0; bottom:-1px; left:0; height:1px; background:linear-gradient(90deg,transparent,#ffe000b8 20%,#ffe0002e 70%,transparent); pointer-events:none; }
body.zti-experience.admin-bar #zt-header.zti-header { top:32px; }
body.zti-experience .zt-header-spacer { display:none!important; height:0!important; }
#zt-header .zti-header-main { width:min(1460px,calc(100% - 28px)); margin:auto; display:grid; grid-template-columns:180px 144px minmax(0,1fr) 210px auto; align-items:center; gap:12px; min-height:74px; padding:10px 0; }
#zt-header .zti-brand { white-space:nowrap; }
#zt-header .zti-brand-symbol { position:relative; overflow:hidden; width:42px; height:42px; border-color:#ffffffd1; background:linear-gradient(145deg,#fff36a,#ffe000 52%,#e6b900); box-shadow:0 7px 20px #ffe00038,inset 0 1px 0 #ffffffb3; transition:transform .2s,box-shadow .2s; }
#zt-header .zti-brand-symbol::after { content:''; position:absolute; top:-70%; left:-35%; width:45%; height:240%; background:#ffffff6b; transform:translateX(-185%) rotate(24deg); transition:transform .7s; pointer-events:none; }
#zt-header .zti-brand:hover .zti-brand-symbol { transform:translateY(-1px) rotate(-2deg); box-shadow:0 9px 24px #ffe00057,0 0 0 3px #ffe0001f; }
#zt-header .zti-brand:hover .zti-brand-symbol::after { transform:translateX(470%) rotate(24deg); }
#zt-header .zti-brand strong { font-size:20px; letter-spacing:-.045em; }
#zt-header .zti-brand small { margin-top:3px; font-size:9px; line-height:1.2; color:#ffffffbd; letter-spacing:.055em; }
#zt-header :is(.zti-categories-trigger,.zti-location-trigger,.zti-header-actions a) { -webkit-tap-highlight-color:transparent; transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s; }
body.zti-experience #zt-header .zti-categories-trigger { display:flex; align-items:center; justify-content:center; gap:9px; min-width:0; min-height:44px; padding:0 14px; border:1px solid #ffffff33; border-radius:24px; background:linear-gradient(#ffffff13,#ffffff06); color:#fff; box-shadow:inset 0 1px 0 #ffffff14,0 5px 18px #00000029; font-size:13px; font-weight:900; line-height:1; white-space:nowrap; text-transform:uppercase; text-decoration:none; }
#zt-header .zti-categories-trigger .zti-icon { width:18px; color:var(--zti-header-gold); }
body.zti-experience #zt-header :is(.zti-categories-trigger,.zti-location-trigger,.zti-header-actions a):is(:hover,[aria-expanded=true],[aria-current]) { border-color:#ffe000b3; background:#ffe00017; box-shadow:0 0 0 3px #ffe00014,0 7px 18px #0003; }

/* Búsqueda nativa y FiboSearch: misma caja, foco y botón. */
#zt-header .zti-header-search { --zti-search-button-width:104px; min-width:0; }
#zt-header .zti-header-search form { position:relative; width:100%; display:flex; margin:0; padding:0; border:1px solid #ffe0008c; border-radius:13px; background:#fff; box-shadow:0 7px 22px #0003; transition:box-shadow .2s,border-color .2s; }
#zt-header .zti-header-search form:focus-within { border-color:#ffe000; box-shadow:0 0 0 3px #ffe00033,0 9px 26px #0004; }
body.zti-experience #zt-header .zti-header-search input[type=search] { display:block; width:100%!important; min-width:0; height:44px!important; min-height:44px!important; margin:0; padding:0 calc(var(--zti-search-button-width) + 30px) 0 16px!important; border:0!important; border-radius:12px!important; background:#fff!important; color:#222!important; font-size:14px!important; font-style:normal; line-height:normal; box-shadow:none!important; }
#zt-header .zti-header-search input[type=search] { font-style:normal!important; font-weight:650!important; }
#zt-header .zti-header-search input[type=search]:focus { outline:none; }
#zt-header .zti-header-search input[type=search]::placeholder { color:#777; opacity:1; }
body.zti-experience #zt-header .zti-header-search button[type=submit] { position:absolute!important; inset:0 0 0 auto!important; display:grid; place-items:center; width:var(--zti-search-button-width)!important; min-width:var(--zti-search-button-width)!important; max-width:var(--zti-search-button-width)!important; height:44px!important; min-height:44px!important; margin:0!important; padding:0 10px!important; border:0!important; border-radius:0 12px 12px 0!important; background:linear-gradient(135deg,#fff36a,#ffe000 52%,#f3c900)!important; color:#111!important; clip-path:none; box-shadow:inset 1px 0 0 #00000014; font-size:12px; font-weight:950; line-height:1; text-transform:uppercase; }
#zt-header .zti-header-search button[type=submit]:hover { filter:brightness(1.04); }
#zt-header .zti-header-search button[type=submit]::before,#zt-header .zti-header-search button[type=submit]::after { content:none!important; }
#zt-header .dgwt-wcas-search-wrapp { width:100%!important; max-width:none!important; min-width:0!important; }
#zt-header .dgwt-wcas-sf-wrapp { position:static; width:100%; padding:0!important; border:0!important; border-radius:12px; background:none!important; }
#zt-header .dgwt-wcas-preloader { right:calc(var(--zti-search-button-width) + 5px)!important; width:20px!important; }
#zt-header .dgwt-wcas-ico-magnifier { max-width:20px; max-height:20px; }

/* Destino y cotización: ambas líneas conservan el origen de Import. */
body.zti-experience #zt-header .zti-location-trigger { display:flex; align-items:center; gap:8px; width:100%; min-width:0; min-height:44px; margin:0; padding:7px 12px; border:1px solid #ffffff2e; border-radius:24px; background:linear-gradient(#ffffff14,#ffffff09); color:#fff; box-shadow:inset 0 1px 0 #ffffff0f; text-align:left; }
#zt-header .zti-location-trigger>.zti-icon { width:17px; height:19px; flex-shrink:0; color:var(--zti-header-gold); }
#zt-header .zti-location-copy { min-width:0; flex:1; display:flex; flex-direction:column; gap:4px; line-height:1.15; }
#zt-header .zti-location-copy strong { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:850; }
#zt-header .zti-location-copy small { display:block; margin:0; color:#ffffffbd; font-size:10px; white-space:nowrap; }
#zt-header .zti-location-copy small .amount { color:inherit; font-size:inherit; font-weight:inherit; }
#zt-header .zti-location-chevron { flex-shrink:0; color:#ffffffa3; font-size:15px; line-height:1; }
#zt-header .zti-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; }
body.zti-experience #zt-header .zti-header-actions a { position:relative; display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border:1px solid #ffffff2e; border-radius:50%; background:linear-gradient(#ffffff12,#ffffff05); color:var(--zti-header-gold); box-shadow:inset 0 1px 0 #ffffff12; text-decoration:none; }
#zt-header .zti-header-actions a>span:not(.zti-cart-count) { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
#zt-header .zti-header-actions a[aria-current]::after { content:''; position:absolute; right:auto; bottom:-8px; left:50%; width:20px; height:3px; border-radius:99px; background:var(--zti-header-gold); box-shadow:0 0 9px #ffe000bf; transform:translateX(-50%); }
#zt-header :is(a,button):focus-visible { outline:3px solid #fff!important; outline-offset:3px; }
#zt-header .zti-header-search button:focus-visible { outline-color:#171717!important; outline-offset:-5px; }
#zt-header .zti-header-categories { display:none; }

/* Tablet: accesos a cuenta y carrito visibles aunque no haya barra inferior. */
@media (min-width:768px) and (max-width:1180px) {
    #zt-header .zti-header-main { grid-template-columns:44px 44px minmax(0,1fr) 190px auto; gap:10px; }
    #zt-header .zti-brand-copy,#zt-header .zti-categories-trigger>span { display:none; }
    body.zti-experience #zt-header .zti-categories-trigger { padding:0; border-radius:13px; }
    body.zti-experience #zt-header .zti-header-whatsapp { display:none; }
    #zt-header .zti-header-search { --zti-search-button-width:86px; }
}
@media (min-width:768px) and (max-width:900px) {
    #zt-header .zti-header-main { grid-template-columns:44px 44px minmax(0,1fr) 166px auto; gap:8px; }
    #zt-header .zti-header-actions { gap:5px; }
    #zt-header .zti-header-search { --zti-search-button-width:70px; }
    body.zti-experience #zt-header .zti-location-trigger { padding-inline:9px; gap:6px; }
    #zt-header .zti-location-copy strong { font-size:10px; }
    #zt-header .zti-location-copy small { font-size:9px; }
}

/* Móvil: marca + buscador, destino + categorías y navegación horizontal. */
@media (max-width:767px) {
    /* Reservar la altura inicial evita saltos del contenido al replegarse. */
    body.zti-experience .zt-header-spacer { display:block!important; height:max(0px,calc(var(--zti-header-expanded-height,0px) - var(--zti-header-height,0px)))!important; }
    #zt-header .zti-header-main { width:calc(100% - 24px); grid-template-columns:44px minmax(0,1fr); min-height:0; gap:8px; padding:10px 0 4px; }
    #zt-header .zti-brand { grid-column:1; grid-row:1; min-height:46px; }
    #zt-header .zti-brand-copy { display:none; }
    #zt-header .zti-brand-symbol { width:42px; height:42px; border-radius:13px; }
    #zt-header .zti-header-search { --zti-search-button-width:54px; grid-column:2; grid-row:1; }
    body.zti-experience #zt-header .zti-header-search input[type=search] { font-size:16px!important; padding-left:12px!important; padding-right:calc(var(--zti-search-button-width) + 24px)!important; }
    body.zti-experience #zt-header .zti-header-search button[type=submit] { font-size:0; padding:0!important; }
    #zt-header .zti-header-search button[type=submit] svg { display:none; }
    #zt-header .zti-header-search button[type=submit]::after { content:''!important; display:block; width:18px; height:18px; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='7.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E"); }
    body.zti-experience #zt-header .zti-categories-trigger { grid-column:1; grid-row:2; width:44px; min-height:46px; padding:0; border-radius:13px; }
    #zt-header .zti-categories-trigger>span { display:none; }
    body.zti-experience #zt-header .zti-location-trigger { grid-column:2; grid-row:2; min-height:46px; padding:7px 10px; border-radius:13px; }
    #zt-header .zti-location-copy strong { font-size:11px; }
    #zt-header .zti-location-copy small { font-size:10px; }
    #zt-header .zti-header-actions { display:none; }
    #zt-header .zti-header-categories { position:relative; display:block; width:calc(100% - 24px); margin:0 auto; overflow:hidden; }
    #zt-header .zti-header-categories::after { content:''; position:absolute; right:0; top:0; bottom:0; width:24px; background:linear-gradient(90deg,#07070700,#070707f5); pointer-events:none; }
    #zt-header .zti-header-categories-track { display:flex; align-items:center; gap:17px; width:100%; overflow-x:auto; overflow-y:hidden; padding:0 26px 0 1px; scroll-snap-type:x proximity; scrollbar-width:none; overscroll-behavior-x:contain; }
    #zt-header .zti-header-categories-track::-webkit-scrollbar { display:none; }
    body.zti-experience #zt-header .zti-header-categories a { position:relative; display:inline-flex; align-items:center; flex:0 0 auto; min-height:36px; padding:0 1px; border:0; border-radius:0; background:none; color:#ffffffdb; font-size:12px; font-weight:800; line-height:1; text-decoration:none; white-space:nowrap; scroll-snap-align:start; }
    #zt-header .zti-header-categories a::after { content:''; position:absolute; right:0; bottom:2px; left:0; height:2px; border-radius:99px; background:var(--zti-header-gold); opacity:0; transform:scaleX(.55); transition:opacity .18s,transform .18s; }
    body.zti-experience #zt-header .zti-header-categories a:is(:hover,:focus-visible,[aria-current]) { color:var(--zti-header-gold); }
    #zt-header .zti-header-categories a:is(:hover,:focus-visible,[aria-current])::after { opacity:1; transform:scaleX(1); }
    #zt-header .zti-header-categories a:focus-visible { outline-offset:-3px; }
    #zt-header[data-zti-collapse-stage="1"] .zti-header-categories,
    #zt-header[data-zti-collapse-stage="2"] .zti-header-categories { display:none; }
    body.zti-experience #zt-header[data-zti-collapse-stage="2"] :is(.zti-location-trigger,.zti-categories-trigger) { display:none; }
    #zt-header[data-zti-collapse-stage="2"] .zti-header-main { padding-bottom:8px; }
}
@media (max-width:782px) { body.zti-experience.admin-bar #zt-header.zti-header { top:46px; } }
@media (max-width:600px) { body.zti-experience.admin-bar #zt-header.zti-header { top:0; } }
@media (prefers-reduced-motion:reduce) { #zt-header *,#zt-header *::after { transition:none!important; animation:none!important; } }