/* Sistema visual de la tienda. Última capa: solo presentación, no cambia marcado ni JS.
   Usa el prefijo body para ganar a home-slider.css y product-media.css, que cargan después en el <body>. */
:root{
 --bg:#13171d;--bg-2:#1c2129;--surface:#1c2129;--surface-2:#262c36;--header:#06080b;--curve:clamp(22px,3.6vw,56px);
 --border:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.15);
 --text:#eef2f6;--text-2:#a7b1be;--muted:#a7b1be;--text-3:#808b99;
 --r-s:8px;--r-m:10px;--r-l:14px;--gutter:20px;
 --shadow:0 12px 32px rgba(0,0,0,.45);--shop-title:28px;
 --font:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
 --chevron:url("../icons/chevron-down.svg");
}
@media(max-width:600px){:root{--gutter:16px;--shop-title:24px}}

/* Base */
body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-weight:650;letter-spacing:-.012em}
body .container,body .flyer-carousel.container,body .nav-shell{width:min(1180px,calc(100% - 2*var(--gutter)))}
.section-kicker{display:none}
.empty-state .section-kicker{display:block;margin-bottom:8px;font-size:13px;font-weight:500;letter-spacing:0;color:var(--text-3)}
.visual-price{font-variant-numeric:tabular-nums}
:focus-visible{outline-offset:2px}

/* Botones y formularios */
body .btn{min-height:42px;padding:0 18px;border-radius:var(--r-s);font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s}
body .btn-primary:hover{transform:none;background:#62d6ff}
body .btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--text)}
body .btn-ghost:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}
body .commerce-page input:not([type=checkbox]):not([type=radio]),body .commerce-page select,body .catalog-controls input,body .catalog-controls select,body .recovery-center input:not([type=hidden]),body .recovery-center textarea,body .recovery-selector select,body .buy-options select,body .steam-delivery input{min-height:42px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--r-s);background-color:var(--surface);color:var(--text);font-size:14px}
body select,body .currency-picker select,body .catalog-controls select,body .commerce-page select,body .buy-options select,body .recovery-selector select{appearance:none;-webkit-appearance:none;background-image:var(--chevron);background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:32px}
body select option{background:var(--surface);color:var(--text)}
body .commerce-page label,body .add-cart-form label{color:var(--text-2)}
body .text-link,body .text-button{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
body .text-link:hover,body .text-button:hover{color:var(--text)}
body .notice{border-radius:var(--r-s)}

/* Anuncio y header */
body .announcement{min-height:0;padding:7px 44px 7px 16px;background:var(--bg-2);border-bottom:1px solid var(--border);color:var(--text-2);font-size:13px;font-weight:500;line-height:1.45}
body .announcement strong{color:var(--text);font-weight:600}
body .announcement button{min-width:32px;min-height:32px;height:32px;color:var(--text-3)}
body .site-header{background:rgba(10,14,20,.94);border-bottom-color:var(--border)}
body .nav-shell{height:64px;gap:20px}
.site-header .brand-word{font-size:14px;font-weight:700;letter-spacing:.1em}
.site-header .brand-word b{font-weight:700}
body .site-header .brand-mark{width:32px;height:32px;flex-basis:32px}
body .desktop-nav>a,body .nav-dropdown>button{height:36px;padding:0 10px;border-radius:var(--r-s);color:var(--text-2);font-size:14px;font-weight:500}
body .desktop-nav>a:hover,body .nav-dropdown>button:hover{background:transparent;color:var(--text)}
body .desktop-nav>a.active{background:transparent;color:var(--text);font-weight:600}
body .dropdown-menu{top:36px;width:172px;padding:6px;border-radius:var(--r-m);background:var(--surface-2);transition:opacity .12s,visibility .12s}
body .dropdown-menu a{border-radius:6px;color:var(--text-2);font-size:14px}
body .dropdown-menu a:hover{background:rgba(255,255,255,.06);color:var(--text)}
body .search-box{height:38px;border:1px solid var(--border);border-radius:var(--r-s);background:var(--surface)}
body .search-box:focus-within{border-color:var(--line-strong)}
body .search-box input{font-size:14px}
body .search-box input::placeholder{color:var(--text-3)}
body .search-box button{color:var(--text-3)}
body .search-box button svg{width:18px;height:18px}
body .currency-picker select{width:104px;height:38px;min-height:38px;padding:0 28px 0 10px;border:1px solid var(--border);border-radius:var(--r-s);background-color:var(--surface);font-size:13px;font-weight:500}
body .header-tools{gap:2px}
body .header-tools .icon-btn,body .header-tools .menu-toggle{flex:0 0 38px;width:38px;min-width:38px;height:38px;padding:9px;border:0;border-radius:var(--r-s);background:transparent;color:var(--text-2)}
body .header-tools .icon-btn:hover,body .header-tools .menu-toggle:hover{background:var(--surface-2);color:var(--text)}
body .header-tools .cart-count{top:0;right:0;min-width:15px;height:15px;padding:0 3px;border:0;box-sizing:border-box;line-height:15px;font-size:10px;font-weight:700}
body .search-suggestions{border-color:var(--line-strong);border-radius:var(--r-m);background:var(--surface-2)}
body .search-result:hover,body .search-result:focus-visible{background:rgba(255,255,255,.06);outline:0}
body .search-result-price{color:var(--cyan)}
@media(max-width:780px){
 body .nav-shell{display:grid;height:auto;min-height:0;grid-template-columns:minmax(0,1fr) 38px 104px;gap:8px;padding:8px 0}
 body .nav-shell>.brand{grid-column:1;grid-row:1}
 body .nav-shell .header-tools{grid-column:2/-1;grid-row:1;justify-content:flex-end}
 body .nav-shell .search-box{grid-column:1/3;grid-row:2}
 body .nav-shell .currency-picker{grid-column:3;grid-row:2}
 body .nav-shell .brand-word{font-size:12px;letter-spacing:.08em;line-height:1.2}
 body .announcement{font-size:12px;padding:6px 40px 6px 12px}
}

/* Banner */
body .flyer-carousel{margin-top:20px;margin-bottom:0}
body .flyer-stage{border-radius:var(--r-l);background:var(--surface)}
body .flyer-stage .flyer-arrow{width:36px;height:36px;border:0;border-radius:var(--r-s);background:rgba(10,14,20,.72);color:var(--text);opacity:0;transition:opacity .15s}
body .flyer-carousel:hover .flyer-arrow,body .flyer-stage .flyer-arrow:focus-visible{opacity:1}
body .flyer-stage .flyer-arrow:hover{background:rgba(10,14,20,.92)}
body .flyer-controls{margin-top:6px;gap:0}
body .flyer-dots{gap:0}
body .flyer-dots button{position:relative;width:28px;height:24px;min-height:24px;padding:0;border:0;border-radius:0;background:transparent}
body .flyer-dots button::before{content:"";position:absolute;left:4px;right:4px;top:11px;height:2px;border-radius:2px;background:var(--line-strong);transition:background-color .15s}
body .flyer-dots button[aria-pressed=true]{background:transparent}
body .flyer-dots button[aria-pressed=true]::before{background:var(--cyan)}
@media(hover:none){body .flyer-stage .flyer-arrow{display:none}}
body .flyer-carousel+.section{padding-top:28px}

/* Secciones y carruseles */
body .section,body .section:has(>[data-home-slider]){padding:32px 0 0}
body .section-heading,body .section:has(>[data-home-slider])>.section-heading{align-items:baseline;margin-bottom:14px}
body .section-heading h2{margin:0;font-size:22px;letter-spacing:-.012em}
body .section-heading>a{color:var(--text-2);font-size:13px;font-weight:500;white-space:nowrap}
body .section-heading>a:hover{color:var(--text)}
body .home-slider-track{gap:16px;padding:0;scrollbar-width:none}
body .home-slider-track::-webkit-scrollbar,body .visual-track::-webkit-scrollbar{display:none}
body .home-slider-track>.product-card{flex-basis:calc((100% - 48px)/4)}
body .home-slider-arrow{top:calc(((100% - 90px)/2) - 18px);width:36px;height:36px;border:0;border-radius:var(--r-s);background:rgba(10,14,20,.8);color:var(--text);opacity:0;transition:opacity .15s}
body .home-slider:hover .home-slider-arrow,body .home-slider-arrow:focus-visible{opacity:1}
@media(hover:none){body .home-slider-arrow{display:none}}
@media(max-width:1000px){body .home-slider-track>.product-card{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:768px){body .home-slider-track{gap:12px}body .home-slider-track>.product-card{flex-basis:calc((100% - 24px)/2.4);max-width:none}body .recommendations .home-slider-track{gap:12px}body .recommendations .home-slider-track>.product-card{flex-basis:calc((100% - 24px)/2.4);max-width:none}}
@media(min-width:769px){body .recommendations .home-slider-track{gap:16px}}

/* Tarjeta de producto */
body .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}
@media(max-width:1050px){body .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){body .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}
body .product-card .product-art,body .product-gallery .detail-art,body .library-card>img,body .library-cover,body .library-detail>img{border-radius:var(--r-m);border:0;box-shadow:none;background:var(--surface)}
body .product-card .product-art{transition:none}
body .product-card .product-art:hover{transform:none}
body .product-card .product-art img{transition:transform .25s ease}
@media(hover:hover){body .product-card:hover .product-art img{transform:scale(1.025)}}
body .discount-chip{top:8px;right:auto;left:8px;padding:2px 6px;border:0;border-radius:5px;background:var(--cyan);color:#051019;font-size:12px;font-weight:700;line-height:1.4}
body .product-tag{top:8px;left:8px;padding:2px 6px;border:0;border-radius:5px;background:rgba(10,14,20,.85);color:var(--text);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
body .product-card-body,body .home-slider .product-card .product-info{padding:10px 0 0}
body .product-meta{gap:4px;margin:0 0 2px;color:var(--text-3);font-size:12px;line-height:1.35}
body .product-card .product-meta{flex-wrap:nowrap;min-width:0}
body .product-card .product-meta>span:nth-child(-n+2){display:none}
body .product-card .product-meta>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body .product-card .product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.7em;font-size:14px;font-weight:600;line-height:1.35}
body .product-name:hover{color:var(--text)}
body .product-card .price-row{gap:6px;margin-top:6px;align-items:baseline}
body .price-row strong{color:var(--cyan);font-size:16px;font-weight:700}
body .product-card .price-row del{color:var(--text-3);font-size:13px;text-decoration-thickness:1px;text-decoration-color:currentColor}
body .product-card .price-row del .visual-price>span,body .product-card .price-row del .fx-estimate{text-decoration-thickness:1px;text-decoration-color:currentColor}
body .product-card .card-platform-badge{align-self:center;width:18px;height:18px;flex-basis:18px;border:0;border-radius:0;background:none;opacity:.5}
body .product-card .price-row .card-platform-badge .card-platform-icon{width:16px;height:16px}
body .quick-add{left:8px;right:8px;bottom:8px}
body .quick-add .btn{min-height:38px;font-size:13px;box-shadow:none}

/* Bloque de ventajas y pie */
body .trust-strip{margin-top:48px;padding:24px 0 0;border:0;border-top:1px solid var(--border);border-radius:0;background:none}
body .trust-strip>div,body .trust-strip>div:first-child,body .trust-strip>div:last-child{gap:12px;padding:0 24px 0 0;border:0}
body .trust-strip .benefit-icon{flex:0 0 20px;width:20px;height:20px;border:0;border-radius:0;background:none;color:var(--text-2)}
body .trust-strip .benefit-icon svg{width:20px;height:20px}
body .trust-strip strong{font-size:14px;font-weight:600}
body .trust-strip span{margin-top:0;color:var(--text-3);font-size:13px}
@media(max-width:780px){body .trust-strip{grid-template-columns:1fr;gap:16px}}
body .site-footer{margin-top:48px;background:var(--bg);border-top-color:var(--border)}
body .footer-main{padding:40px 0;gap:32px}
body .footer-col h4{margin:0 0 4px;font-size:13px;font-weight:600}
body .footer-col a{color:var(--text-2);font-size:13px}
body .footer-col a:hover{color:var(--text)}
body .support-col{padding-left:0;border-left:0}
body .footer-bottom{min-height:52px;border-top-color:var(--border);color:var(--text-3);font-size:12px}
body .footer-legal a:hover{color:var(--text)}

/* Catálogo */
body .catalog-hero{padding:28px 0 0;background:none;border:0}
body .catalog-hero.has-background{padding:28px 0 20px;border-bottom:1px solid var(--border)}
body .catalog-hero.has-background:after{background:linear-gradient(90deg,rgba(10,14,20,.94),rgba(10,14,20,.82))}
body .catalog-hero h1{margin:0;font-size:var(--shop-title)}
body .catalog-hero p{display:none}
body .catalog-full{padding-top:16px}
body .catalog-controls{gap:8px;margin:0 0 20px}
body .catalog-controls select{min-width:190px}
@media(max-width:780px){body .catalog-controls select{min-width:0}}
body .variant-nav a{border-radius:var(--r-s);background:transparent;color:var(--text-2);font-size:14px}
body .variant-nav a.selected{border-color:var(--text-2);color:var(--text)}
body .pagination{margin:28px 0 0;color:var(--text-3)}
body .pagination a{color:var(--text)}
body .empty-state{padding:72px 16px}
body .empty-state h1,body .empty-state h2{margin:0 0 8px;font-size:22px}
body .empty-state p{margin:0 0 20px;color:var(--text-2);font-size:14px}
body .empty-state+.pagination{display:none}

/* Ficha de producto */
body .product-page.product-layout{grid-template-columns:minmax(0,5fr) minmax(0,4fr);grid-template-areas:"media title" "media buy" "visuals visuals" "description description";grid-template-rows:auto 1fr;gap:16px 40px;padding-top:24px}
body .breadcrumbs{margin:0 0 8px;color:var(--text-3);font-size:13px}
body .breadcrumbs a:hover{color:var(--text)}
body .product-title h1{margin:0;font-size:32px;line-height:1.15}
body .product-layout .product-media-stage{border-radius:var(--r-l)}
body .media-play{width:60px;height:60px;border:0;background:rgba(10,14,20,.78)}
body .media-play:hover{background:rgba(10,14,20,.95)}
body .media-play svg{width:26px;height:26px}
body .product-layout .product-buy{padding:0;border:0;border-radius:0;background:none}
body .product-layout .detail-price{margin:0 0 16px;align-items:baseline;gap:10px}
body .product-layout .detail-price strong{color:var(--cyan);font-size:32px;font-weight:700;line-height:1.1}
body .detail-price del,body .product-buy .detail-price del{color:var(--text-3);font-size:16px;text-decoration-thickness:1px}
body .product-layout .buy-platform,body .product-layout .static-option{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin:0;border-top:1px solid var(--border);color:var(--text-2);font-size:14px}
body .buy-platform strong,body .static-option strong{color:var(--text);font-size:14px;font-weight:600;text-align:right}
body .buy-platform-badge{width:18px;height:18px;border:0;border-radius:0;background:none}
body .buy-platform-badge img{width:16px;height:16px}
body .product-layout .buy-options{grid-template-columns:minmax(0,1fr);gap:0;margin:0}
body .product-layout .buy-options label{margin:8px 0;color:var(--text-2);font-size:13px}
body .product-layout .buy-stock{min-height:40px;display:flex;align-items:center;gap:8px;margin:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-2);font-size:14px}
body .buy-stock:has(+.buy-cart)::before{content:"";flex:0 0 7px;height:7px;border-radius:50%;background:#55d08b}
body .product-layout .buy-cart{margin-top:16px;align-items:stretch;gap:8px}
body .product-layout .buy-cart>label{flex:0 0 112px;gap:0;font-size:0}
body .product-layout .quantity-stepper{height:100%;min-height:46px;margin:0;border-color:var(--line-strong);border-radius:var(--r-s)}
body .quantity-stepper button{width:32px;background:transparent;color:var(--text-2);font-size:18px}
body .quantity-stepper button:hover{color:var(--text)}
body .product-page .quantity-stepper input{width:48px!important;min-height:0;padding:0!important;background:transparent;font-size:14px}
body .product-layout .buy-cart>.btn{min-height:46px;font-size:15px}
body .product-layout .buy-payments{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding:0;border:0;color:var(--text-3);font-size:13px}
body .product-layout .payment-logos{gap:6px;margin:0}
body .product-layout .payment-logo{width:42px;height:26px;border-radius:5px}
body .product-layout .payment-logo img{max-width:32px;max-height:18px}
body .product-layout .buy-trust{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px}
body .product-layout .buy-trust>div{flex-direction:row;gap:6px;padding:0;border:0;background:none;color:var(--text-2);font-size:13px;text-align:left}
body .product-layout .buy-trust svg{width:16px;height:16px;color:var(--text-3)}
body .product-layout>.product-description,body .product-layout>.product-visuals{padding:24px 0 0;border:0;border-top:1px solid var(--border);border-radius:0;background:none}
body .product-layout>.product-visuals{margin-top:16px}
body .product-description h2,body .product-visuals h2{margin:0 0 12px;font-size:18px}
body .product-description .description,body .product-description p{max-width:72ch;margin:0;color:var(--text-2);font-size:15px;line-height:1.65}
body .visual-track{gap:12px;padding:0;scrollbar-width:none}
body .visual-slide{aspect-ratio:16/10;border:0;border-radius:var(--r-m);background:var(--surface)}
body .visual-arrow{width:36px;height:36px;top:50%;border:0;border-radius:var(--r-s);background:rgba(10,14,20,.8)}
body .visual-arrow.previous{left:8px}
body .visual-arrow.next{right:8px}
body .image-lightbox button{border:0;border-radius:var(--r-m);background:rgba(255,255,255,.1)}
@media(max-width:768px){
 body .product-page.product-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "media" "buy" "visuals" "description";grid-template-rows:none;gap:12px;padding-top:12px}
 body .product-title h1{font-size:24px}
 body .breadcrumbs{margin-bottom:4px}
 body .product-layout .detail-price strong{font-size:28px}
 body .visual-slide{flex-basis:72%}
 body .product-layout .buy-cart{position:fixed;left:0;right:0;bottom:0;z-index:40;flex-direction:row;flex-wrap:nowrap;align-items:stretch;margin:0;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line-strong)}
 body .product-layout .buy-cart>label{flex:0 0 112px;max-width:112px}
 body .product-layout .buy-cart>.btn{flex:1;width:auto;min-width:0}
 /* arqiu.js fija bottom en línea; aquí debe quedar por encima de la barra de compra. */
 body:has(.buy-cart) #arqiu{bottom:66px!important}
 body:has(.buy-cart) .cart-add-feedback{bottom:78px}
 body:has(.buy-cart) .site-footer{padding-bottom:140px}
}

/* Carrito */
body .cart-page{padding-top:28px}
body .cart-heading{margin-bottom:20px}
body .cart-heading h1{font-size:var(--shop-title);letter-spacing:-.012em}
body .cart-heading>a{color:var(--text-2);font-size:14px}
body .cart-page .cart-line{padding:16px;border-color:var(--border);border-radius:var(--r-m);background:var(--surface)}
body .cart-page .cart-cover{border:0;border-radius:var(--r-s)}
body .cart-page .cart-platform{color:var(--text-3)}
body .cart-page .line-subtotal{color:var(--cyan);font-weight:700}
body .cart-page .cart-summary{border-color:var(--border);border-radius:var(--r-m);background:var(--surface)}
body .cart-page .cart-summary h2{font-size:18px}
body .cart-page .cart-context{border-radius:var(--r-s);background:var(--surface-2)}
body .cart-page .cart-context a{color:var(--text)}
body .cart-page .cart-wallet-row strong,body .cart-page .cart-cashback{color:var(--text-2)}
body .cart-page .cart-grand-total{border-top-color:var(--border);font-size:18px}
body .cart-page #cart-checkout input[type=email]{border-color:var(--line-strong);border-radius:var(--r-s);background:var(--bg)}
body .buyer-session{border-radius:var(--r-s);text-align:left}

/* Cuenta y páginas de contenido */
body .commerce-page{padding-top:28px}
body .commerce-page h1{margin:0 0 20px;font-size:var(--shop-title);letter-spacing:-.012em}
body .commerce-page h2{font-size:18px;letter-spacing:-.012em}
body .panel,body .auth-panel,body .account-overview,body .order-summary,body .library-card,body .account-navigation,body .recovery-center .panel{border-color:var(--border);border-radius:var(--r-m);background:var(--surface)}
body .account-tile{border-color:var(--border);border-radius:var(--r-m);background:var(--surface)}
body .account-tile:hover,body .account-tile:focus-visible{border-color:var(--line-strong);background:var(--surface-2)}
body .account-tile svg,body .account-navigation nav svg{color:var(--text-2)}
body .account-tile strong{font-size:15px;font-weight:600}
body .account-navigation nav [aria-current],body .account-navigation nav a:hover,body .account-navigation nav button:hover{background:var(--surface-2);color:var(--text)}
body .wallet-panel{border-color:var(--border);border-radius:var(--r-m);background:var(--surface)}
body .wallet-balance{color:var(--text);font-weight:700}
body .gift-denominations label span{border-color:var(--line-strong);border-radius:var(--r-s)}
body .gift-denominations input:checked+span{border-color:var(--cyan);background:var(--surface-2);color:var(--text)}
body .library-tabs a{border-radius:var(--r-s)}
body .library-tabs a[aria-current]{border-color:var(--text-2);color:var(--text)}
body .guard-panel{border-color:var(--border);border-radius:var(--r-m)}
body .legal-content{color:var(--text-2);max-width:72ch}
body .legal-content h2,body .legal-content h3,body .legal-content h4{color:var(--text)}
body .google-button{border-color:transparent;border-radius:var(--r-s);font-size:14px}
body .auth-divider{margin:20px 0 14px;font-size:12px;letter-spacing:0;color:var(--text-3)}
body .auth-divider:before,body .auth-divider:after{background:var(--border)}

/* Login: una sola columna; el registro sigue en el enlace del formulario */
body .account-page:has(.auth-layout-login){max-width:420px}
body .account-page:has(.auth-layout-login) h1{text-align:center}
body .auth-layout.auth-layout-login{display:block;max-width:420px;margin:0 auto}
body .auth-layout-login .auth-panel{margin:0;padding:24px}
body .auth-layout-login .auth-register-aside{display:none}
body .auth-layout-login .account-form{gap:14px}
body .auth-layout-login .account-form .btn{justify-self:stretch}
body .auth-layout-login .account-form p,body .auth-layout-login .account-form>.text-link{color:var(--text-2);font-size:13px}

/* Menú móvil */
body .mobile-menu.open{background:var(--surface);border-color:var(--line-strong);border-radius:var(--r-l)}
body .mobile-panel-heading h2{color:var(--text-3);font-size:12px;font-weight:600;letter-spacing:.08em}
body .mobile-close{border:0;border-radius:var(--r-s);background:var(--surface-2);color:var(--text-2)}
body .mobile-nav-group h3{color:var(--text-3);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none}
body .mobile-menu a.mobile-nav-row,body .mobile-menu .mobile-platform-row{border-radius:var(--r-s);font-size:14px}
body .mobile-menu .mobile-nav-row:hover,body .mobile-menu .mobile-platform-row:hover,body .mobile-menu details[open]>.mobile-platform-row{background:var(--surface-2)}
body .mobile-menu .mobile-nav-icon,body .mobile-menu details[open]>.mobile-platform-row .mobile-nav-icon,body .mobile-menu .mobile-nav-row:hover .mobile-nav-icon,body .mobile-menu .mobile-platform-row:hover .mobile-nav-icon{flex-basis:34px;width:34px;height:34px;border-radius:var(--r-s);background:var(--surface-2)}
body .mobile-menu .mobile-nav-icon svg{width:18px;height:18px;color:var(--text-2)}
body .mobile-platform-links{border-left-color:var(--border)}
body .mobile-menu .mobile-platform-links a:hover{background:var(--surface-2)}
body .mobile-menu-footer{border-top-color:var(--border)}
body .mobile-menu a.mobile-menu-cta{min-height:44px;border-radius:var(--r-s);font-size:14px;font-weight:600}

/* Arqiu: mantiene el tamaño de arqiu.css; solo se ajustan sus colores */
body #arqiu-callout{width:184px;padding:11px 14px;background:#fff;border:0;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.4);color:#1b2129;font-size:15px;line-height:1.35}
body #arqiu-callout strong{margin-top:2px;color:#5d6673;font-size:13px;font-weight:400}
body #arqiu-callout::after{background:#fff;border:0;right:-5px;bottom:calc(50% - 6px)}
@media(max-width:600px){body #arqiu-callout{width:158px;padding:9px 12px;font-size:14px}body #arqiu-callout strong{font-size:12px}}

/* Panel de chat */
body #arqiu-panel{height:min(560px,calc(100dvh - var(--arqiu-size) - 30px));background:#fff;border:0;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.5);color:#1b2129}
body #arqiu-panel header{align-items:center;gap:10px;padding:10px 10px 10px 14px;background:var(--header);border:0;color:#fff}
body #arqiu-panel header>div{flex:1;min-width:0}
body .arqiu-avatar{flex:0 0 42px;width:42px;height:42px;padding:3px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:var(--surface-2);object-fit:contain}
body #arqiu-panel h2{margin:0;color:#fff;font-size:16px;font-weight:650;letter-spacing:0;line-height:1.25}
body #arqiu-panel small{display:block;color:#b9c2cd;font-size:12px;letter-spacing:0}
body #arqiu-panel [data-arqiu-close]{flex:0 0 36px;width:36px;height:36px;min-height:36px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:22px;line-height:1}
body #arqiu-panel [data-arqiu-close]:hover{background:rgba(255,255,255,.12)}
body #arqiu-content{flex:1;gap:8px;padding:28px 12px 12px;background:#fff;scrollbar-width:thin;scrollbar-color:#c9ced5 transparent}
body #arqiu-content:focus{outline:0}
body #arqiu-content p{margin:0;font-size:14px;line-height:1.45}
body #arqiu-content .arqiu-bubble{position:relative;max-width:88%;margin-top:22px;padding:10px 13px;border-radius:14px}
body #arqiu-content .arqiu-bubble:first-child{margin-top:auto}
body #arqiu-content .arqiu-bubble::before{position:absolute;top:-19px;font-size:12px;line-height:1.3;color:#6a7380}
body #arqiu-content .arqiu-bot{align-self:flex-start;background:#f1f3f5;color:#1b2129}
body #arqiu-content .arqiu-bot::before{content:"Arqivo";left:2px}
body #arqiu-content .arqiu-user{align-self:flex-end;background:#d4f1fd;color:#0b2734}
body #arqiu-content .arqiu-user::before{content:"Tú";right:2px}
body #arqiu-content .arqiu-time{display:block;margin-top:2px;color:#6a7380;font-size:11px;line-height:1.2;text-align:right}
body #arqiu-content .arqiu-user .arqiu-time{color:#3f6a7c}
body #arqiu-content .arqiu-typing{display:inline-flex;gap:5px;align-items:center;min-height:38px;padding:0 14px}
body .arqiu-typing span{width:7px;height:7px;border-radius:50%;background:#8b94a0;animation:arqiu-typing 1s ease-in-out infinite}
body .arqiu-typing span:nth-child(2){animation-delay:.15s}
body .arqiu-typing span:nth-child(3){animation-delay:.3s}
@keyframes arqiu-typing{0%,60%,100%{opacity:.45;transform:none}30%{opacity:1;transform:translateY(-3px)}}
body .arqiu-replies{justify-content:flex-end;gap:8px;margin-top:6px}
body #arqiu-panel .arqiu-replies button,body #arqiu-content .arqiu-replies a{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid #cfd5dc;border-radius:999px;background:#fff;color:#1b2129;font-size:14px;line-height:1.25;text-align:left}
body #arqiu-panel .arqiu-replies button:hover,body #arqiu-content .arqiu-replies a:hover{border-color:var(--cyan);background:#eefaff;color:#0b2734}
body #arqiu-panel nav{justify-content:center;gap:12px;padding:6px 12px 8px;background:#fff;border:0}
body #arqiu-panel nav button{flex:0 0 auto;min-height:34px;padding:4px 10px;border:0;border-radius:8px;background:transparent;color:#5d6673;font-size:13px}
body #arqiu-panel nav button:hover:not(:disabled){background:#f1f3f5;color:#1b2129}
body #arqiu-panel nav button:disabled{opacity:.45;cursor:default}
@media(max-width:600px){body #arqiu-panel{width:min(340px,calc(100vw - 24px));height:min(480px,68dvh)}body #arqiu-panel h2{font-size:15px}body #arqiu-panel small{font-size:11px}body #arqiu-content p{font-size:13px}body #arqiu-panel .arqiu-replies button,body #arqiu-content .arqiu-replies a{font-size:13px;min-height:36px;padding:7px 12px}body #arqiu-panel nav button{font-size:12px;padding:4px 8px}}

/* Home y header según la referencia: portada a todo el ancho con curva, píldoras y 5 columnas */
body .announcement strong,body .announcement a{color:var(--cyan-2)}
body .site-header{background:var(--header)}
body .nav-shell{width:min(1320px,calc(100% - 2*var(--gutter)))}
@media(min-width:781px){body .nav-shell{height:70px}}
body .desktop-nav>a.active{color:var(--text);text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:6px}
body .search-box{border-color:var(--line-strong);border-radius:999px;background:transparent;padding-left:16px}
body .search-box button{color:var(--text)}
body .currency-picker select{border:0;border-radius:999px;background-color:var(--surface);padding-left:14px}
body .header-tools{gap:8px}
body .header-tools .icon-btn,body .header-tools .menu-toggle{flex-basis:40px;width:40px;min-width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--cyan)}
body .header-tools .icon-btn:hover,body .header-tools .menu-toggle:hover{background:var(--surface-2);color:var(--cyan-2)}
body .flyer-carousel.container{position:relative;width:100%;max-width:none;margin:0}
body .flyer-stage{border-radius:0}
/* La curva va debajo del flyer, no encima, para no tapar nada de la imagen. */
body .flyer-carousel::after{content:"";display:block;height:var(--curve);background:url("../icons/hero-curve.svg?v=2") center/100% 100% no-repeat;pointer-events:none}
body .flyer-controls{position:absolute;left:50%;bottom:calc(var(--curve) + 10px);z-index:3;margin:0;padding:0 5px;border-radius:999px;background:rgba(6,8,11,.78);transform:translateX(-50%)}
body .flyer-dots button{width:18px;height:24px}
body .flyer-dots button::before{left:6px;right:auto;top:9px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45)}
body .flyer-stage .flyer-arrow{top:auto;bottom:10px;width:24px;height:24px;border-radius:50%;background:rgba(6,8,11,.78);opacity:1;transform:none}
body .flyer-stage .flyer-arrow svg{width:14px;height:14px}
body .flyer-stage .flyer-prev{left:calc(50% - 84px)}
body .flyer-stage .flyer-next{right:calc(50% - 84px)}
body .flyer-carousel+.section{padding-top:24px}
body .section-heading h2 a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;background:var(--surface);font-size:19px;font-weight:650;transition:background-color .15s}
body .section-heading h2 a:hover{background:var(--surface-2)}
body .section-heading h2 a svg{width:16px;height:16px}
body .home-slider-track>.product-card{flex-basis:calc((100% - 64px)/5)}
@media(max-width:1100px){body .home-slider-track>.product-card{flex-basis:calc((100% - 48px)/4)}}
@media(max-width:900px){body .home-slider-track>.product-card{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:768px){body .home-slider-track>.product-card{flex-basis:calc((100% - 24px)/2.4)}}
@media(max-width:600px){body .section-heading h2 a{min-height:34px;padding:0 12px;font-size:17px}}
@media(min-width:1051px){body .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
body .product-card .product-art{border-radius:12px}
body .discount-chip{top:8px;right:8px;left:auto;padding:3px 7px;border-radius:8px;background:rgba(6,8,11,.82);color:var(--cyan-2);font-size:14px}

/* Escritorio: el catálogo aprovecha el ancho de pantalla y la portada no lo empuja fuera de vista */
@media(min-width:1051px){
 :root{--wide:min(1600px,calc(100% - 2*clamp(24px,3vw,64px)))}
 body .nav-shell,body .section.container,body .trust-strip.container,body .catalog-hero .container,body .catalog-full.container,body .site-footer .container,body .footer-main,body .footer-bottom{width:var(--wide);max-width:none}
 body .home-slider-track{gap:20px}
 body .home-slider-track>.product-card{flex-basis:calc((100% - 80px)/5)}
 body .product-grid{gap:28px 20px}
 body .product-card .product-name{font-size:15px}
 body .price-row strong{font-size:18px}
 body .section-heading h2 a{min-height:44px;padding:0 18px;font-size:22px}
 body .section-heading h2 a svg{width:18px;height:18px}
 body .section,body .section:has(>[data-home-slider]){padding-top:40px}
}
@media(min-width:1051px) and (max-width:1250px){body .home-slider-track>.product-card{flex-basis:calc((100% - 60px)/4)}body .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Flyer: los archivos miden 1983×793 (5:2). Se muestran completos y sin ampliarse por encima de su tamaño. */
@media(min-width:601px){body .flyer-stage{aspect-ratio:5/2;max-width:1983px;margin:0 auto}}
/* Más anchas que el archivo: el flyer queda a tamaño real y los lados se rellenan con su propia imagen desenfocada. */
body .flyer-backdrop{display:none}
@media(min-width:1984px){
 body .flyer-stage{aspect-ratio:auto;max-width:none;height:793px;margin:0}
 body .flyer-slide{position:relative}
 body .flyer-slide>a,body .flyer-slide>img[data-focal]{position:relative;z-index:1}
 body .flyer-slide img[data-focal]{display:block;width:1983px;margin:0 auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
 body .flyer-slide img.flyer-backdrop{display:block;position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:blur(36px) brightness(.5) saturate(1.1);transform:scale(1.1)}
}

/* Flechas de los carruseles de productos: visibles y con tamaño real */
body .home-slider-arrow{top:calc(((100% - 96px)/2) - 24px);width:48px;height:48px;border-radius:12px;background:rgba(6,8,11,.82);opacity:1}
body .home-slider-arrow svg{width:26px;height:26px}
body .home-slider-arrow:hover{background:var(--cyan);color:#051019}
body .home-slider-arrow.previous{left:8px}
body .home-slider-arrow.next{right:8px}
body .visual-arrow{width:48px;height:48px;border-radius:12px}

/* Logo de Steam */
body .product-card .card-platform-badge{width:26px;height:26px;flex-basis:26px;opacity:1}
body .product-card .price-row .card-platform-badge .card-platform-icon{width:26px;height:26px}
body .buy-platform-badge{width:26px;height:26px}
body .buy-platform-badge img{width:26px;height:26px}
body .buy-platform img{filter:none}
body .mobile-menu .mobile-nav-icon img{width:24px;height:24px}

@media(prefers-reduced-motion:reduce){body .product-card .product-art img,body .home-slider-arrow,body .flyer-stage .flyer-arrow{transition:none}}