/* Ocio Juguetes storefront · 2026-10-13. Presentation only; no legal/cookie/table rules. */
:root{--oj-action:#7037cb;--oj-action-hover:#5823a8;--oj-muted:#625b6b}
#masthead :focus-visible,#main :focus-visible,.site-footer :focus-visible,.copyright :focus-visible{outline:3px solid var(--oj-action);outline-offset:4px}
body .col-full.topbar-wrapper{background:var(--oj-crema);border-bottom:0}
.top-bar .textwidget{padding:8px 0}
.site-header{border-bottom:1px solid var(--oj-linea)}
.site-header .main-header{display:flex;align-items:center;gap:30px;padding-top:25px;padding-bottom:25px}
.site-header .site-branding{flex:0 0 230px;margin:0}
.site-header .custom-logo-link img{width:230px;height:auto}
.site-header .site-search{flex:1;width:auto;margin:0}
.site-header .site-search .widget{margin:0}
.site-header .site-search input[type=search]{height:50px;border:1px solid var(--oj-linea);border-radius:8px;background:#faf8fc;color:var(--oj-tinta);padding-left:45px;padding-right:20px;font-size:15px}
.site-header .site-search input::placeholder{color:var(--oj-muted);opacity:1}
.oj-account{display:flex;align-items:center;gap:9px;flex-shrink:0;min-height:44px;font-size:14px;font-weight:600;color:var(--oj-tinta)}
.oj-account:hover{color:var(--oj-action)}
.site-header .main-header .site-header-cart{display:block;position:static;width:auto;height:auto;margin:0;line-height:1.4;flex-shrink:0}
.site-header .shoptimizer-cart .cart-contents{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--oj-tinta)}
.site-header .shoptimizer-cart .cart-contents .count,.site-header .shoptimizer-cart .cart-contents .count:after{border-color:var(--oj-action);color:var(--oj-action)}
.site-header .shoptimizer-cart a.cart-contents:hover .count{background:var(--oj-action);color:#fff}
#shoptimizerCartDrawer .quantity{color:var(--oj-muted)}
body .col-full-nav{background:var(--oj-lila);border-top:1px solid #eee7f6}
body .main-navigation{width:100%}
@media(min-width:993px){
 body .menu-primary-menu-container>ul{display:flex;justify-content:space-between;gap:0}
 body .menu-primary-menu-container>ul>li>a{line-height:52px;color:var(--oj-tinta);padding:0 10px;font-size:14px}
 body .menu-primary-menu-container>ul>li:first-child>a{padding-left:0}
 body .menu-primary-menu-container>ul>li:last-child>a{padding-right:0}
 body .main-navigation ul.menu>li.menu-item-has-children>a:after{background:var(--oj-tinta)}
 body .menu-primary-menu-container>ul.menu:hover>li>a{opacity:1}
 body .menu-primary-menu-container>ul>li>a:hover,body .main-navigation ul.menu ul li a:hover{color:var(--oj-action)}
 body .main-navigation ul.menu ul.sub-menu{border:1px solid var(--oj-linea);box-shadow:0 12px 24px #35204d12}
 body .menu-primary-menu-container>ul>li>a{white-space:nowrap}
}
/* Nueve entradas con «Tienda»: entre 993 y 1199 px, una sola línea sin cortes. */
@media(min-width:993px) and (max-width:1199px){
 body .menu-primary-menu-container>ul>li>a{padding:0 4px;font-size:13px}
}

/* Gutenberg home: same container axis throughout, 56px between commercial sections. */
body.home.page-template-template-fullwidth-no-heading #content{padding-top:24px}
.home:not(.woocommerce) .site-main{padding-bottom:64px}
.oj-hero{display:grid;grid-template-columns:44% 56%;min-height:410px;border:1px solid #f0e4c5;border-radius:16px;overflow:hidden;background:linear-gradient(100deg,var(--oj-crema) 0%,#fffcf5 44%,#fff 65%);margin:0 0 48px}
.oj-hero-copy{padding:46px 0 46px 44px;align-self:center;position:relative;z-index:1}
.oj-eyebrow{font-size:12px!important;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--oj-action);margin:0 0 16px!important}
.oj-hero-title{max-width:400px;font-size:56px;font-weight:800;line-height:1.06;letter-spacing:-2.1px;color:var(--oj-tinta);margin:0 0 20px}
.oj-hero-copy>p:not(.oj-eyebrow):not(.oj-hero-title){max-width:340px;font-size:16px;line-height:1.6;margin:0 0 25px;color:#514953}
.oj-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 22px;min-height:50px;background:var(--oj-action);color:#fff!important;border:1px solid var(--oj-action);border-radius:7px;font-size:15px;font-weight:750;line-height:1.4;text-decoration:none!important;transition:background .15s}
.oj-cta:hover{background:var(--oj-action-hover);border-color:var(--oj-action-hover)}
.oj-cta>span{font-size:21px;line-height:1}
.oj-hero-products{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px;padding:20px 25px 20px 5px;position:relative}
.oj-hero-product{display:flex;flex-direction:column;align-items:center;color:#514953;font-size:12px;font-weight:600;text-decoration:none!important;min-width:0}
.oj-hero-product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.oj-bulbasaur{transform:translateY(-22px)}
.oj-slowpoke{transform:translateY(34px)}
.oj-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 22px}
.oj-section-heading h2{font-size:28px;font-weight:800;letter-spacing:-.7px;margin:0;color:var(--oj-tinta)}
.oj-section-heading a{color:var(--oj-action);font-weight:700;font-size:14px;white-space:nowrap;text-underline-offset:4px;min-height:32px;display:inline-flex;align-items:center}
.oj-categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;margin:0 0 56px}
.oj-category{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;font-weight:700;color:var(--oj-tinta);font-size:13px;line-height:1.4;text-decoration:none!important}
.oj-category-image{display:block;width:100%;aspect-ratio:1;border-radius:50%;background:#faf8fc;border:1px solid var(--oj-linea);padding:12px;overflow:hidden}
.oj-category-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.oj-category:hover{color:var(--oj-action)}
.oj-category:hover .oj-category-image{border-color:var(--oj-action)}
.home .entry-content>.woocommerce{margin:0 0 56px}
.oj-licenses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0 0 56px}
.oj-license{display:block;border:1px solid var(--oj-linea);border-radius:12px;overflow:hidden;color:var(--oj-tinta);text-decoration:none!important;background:#fff}
.oj-license-image{display:block;background:#faf8fc;padding:18px 30px}
.oj-license:nth-child(2) .oj-license-image{background:#fff7e3}
.oj-license:nth-child(3) .oj-license-image{background:#f5f3ed}
.oj-license:nth-child(4) .oj-license-image{background:#edf6fa}
.oj-license-image img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.oj-license>span:last-child{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;font-size:17px;font-weight:750}
.oj-license:hover{border-color:var(--oj-action);color:var(--oj-action)}
.oj-loungefly{display:grid;grid-template-columns:55% 45%;align-items:center;border:1px solid var(--oj-linea);background:linear-gradient(100deg,var(--oj-lila),#fdfbff);border-radius:16px;overflow:hidden;margin:0 0 28px}
.oj-loungefly-copy{padding:40px 46px}
.oj-loungefly h2{font-size:38px;line-height:1.15;font-weight:800;letter-spacing:-1px;margin:0 0 16px}
.oj-loungefly-copy>p:not(.oj-eyebrow){font-size:16px;margin:0 0 24px}
.oj-loungefly-product{padding:14px 50px}
.oj-loungefly-product img{width:100%;height:340px;object-fit:contain;mix-blend-mode:multiply}

/* Product cards retain WooCommerce data and native AJAX cart controls. */
body .site-main ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;align-items:stretch;width:100%;max-width:100%;margin-left:0;margin-right:0}
body .site-main ul.products:before,body .site-main ul.products:after{display:none}
body .site-main ul.products li.product{float:none;width:auto!important;max-width:none;margin:0!important;padding:0;display:flex;flex-direction:column;align-self:stretch;min-width:0;background:#fff}
body .site-main ul.products li.product .woocommerce-image__wrapper{border:1px solid #eee9f3;border-radius:10px;overflow:hidden;margin-bottom:15px;background:#fff}
body .site-main ul.products li.product img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}
body .site-main ul.products li.product .woocommerce-card__header{display:flex;flex-direction:column;flex:1;padding:0;position:static}
body .site-main ul.products li.product .woocommerce-loop-product__title{font-size:14px;line-height:1.5;letter-spacing:0;min-height:3em;margin-bottom:8px;font-weight:600}
body .site-main ul.products li.product .woocommerce-loop-product__title a{color:var(--oj-tinta);text-decoration:none}
body .site-main ul.products li.product .price{font-size:19px;line-height:1.35;font-weight:800;color:var(--oj-tinta);margin:auto 0 14px;display:block}
body .site-main ul.products li.product .price small{font-size:10px;font-weight:500;white-space:nowrap;color:#625b6b;display:inline-block}
body .site-main ul.products li.product a.button,body .site-main ul.products li.product a.added_to_cart{position:static!important;display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;opacity:1!important;visibility:visible!important;transform:none!important;margin-top:auto;padding:10px 8px;border-radius:6px;background:var(--oj-action)!important;border:1px solid var(--oj-action);color:#fff!important;font-size:13px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;box-shadow:none}
body .site-main ul.products li.product a.button:hover,body .site-main ul.products li.product a.added_to_cart:hover{background:var(--oj-action-hover)!important}
body .site-main ul.products li.product a.added_to_cart{margin-top:8px}
body .site-main ul.products li.product a.button:before{display:none}
body .site-main ul.products li.product .button.added{display:none}
body .site-main ul.products li.product .woocommerce-card__header>a.button{margin-top:0}
/* The parent's mobile related-products scroller must use the same card grid. */
body .site-main .related.products ul.products{display:grid;overflow:visible;scroll-snap-type:none;padding:0;margin-left:0;margin-right:0;width:100%}
body .site-main .related.products ul.products li.product{min-width:0;max-width:none;scroll-snap-align:none}
body .site-main .related.products ul.products li.product .woocommerce-card__header{padding:0;box-shadow:none}
.woocommerce-pagination ul.page-numbers{display:flex;flex-wrap:wrap;gap:5px;max-width:100%}
.woocommerce-pagination li .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}
.woocommerce-pagination .page-numbers.current{color:var(--oj-action)!important;font-weight:800}
body .shoptimizer-category-banner{background:var(--oj-crema)}
body .shoptimizer-category-banner h1{font-size:36px;font-weight:800}
body .woocommerce-products-header:has(.oj-category-intro){display:block;background:transparent;overflow:visible;margin:-12px 0 24px}
body .woocommerce-products-header .oj-category-intro{font-family:Manrope,sans-serif;font-size:14px;line-height:1.6;letter-spacing:0;color:var(--oj-muted);margin:0}
.oj-category-copy{clear:both;max-width:none;margin:42px 0 0;font-family:Manrope,sans-serif;font-size:15px;line-height:1.8;color:var(--oj-tinta)}
.oj-category-copy p{margin:0 0 1em}
.oj-category-copy p:last-child{margin-bottom:0}
.oj-category-copy a{color:var(--oj-action);text-decoration:underline;text-underline-offset:3px}
/* Approved homepage copy: full container width, secondary to the campaign. */
.oj-home-intro.oj-category-copy{margin:0 0 56px;font-size:16px}
.oj-home-intro h1{font-size:24px;line-height:1.35;font-weight:800;letter-spacing:-.45px;color:var(--oj-tinta);margin:0 0 12px}
.oj-home-seo.oj-category-copy{margin:56px 0 0}
.oj-home-seo h2{font-size:26px;line-height:1.3;font-weight:800;letter-spacing:-.6px;color:var(--oj-tinta);margin:32px 0 16px}
.oj-home-seo h2:first-child{margin-top:0}
body.woocommerce.archive #primary,body.woocommerce.search #primary{width:100%;float:none}
body.woocommerce.archive #secondary,body.woocommerce.search #secondary{display:none}

/* Collapsible native GET filters, brand + WooCommerce price range. */
.oj-filters{margin:0 0 25px;border:1px solid var(--oj-linea);border-radius:10px;background:#faf8fc;padding:15px 20px;clear:both}
.oj-filters summary{cursor:pointer;font-size:14px;font-weight:750;color:var(--oj-tinta);min-height:28px}
.oj-filters form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:16px 0 0}
.oj-filters label{display:block;font-size:12px;font-weight:700;color:var(--oj-tinta);margin:0 0 5px}
.oj-filters select,.oj-filters input[type=number]{height:42px;background:#fff;border:1px solid #a39aa9;border-radius:5px;padding:8px 10px;margin:0;font-size:14px;min-width:0;max-width:100%}
.oj-filters select{width:225px}
.oj-filters input[type=number]{width:110px}
.oj-filters button{background:var(--oj-action);color:#fff;min-height:42px;border-radius:5px;font-size:14px;padding:9px 22px}
.oj-filters a{display:inline-flex;align-items:center;min-height:42px;color:var(--oj-action);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.oj-filters__actions{display:flex;align-items:center;gap:20px}

/* PDP and WooCommerce blocks: accessible action colour, original fields and steps. */
body.single-product .site-content .col-full{background:#fff}
body.single-product h1.product_title{font-size:32px;line-height:1.22;font-weight:750;letter-spacing:-.7px}
body.single-product div.product p.price{color:var(--oj-tinta);font-size:28px;font-weight:800}
body.single-product div.product p.price small{font-size:12px;font-weight:500;color:var(--oj-muted)}
body.single-product .stock.in-stock{color:#32653b;font-size:14px;font-weight:600}
body.single-product div.product form.cart .button,body #main .wc-block-cart__submit-button,body #main .wc-block-components-checkout-place-order-button,body #main .return-to-shop .button,.site .widget_shopping_cart a.button.checkout{background:var(--oj-action)!important;color:#fff!important;border-radius:7px;border:1px solid var(--oj-action);font-weight:700}
body.single-product div.product form.cart .button:hover,body #main .wc-block-cart__submit-button:hover,body #main .wc-block-components-checkout-place-order-button:hover{background:var(--oj-action-hover)!important}
.woocommerce-tabs .tabs li a:after{border-color:var(--oj-action)}
.woocommerce-tabs ul.tabs li a span{background:var(--oj-action)}
body .wc-block-components-sidebar-layout .wc-block-components-sidebar{background:#faf8fc;border:1px solid var(--oj-linea);border-radius:12px;padding:24px}
body .wc-block-components-product-name,body .wc-block-components-totals-coupon-link{color:var(--oj-tinta)}
body .wc-block-components-form .wc-block-components-text-input input:focus,body .wc-block-components-text-input input:focus{box-shadow:0 0 0 1px var(--oj-action);border-color:var(--oj-action)}
.related.products>h2{font-size:26px;font-weight:800}
body.single-product .related.products{padding-bottom:56px}

/* Existing Ayuda and copyright stay in place, surrounded by two utility columns. */
body footer.site-footer,body footer.copyright{background:#faf8fc;color:var(--oj-tinta)}
body footer.site-footer{border-top:1px solid var(--oj-linea);padding-top:48px;padding-bottom:44px}
body footer.site-footer>.col-full{display:grid;grid-template-columns:1.15fr 1fr 1.15fr 1.1fr;gap:38px}
body footer.site-footer>.col-full:before,body footer.site-footer>.col-full:after{display:none}
body footer.site-footer .widget{width:auto!important;float:none;margin:0;padding:0}
body .site footer.site-footer .widget .widget-title{color:var(--oj-tinta);font-size:14px;font-weight:800;letter-spacing:0;text-transform:none;margin:0 0 18px;display:block;line-height:1.4}
body footer.site-footer a:not(.button),body footer.copyright a{color:#514953}
body footer.site-footer a:not(.button):hover,body footer.copyright a:hover{color:var(--oj-action)}
body footer.site-footer li{margin-bottom:6px}
body footer.site-footer li a{display:inline-block;min-height:28px;font-size:13px;line-height:1.7;padding:2px 0}
.oj-footer-brand .custom-logo-link img{width:200px;height:auto}
body footer.copyright{border-top:1px solid var(--oj-linea);font-size:12px;padding:18px 0}

@media(max-width:992px){
 .site-header .main-header{display:grid;grid-template-columns:minmax(0,1fr) 34px 38px;gap:0 12px;height:auto;min-height:128px;padding:12px 20px 14px}
 .site-header .site-branding{height:52px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:auto;min-width:0}
 .site-header .site-branding .menu-toggle{position:relative;left:auto;top:auto;flex:0 0 30px;width:30px;margin:0;padding:7px 0;height:40px;background:transparent}
 .site-header .site-branding .menu-toggle .bar{left:2px;top:50%}
 .site-header .site-branding .bar-text{display:none}
 .site-header .custom-logo-link{min-width:0}
 body.wp-custom-logo .site-header .custom-logo-link img{height:auto;width:172px;max-width:100%}
 .oj-account{justify-content:center;min-height:44px;grid-column:2;grid-row:1}
 .oj-account span{display:none}
 .site-header .main-header .site-header-cart{grid-column:3;grid-row:1;width:38px}
 .site-header .shoptimizer-cart .cart-contents{justify-content:center}
 .site-header .shoptimizer-cart .cart-contents>.amount{display:none}
 .site-header .main-header .site-search{display:block!important;position:static!important;visibility:visible!important;transform:none!important;width:100%;height:auto;grid-column:1/-1;grid-row:2;padding:8px 0 0;margin:0;opacity:1}
 .site-header .site-search input[type=search]{height:44px;font-size:14px}
 .col-full-nav .site-search,.mobile-search-toggle{display:none!important}
 body .col-full-nav{border-top:0;background:#fff}
 body .topbar-wrapper.hide-on-mobile{display:block!important}
 .topbar-wrapper .top-bar{display:block;padding:0}
 .top-bar .textwidget{padding:7px 0;font-size:11px}
 .top-bar .oj-envios-barra{font-size:11px}
 .oj-hero{grid-template-columns:46% 54%;min-height:340px}
 .oj-hero-copy{padding:28px}
 .oj-hero-title{font-size:40px;letter-spacing:-1.3px}
 .oj-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
 .oj-category-image{max-width:120px}
 body .site-main ul.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
 body footer.site-footer>.col-full{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
 .oj-loungefly h2{font-size:30px}
 .oj-loungefly-copy{padding:30px}
 .oj-loungefly-product{padding:14px 25px}
}
@media(max-width:600px){
 body.home.page-template-template-fullwidth-no-heading #content{padding-top:16px}
 .home:not(.woocommerce) .site-main{padding-bottom:40px}
 .oj-hero{display:flex;flex-direction:column;min-height:0;margin-bottom:32px;background:linear-gradient(160deg,var(--oj-crema),#fff 80%);border-radius:12px}
 .oj-hero-copy{padding:25px 24px 8px;width:100%}
 .oj-eyebrow{font-size:10px!important;letter-spacing:1.2px;margin-bottom:12px!important}
 .oj-hero-title{font-size:37px;line-height:1.08;letter-spacing:-1.2px;max-width:280px;margin-bottom:14px}
 .oj-hero-copy>p:not(.oj-eyebrow):not(.oj-hero-title){font-size:14px;line-height:1.5;margin-bottom:19px}
 .oj-home-intro.oj-category-copy{margin-bottom:36px}
 .oj-home-intro h1{font-size:20px;letter-spacing:-.3px}
 .oj-home-seo.oj-category-copy{margin-top:36px}
 .oj-home-seo h2{font-size:20px;letter-spacing:-.3px;margin-top:28px}
 .oj-cta{min-height:46px;padding:12px 17px;font-size:13px;gap:24px}
 .oj-hero-products{width:100%;padding:4px 15px 18px;gap:8px}
 .oj-hero-product{font-size:10px}
 .oj-bulbasaur,.oj-slowpoke{transform:none}
 .oj-section-heading{margin-bottom:18px;gap:10px;align-items:center}
 .oj-section-heading h2{font-size:22px;line-height:1.2;letter-spacing:-.45px}
 .oj-section-heading a{font-size:12px}
 .oj-categories{gap:20px 10px;margin-bottom:36px}
 .oj-category{font-size:10px;gap:9px;line-height:1.4}
 .oj-category-image{padding:7px}
 .home .entry-content>.woocommerce{margin-bottom:36px}
 body .site-main ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}
 body .site-main ul.products li.product .woocommerce-image__wrapper{margin-bottom:11px;border-radius:7px}
 body .site-main ul.products li.product .woocommerce-loop-product__title{font-size:12px;line-height:1.45;min-height:4.35em;margin-bottom:8px}
 body .site-main ul.products li.product .price{font-size:17px;margin-bottom:12px}
 body .site-main ul.products li.product .price small{font-size:9px}
 body .site-main ul.products li.product a.button,body .site-main ul.products li.product a.added_to_cart{font-size:11px;min-height:40px;padding:10px 4px}
 .oj-licenses{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:36px}
 .oj-license-image{padding:12px 20px}
 .oj-license>span:last-child{font-size:14px;padding:12px}
 .oj-loungefly{grid-template-columns:1fr;margin-bottom:22px}
 .oj-loungefly-copy{padding:26px 24px 0}
 .oj-loungefly h2{font-size:29px;letter-spacing:-.8px}
 .oj-loungefly-copy>p:not(.oj-eyebrow){font-size:14px;line-height:1.5;margin-bottom:18px}
 .oj-loungefly-product{padding:10px 40px 22px}
 .oj-loungefly-product img{height:235px}
 .oj-filters{padding:13px 15px;margin-bottom:20px}
 .oj-filters form{gap:12px}
 .oj-filters select{width:100%}
 .oj-filters input[type=number]{width:100%}
 .oj-filters form>div{flex:1 1 40%;min-width:0}
 .oj-filters form>.oj-filters__brand,.oj-filters form>.oj-filters__actions{flex:1 1 100%}
 .oj-filters__actions{display:flex;gap:18px;align-items:center}
 .oj-filters summary{font-size:13px}
 body.single-product h1.product_title{font-size:25px;line-height:1.25;letter-spacing:-.5px}
 body.single-product div.product p.price{font-size:25px}
 body .wc-block-components-sidebar-layout .wc-block-components-sidebar{padding:18px 16px}
 body footer.site-footer{padding-top:32px}
 body footer.site-footer>.col-full{gap:30px 22px;grid-template-columns:1fr 1fr}
 .oj-footer-brand{grid-column:1/-1}
 .oj-footer-contact{grid-column:1/-1}
 .oj-footer-brand .custom-logo-link img{width:190px}
 body footer.site-footer .widget .widget-title{margin-bottom:12px!important}
 body footer.site-footer li a{font-size:12px}
 body .shoptimizer-category-banner h1{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.oj-cta{transition:none}}
