/* EXYTOSA V55 · compatibilidad total: Brave/Chrome/Opera/Edge/Safari/Firefox · celular, tablet, laptop, PC, TV */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:120px}
html,body{max-width:100%}
@supports (overflow:clip){html,body{overflow-x:clip}}
@supports not (overflow:clip){body{overflow-x:hidden}}
body{min-width:320px;overflow-wrap:break-word}
img,video,canvas,iframe,svg{max-width:100%}
img,video{height:auto}
.cover-slide img,.cover-slide video,.card-img img,.card-img video,.exy-ad img,.exy-ad video,.ad-sidebar-slot img,.exy-circ-dot img{height:100%}

/* ===== 1) Laterales (publicidad): nunca se salen ni roban espacio si están vacíos ===== */
.content-with-ads{width:100%;box-sizing:border-box;align-items:flex-start}
.ad-left,.ad-right{box-sizing:border-box;overflow:hidden;align-items:center}
.ad-sidebar-slot,.exy-ad{box-sizing:border-box;width:100%!important;max-width:144px;margin-inline:auto}
.ad-left.exy-empty,.ad-right.exy-empty{display:none!important}
.main-content{min-width:0;box-sizing:border-box}
body:not(.user-panel-mode) .main-content{width:100%;max-width:1180px}
@media(min-width:1700px){body:not(.user-panel-mode) .main-content{max-width:1360px}.ad-left,.ad-right{width:190px}.ad-sidebar-slot,.exy-ad{max-width:170px}}
@media(min-width:2300px){body:not(.user-panel-mode) .main-content{max-width:1560px}}
@media(max-width:1100px){.ad-left,.ad-right{display:none!important}body:not(.user-panel-mode) .main-content{max-width:none}}
@media(max-width:759px){.ad-center-mobile{display:block}}

/* ===== 2) Oferta relámpago: jamás en columna angosta ni letra por letra ===== */
#ofertaBannerWrap,.offer-wrap{width:100%;max-width:100%;min-width:0;box-sizing:border-box;float:none;position:static}
.offer-banner{width:100%;box-sizing:border-box;min-width:0;flex-wrap:wrap;writing-mode:horizontal-tb}
.offer-banner>div:not(.countdown){flex:1 1 220px;min-width:min(100%,220px)}
.offer-tag,.offer-title,.offer-sub{writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:auto}
.offer-title{font-size:clamp(15px,2.6vw,20px)}
@media(max-width:640px){.offer-banner{padding:14px}.offer-banner>div:not(.countdown){flex-basis:100%}.countdown{width:100%;justify-content:space-between}}

/* ===== 3) Cabecera y menú superior ===== */
.navbar{max-width:100vw;box-sizing:border-box}
.exy-topnav{max-width:100vw}
.exy-topnav-list{-webkit-overflow-scrolling:touch}
@media(max-width:899px){.exy-topnav-list{flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;scroll-snap-type:x proximity}.exy-tn-link{scroll-snap-align:start}}
.exy-tn-panel{max-width:min(94vw,320px)}
@media(min-width:760px) and (max-width:1100px){.exy-nav-item{white-space:nowrap}}

/* ===== 4) Buscador/filtros y rejillas ===== */
.tech-catalog-toolbar{max-width:100%;box-sizing:border-box}
@media(max-width:900px) and (min-width:521px){.tech-catalog-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;overflow:visible}.tech-catalog-toolbar .product-search-wrap{grid-column:1/-1;border-right:0!important;border-bottom:1px solid rgba(116,147,177,.2)}}
.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
@media(max-width:520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1700px){.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
table{max-width:100%}
.ped-table-wrap,.movements-wrap,[class*="table-wrap"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
pre,code{max-width:100%;overflow-x:auto}

/* ===== 5) Botones flotantes y cookies: sin taparse, respetando notch/barras ===== */
#contactFab{max-width:calc(100vw - 16px);right:max(10px,env(safe-area-inset-right))!important;bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--exy-cookie-h,0px))!important;z-index:900}
.cookie-banner{padding-bottom:max(12px,env(safe-area-inset-bottom));box-sizing:border-box;max-width:100vw}
@media(max-width:520px){#contactFab{transform-origin:100% 100%;transform:scale(.92)}}
@media(max-height:430px) and (orientation:landscape){#contactFab{transform:scale(.8);transform-origin:100% 100%}.navbar{position:relative!important}}

/* ===== 6) Decoración estacional: solo fondo, nunca estorba ===== */
.exy-seasonal-layer{max-width:100vw;overflow:hidden}
@media(max-width:759px){.exy-scene-rail{display:none}}

/* ===== 7) TV / pantallas grandes y modo táctil ===== */
@media(min-width:1921px){html{font-size:17px}}
@media(hover:none) and (pointer:coarse){button,.exy-tn-link,.exy-nav-item,.cfab-btn{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.ad-left,.ad-right,#contactFab,.cookie-banner,.exy-seasonal-layer{display:none!important}}

/* ===== 8) PIE: el paisaje va SOLO abajo; textos y métodos de pago sobre fondo limpio ===== */
.site-footer{--lake-h:min(calc((100vw - 36px) / 4.12),286px);padding:22px 18px calc(var(--lake-h) * .9) !important;background:linear-gradient(#fff,#eaf3fb)!important}
.site-footer .exy-lake-scene{top:auto!important;bottom:0!important;left:0!important;right:0!important;height:var(--lake-h)!important;z-index:0!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%)!important;mask-image:linear-gradient(to bottom,transparent 0,#000 30%)!important}
.site-footer .exy-lake-landscape{background-size:100% 100%!important;background-position:center bottom!important}
.site-footer .sf-cols,.site-footer .sf-links,.site-footer .sf-live{position:relative;z-index:3;background:rgba(255,255,255,.92);border-radius:12px}
.site-footer .sf-cols{padding:14px 12px!important}
.site-footer .sf-links a,.site-footer .sf-col a,.site-footer .sf-col-title,.site-footer .sf-benefit b,.site-footer .sf-benefit p,.site-footer .sf-payment,.site-footer .sf-live-label,.site-footer .sf-live-value{text-shadow:none!important}
.site-footer .sf-bottom{margin-top:10px!important}
@media(max-width:650px){.site-footer{--lake-h:200px;padding:16px 12px calc(var(--lake-h) * .9) !important}.site-footer .exy-lake-landscape{background-size:auto 100%!important;background-position:18% bottom!important}}

/* ===== 9) Pantallas gigantes (zoom-out o TV 4K): se escala para que todo se lea ===== */
@media(min-width:2400px){html{zoom:1.35}}
@media(min-width:3200px){html{zoom:1.8}}

/* ===== 10) Radio MP3 y portada: siempre centrados en su sitio ===== */
#wilyRadioMount:not(.is-floating){position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;transform:none!important;display:flex;justify-content:center;align-items:center;width:100%;max-width:min(480px,100%);margin:8px auto 10px!important;box-sizing:border-box}
#wilyRadioMount .wily-radio{max-width:100%}
#wilyRadioMount.is-floating{max-width:calc(100vw - 16px)}
#coverSlider,.cover-slider{width:100%;max-width:100%;margin-inline:auto;box-sizing:border-box}
#page-home,.home-sections-root{width:100%;max-width:100%;margin-inline:auto;box-sizing:border-box}
.home-sections-root>*{max-width:100%;margin-inline:auto}

/* ===== 11) Anuncios automáticos de Google: contenidos dentro de la columna, centrados y sin desplazar la tienda ===== */
.google-auto-placed,ins.adsbygoogle{display:block;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;overflow:hidden;float:none!important;left:auto!important;right:auto!important;position:relative}
.google-auto-placed>ins,.google-auto-placed iframe{max-width:100%!important;margin-inline:auto!important}
.google-auto-placed{margin-top:10px!important;margin-bottom:10px!important;clear:both}
ins.adsbygoogle[data-anchor-status],ins.adsbygoogle[data-vignette-status]{position:fixed!important;width:auto!important}

/* ===== 12) Publicidad SOLO en el pie de página ===== */
.ad-left,.ad-right,.ad-top-bar,.ad-center-mobile{display:none!important}
.content-with-ads{justify-content:center}
body:not(.user-panel-mode) .main-content{max-width:1180px;margin-inline:auto}
@media(min-width:1700px){body:not(.user-panel-mode) .main-content{max-width:1360px}}
.site-footer .ad-footer-wrap{display:block;width:100%;max-width:970px;margin:10px auto;position:relative;z-index:3;text-align:center;min-height:0;overflow:hidden}
.site-footer .ad-footer-wrap:empty,.site-footer #adFooterSlot:empty{display:none}

/* ===== 13) Menú de categorías compacto (estilo cyberlinkstore): se acomoda en 2 filas, buscador a la derecha ===== */
.exy-topnav{display:flex!important;align-items:flex-start;justify-content:center;gap:14px;padding:4px max(14px,calc((100vw - 1240px)/2))!important;box-sizing:border-box}
.exy-topnav[hidden]{display:none!important}
.exy-topnav-list{flex:1 1 auto!important;min-width:0;margin:0!important;max-width:none!important;padding:2px 0!important;flex-wrap:wrap!important;overflow:visible!important;justify-content:flex-start!important;gap:0 2px!important}
.exy-tn-link{min-height:34px!important;padding:6px 11px!important;font-size:14px!important;font-weight:600!important;white-space:nowrap}
.exy-tn-search{flex:0 0 260px;position:relative;margin:4px 0}
.exy-tn-search input{width:100%;height:36px;box-sizing:border-box;padding:0 14px 0 36px;border-radius:999px;border:1px solid rgba(120,150,190,.35);background:rgba(255,255,255,.06);color:inherit;font:inherit;font-size:13px;outline:none}
.exy-tn-search input:focus{border-color:#52d3f5;box-shadow:0 0 0 3px rgba(82,211,245,.15)}
.exy-tn-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;opacity:.65;pointer-events:none}
html[data-theme="light"] .exy-tn-search input{background:#f3f6fb}
@media(max-width:899px){.exy-topnav{display:block!important;padding:0!important}.exy-topnav-list{flex-wrap:nowrap!important;overflow-x:auto!important;padding:2px 8px!important}.exy-tn-search{display:none}}
/* submenú compacto */
.exy-tn-panel{min-width:200px!important;max-width:min(94vw,300px)!important;max-height:min(60vh,340px)!important;padding:5px 0!important;border-radius:10px!important}
.exy-tn-panel button{padding:7px 14px!important;font-size:13px!important;line-height:1.25}
.exy-tn-panel .exy-tn-all{padding-bottom:9px!important}
.exy-tn-panel.exy-2col{columns:2;column-gap:0;min-width:min(440px,94vw)!important;max-width:min(94vw,480px)!important}
.exy-tn-panel.exy-2col button{break-inside:avoid}
.exy-tn-panel.exy-2col .exy-tn-all{column-span:all}

/* ===== 14) Cabecera estilo tienda: logo a la izquierda, acciones a la derecha ===== */
@media(min-width:1101px){
  /* obsolete two-row grid removed: navbar uses the later final flex layout */
  .navbar .logo{justify-self:start!important}
  .exy-side-left{justify-self:end!important}
}

/* ===== 15) FIX menú superior: Streaming y demás ítems en UNA fila + submenú siempre visible ===== */
@media(min-width:900px){
  .exy-topnav{position:sticky;top:var(--exy-nav-h,56px);z-index:1000!important;height:auto!important;overflow:visible!important;padding:2px max(12px,calc((100vw - 1340px)/2))!important;gap:10px!important}
  .exy-topnav-list{flex-wrap:wrap!important;overflow:visible!important;gap:0!important}
  .exy-tn-link{padding:6px 8px!important;font-size:13.5px!important;min-height:34px!important}
  .exy-tn-search{flex:0 0 200px!important;margin:3px 0!important}
  .exy-tn-search input{height:34px}
}
@media(min-width:900px) and (max-width:1180px){
  .exy-tn-link{padding:6px 6px!important;font-size:13px!important}
  .exy-tn-search{flex-basis:160px!important}
}
/* el panel desplegable siempre por encima de banners, hero y carruseles */
.exy-tn-panel{z-index:2147483000!important}

/* ===== 16) FIX definitivo: TODOS los ítems (incl. Streaming y Gmail y Hotmail) SIEMPRE en una sola fila ===== */
@media(min-width:900px){
  .exy-topnav-list{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;flex:1 1 0!important;min-width:0!important}
  .exy-topnav-list::-webkit-scrollbar{display:none}
  .exy-tn-link{flex:0 0 auto!important;padding:6px clamp(5px,.6vw,9px)!important;font-size:clamp(12.5px,1vw,14px)!important}
  .exy-tn-search{flex:0 1 190px!important;min-width:130px!important}
  .exy-topnav{align-items:center!important}
}

/* ===== 17) Lo más pedido: productos de 3 en 3 + columna lateral + bloque "Busca tu producto" ===== */
.hf-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start;margin:14px 0 18px}
.hf-layout[hidden],.hf-search[hidden]{display:none!important}
.hf-main,.hf-side{background:var(--bg2,#fff);border:1px solid var(--border,rgba(120,150,190,.28));border-radius:16px;padding:14px}
.hf-head{margin-bottom:10px}
.hf-head h2{font-size:15px;font-weight:800;margin:0;color:var(--txt,#111)}
.hf-head p,.hf-side-sub{font-size:11px;color:var(--txt2,#667085);margin:2px 0 0}
.hf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hf-card{display:flex;flex-direction:column;min-width:0;background:var(--bg3,var(--bg2,#fff));border:1px solid var(--border,rgba(120,150,190,.28));border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
.hf-card:hover,.hf-card:focus-visible{transform:translateY(-2px);border-color:#52d3f5;box-shadow:0 8px 22px rgba(20,40,80,.16);outline:none}
.hf-img{position:relative;aspect-ratio:16/9;background:#0b121d;overflow:hidden}
.hf-img img,.hf-img video{width:100%;height:100%;object-fit:cover;display:block}
.hf-img>*:not(.hf-badge){max-width:100%}
.hf-badge{position:absolute;top:6px;right:6px;min-width:20px;padding:1px 6px;border-radius:999px;background:#f59e0b;color:#fff;font-size:9px;font-weight:800;text-align:center}
.hf-body{display:flex;flex-direction:column;gap:8px;padding:9px 10px 10px;flex:1}
.hf-title{font-size:12px;font-weight:600;line-height:1.3;color:var(--txt,#111);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.hf-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}
.hf-lbl{font-size:8.5px;font-weight:800;letter-spacing:.06em;color:var(--txt2,#667085)}
.hf-price{font-size:14px;font-weight:800;color:#0a78a6}
.hf-side h3{font-size:14px;font-weight:800;margin:0;color:var(--txt,#111)}
.hf-side-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.hf-side-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid var(--border,rgba(120,150,190,.28));border-radius:11px;background:var(--bg3,var(--bg2,#fff));cursor:pointer;transition:border-color .15s,transform .15s}
.hf-side-item:hover,.hf-side-item:focus-visible{border-color:#52d3f5;transform:translateX(2px);outline:none}
.hf-side-img{width:40px;height:40px;border-radius:9px;overflow:hidden;background:#0b121d;display:block}
.hf-side-img img,.hf-side-img video{width:100%;height:100%;object-fit:cover;display:block}
.hf-side-txt{display:flex;flex-direction:column;min-width:0}
.hf-side-txt b{font-size:11px;font-weight:600;line-height:1.25;color:var(--txt,#111);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hf-side-txt small{font-size:9px;color:var(--txt2,#667085);margin-top:2px}
.hf-side-price{font-size:12px;font-weight:800;color:#0a78a6;white-space:nowrap}
.hf-search{display:flex;flex-direction:column;align-items:center;gap:10px;margin:6px 0 22px;padding:34px 18px;border-radius:20px;border:1px solid var(--border,rgba(120,150,190,.28));background:linear-gradient(160deg,rgba(82,211,245,.16),rgba(120,130,170,.28))}
.hf-search h2{font-size:22px;font-weight:800;margin:0;color:var(--txt,#111)}
.hf-search-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#1da1ff,#2563eb);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.35)}
.hf-search-ico svg{width:22px;height:22px}
.hf-search input{width:min(100%,520px);height:42px;box-sizing:border-box;padding:0 16px;border-radius:12px;border:1px solid var(--border,rgba(120,150,190,.35));background:var(--bg2,#fff);color:var(--txt,#111);font:inherit;font-size:14px;outline:none}
.hf-search input:focus{border-color:#52d3f5;box-shadow:0 0 0 3px rgba(82,211,245,.2)}
@media(max-width:1000px){.hf-layout{grid-template-columns:1fr}.hf-side-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hf-side-list{grid-template-columns:1fr}.hf-main,.hf-side{padding:11px;border-radius:14px}.hf-search{padding:26px 14px}}

/* ===== 18) Tendencias 24h / Te podría interesar (estilo referencia) ===== */
.hf-main,.hf-side{border-color:rgba(82,211,245,.45);box-shadow:0 0 0 3px rgba(82,211,245,.08)}
.hf-title-row{display:flex;align-items:center;gap:8px}
.hf-title-row h2,.hf-title-row h3{font-size:14px;font-weight:800;margin:0}
.hf-flame{color:#ff6b18;display:grid}.hf-flame svg,.hf-target svg{width:17px;height:17px}
.hf-target{color:#0a78a6;display:grid}
.hf-pill{margin-left:auto;padding:3px 10px;border-radius:999px;border:1px solid rgba(16,185,129,.4);background:rgba(16,185,129,.12);color:#047857;font-size:10px;font-weight:700;white-space:nowrap}
.hf-head p{margin-top:8px}
.hf-grid{gap:10px}
.hf-body{padding:8px 9px 9px;gap:6px}
.hf-title{font-size:11px;font-weight:500}
.hf-price{font-size:12px;color:#38a7e0}
.hf-side-price{color:#38a7e0;font-size:11px}