/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! Itâ€™s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. Itâ€™s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.13.8
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 10.9.4
Tested up to: 7.0
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */
/* ===== IBIZA TECNOLOGIA - diseÃ±o tipo tecnocompro ===== */
:root{
  --ib-primary:#0057b8;
  --ib-primary-dark:#003a75;
  --ib-primary-darker:#002a55;
  --ib-accent:#ff7a00;
  --ib-wa:#25D366;
  --ib-dark:#0e1b2d;
  --ib-gray:#f4f6f9;
}
body{ font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif; color:#2a2f36; }
h1,h2,h3,h4,h5,h6{ font-family:'Poppins','Segoe UI',Arial,sans-serif; }

/* ---------- BARRA PROMO ---------- */
.ibiza-topbar{ background:#002a55; color:#fff; font-size:13px; padding:9px 16px; text-align:center; line-height:1.9; }
.ibiza-topbar a{ color:#fff; text-decoration:none; font-weight:600; }
.ibiza-topbar .ib-tb-item{ margin:0 12px; display:inline-block; }
.ibiza-topbar .ib-tb-promo{ color:#ffd34d; font-weight:700; }
@media (max-width:768px){ .ibiza-topbar .ib-tb-item{ margin:0 8px; } }

/* ---------- BARRA DE BUSQUEDA ---------- */
.ibiza-searchbar{ background:transparent; padding:14px 16px; }
.ibiza-searchbar form{ max-width:820px; margin:0 auto; display:flex; }
.ibiza-searchbar select{ border:none; border-radius:8px 0 0 8px; padding:12px 10px; font-size:14px; background:#fff; color:#333; max-width:180px; }
.ibiza-searchbar input[type=search]{ flex:1; border:none; padding:12px 16px; font-size:15px; outline:none; color:#222; min-width:0; }
.ibiza-searchbar button{ border:none; background:#0057b8; color:#fff; font-weight:700; padding:12px 26px; border-radius:0 8px 8px 0; cursor:pointer; font-size:15px; }
.ibiza-searchbar button:hover{ background:#003a75; color:#fff; }
@media (max-width:600px){ .ibiza-searchbar select{ display:none; } }

/* ---------- HEADER (Astra) ---------- */
.site-header{ background:#002a55; box-shadow:none; }
.main-header-menu .menu-link{ color:#17212b !important; font-weight:600; font-size:14px; text-transform:uppercase; letter-spacing:.4px; }
.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current-menu-ancestor > .menu-link{ color:#0057b8 !important; }
.main-navigation .sub-menu, .ast-nav-menu .sub-menu{ background:#fff; border-radius:0 0 10px 10px; box-shadow:0 12px 30px rgba(0,0,0,.12); border:none; }
.main-navigation .sub-menu .menu-link{ color:#17212b; font-size:14px; text-transform:none; }
.main-navigation .sub-menu .menu-link:hover{ color:#0057b8; background:#eef4fb; }
.ast-header-break-point .main-header-menu .menu-link{ color:#17212b !important; }
.ast-search-icon .astra-search-icon, .ast-site-header-cart .ast-cart-menu-wrap{ color:#0057b8; }
.ast-site-header-cart .ast-cart-menu-wrap .count{ background:#0057b8; color:#fff; }

/* ---------- BOTONES ---------- */
.btn,.button,.ast-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.wp-block-button__link,.wc-block-components-button,.ast-custom-button{
  background:#0057b8 !important; border-color:#0057b8 !important; color:#fff !important; border-radius:8px !important; font-weight:600 !important; transition:all .2s ease; }
.btn:hover,.button:hover,.ast-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.wp-block-button__link:hover,.wc-block-components-button:hover{ background:#003a75 !important; border-color:#003a75 !important; }
.ibiza-btn-wa{ background:#25D366 !important; border-color:#25D366 !important; color:#fff !important; }
.ibiza-btn-wa:hover{ background:#1eb85a !important; }

/* ---------- MODO CONSULTAR PRECIO ---------- */
.woocommerce div.product p.price,.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price,
.woocommerce .summary .price{ display:none !important; }
.woocommerce div.product form.cart,.woocommerce .single_add_to_cart_button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_simple,
.woocommerce ul.products li.product .button{ display:none !important; }
.ibiza-consult-btn{ display:inline-flex !important; align-items:center; gap:8px; background:#25D366 !important; color:#fff !important; padding:12px 22px !important; border-radius:50px !important; font-weight:700 !important; text-decoration:none !important; font-size:15px !important; box-shadow:0 4px 14px rgba(37,211,102,.35); margin-top:12px; }
.ibiza-consult-btn:hover{ background:#1eb85a !important; color:#fff !important; }
.woocommerce ul.products li.product .ibiza-consult-btn{ display:flex !important; justify-content:center; margin:10px auto; width:auto; }
.woocommerce ul.products li.product .onsale{ background:#ff7a00 !important; border-radius:50% !important; }

/* ---------- TARJETAS DE PRODUCTO ---------- */
.woocommerce ul.products li.product{ background:#16233a; border:1px solid #24344f; border-radius:14px; overflow:hidden; transition:all .25s ease; padding:0 0 16px; }
.woocommerce ul.products li.product:hover{ box-shadow:0 12px 30px rgba(0,20,60,.5); transform:translateY(-4px); border-color:#3b5a8c; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:14px; padding:10px 14px 4px; min-height:44px; }
.woocommerce ul.products li.product .star-rating{ margin-left:14px; }

/* ---------- HOME SECTIONS ---------- */
.ib-full{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.ib-container{ max-width:1200px; margin:0 auto; padding:0 20px; }
.ib-section{ padding:50px 0 10px; }
.ib-section-gray{ background:#f4f6f9; }
.page-id-6391 h1.entry-title,.page-id-6391 .page-title{ display:none !important; }
.woocommerce ul.products{ max-width:1200px; margin-left:auto !important; margin-right:auto !important; padding:0 20px; }
p.demo_store,.woocommerce-demo-store .demo_store{ display:none !important; }

.ib-hero{ background:transparent; color:#fff; border-radius:0; position:relative; overflow:hidden; padding:70px 0; }
.ib-hero .ib-hero-tag{ display:inline-block; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.35); color:#fff; padding:6px 16px; border-radius:50px; font-size:13px; letter-spacing:1px; text-transform:uppercase; }
.ib-hero h1{ font-size:44px; line-height:1.1; margin:16px 0; font-weight:800; color:#fff; }
.ib-hero p.ib-hero-sub{ font-size:18px; color:#dbe8ff; max-width:560px; }
.ib-hero .ib-hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-top:26px; }
.ib-hero .ib-hero-ctas a{ padding:14px 30px; border-radius:50px; font-weight:700; text-decoration:none; display:inline-block; font-size:15px; }
.ib-hero .ib-cta-solid{ background:#fff; color:#0057b8 !important; box-shadow:0 6px 18px rgba(0,0,0,.18); }
.ib-hero .ib-cta-solid:hover{ background:#ffd34d; color:#0a2540 !important; }
.ib-hero .ib-cta-ghost{ border:2px solid rgba(255,255,255,.7); color:#fff !important; }
.ib-hero .ib-cta-ghost:hover{ background:rgba(255,255,255,.12); }
.ib-hero .ib-hero-points{ display:flex; gap:26px; flex-wrap:wrap; margin-top:34px; font-size:14px; color:#dbe8ff; }
.ib-hero .ib-hero-points span{ display:flex; align-items:center; gap:8px; }

.section-title{ text-align:center; margin:0 0 6px; font-size:28px; font-weight:800; color:#0e1b2d; }
.section-sub{ text-align:center; color:#6b7686; margin:0 0 30px; font-size:15px; }

.ib-cat-card{ position:relative; border-radius:14px; overflow:hidden; display:block; text-decoration:none !important; min-height:170px; background-size:cover; background-position:center; box-shadow:0 4px 14px rgba(0,30,70,.10); transition:all .25s ease; }
.ib-cat-card:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,30,70,.20); }
.ib-cat-card .ib-cat-overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,25,55,.05) 40%,rgba(5,25,55,.85) 100%); }
.ib-cat-card .ib-cat-name{ position:absolute; bottom:0; left:0; right:0; padding:16px; color:#fff; font-weight:700; font-size:16px; z-index:2; }

.ib-usp{ background:#fff; border:1px solid #eef1f5; border-radius:14px; padding:22px 16px; text-align:center; transition:all .25s ease; height:100%; }
.ib-usp:hover{ box-shadow:0 10px 26px rgba(0,40,90,.10); }
.ib-usp .ib-usp-icon{ font-size:34px; }
.ib-usp h4{ margin:10px 0 6px; font-size:15px; font-weight:700; color:#0e1b2d; }
.ib-usp p{ margin:0; font-size:13px; color:#6b7686; }
.ib-cats-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:0 0 40px; }
@media (max-width:768px){ .ib-cats-grid{ grid-template-columns:repeat(2,1fr); gap:12px; } }
.ib-usp-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:0 0 30px; }
@media (max-width:992px){ .ib-usp-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .ib-usp-grid{ grid-template-columns:1fr; } }

.ib-brands{ display:flex; flex-wrap:wrap; justify-content:center; gap:22px; align-items:center; }
.ib-brands span{ font-size:20px; font-weight:800; letter-spacing:1px; color:#9aa5b1; transition:color .2s; white-space:nowrap; }
.ib-brands span:hover{ color:#0057b8; }

.ib-cta-banner{ background:linear-gradient(120deg,#003a75,#0057b8); border-radius:18px; color:#fff; padding:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; }
.ib-cta-banner h3{ margin:0 0 6px; font-size:26px; font-weight:800; color:#fff; }
.ib-cta-banner p{ margin:0; color:#dbe8ff; }
.ib-cta-banner .ibiza-btn-wa{ padding:14px 30px; border-radius:50px; font-weight:700; text-decoration:none !important; display:inline-block; font-size:15px; }

/* ---------- FOOTER (Astra) ---------- */
.site-footer{ background:#0e1b2d !important; color:#b9c4d0; }
.site-footer .widget-title,.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5{ color:#fff !important; }
.site-footer a{ color:#b9c4d0; }
.site-footer a:hover{ color:#fff; }
.site-footer .footer-widget-area{ padding-top:40px; }
.ast-footer-copyright{ background:#091423 !important; color:#8b98a6; }
.ast-footer-copyright a{ color:#8b98a6; }

/* ---------- WHATSAPP FLOTANTE ---------- */
.ibiza-wa-float{ position:fixed; right:22px; bottom:22px; z-index:99999; width:60px; height:60px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(37,211,102,.45); animation:ibiza-wa-pulse 2s infinite; transition:transform .2s; }
.ibiza-wa-float:hover{ transform:scale(1.08); }
.ibiza-wa-float svg{ width:34px; height:34px; fill:#fff; }
@keyframes ibiza-wa-pulse{ 0%{box-shadow:0 0 0 0 rgba(37,211,102,.5);} 70%{box-shadow:0 0 0 18px rgba(37,211,102,0);} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0);} }

@media (max-width:992px){
  .ib-hero h1{ font-size:30px; }
}

.ibiza-topbar{ background:transparent !important; }
/* ===== IBIZA TECNOLOGIA - ajustes adicionales ===== */

/* ---------- LOGO ---------- */
.custom-logo{ height:70px !important; width:auto !important; max-width:200px !important; }
@media (max-width:921px){ .custom-logo{ height:52px !important; width:auto !important; max-width:140px !important; } }
.ast-replace-site-logo-transparent .site-header .custom-logo-link img,
.ast-replace-site-logo-transparent .site-branding img,
.ast-replace-site-logo-transparent .site-logo-img img{ filter:none !important; -webkit-filter:none !important; }

/* ---------- OCULTAR MENU SECUNDARIO ---------- */
.ast-builder-menu-2, .ast-builder-menu-2-focus-item{ display:none !important; }

/* ---------- ICONOS SOCIALES TOPBAR ---------- */
.ibiza-topbar .ib-soc a{ display:inline-flex; align-items:center; gap:5px; text-decoration:none; }
.ibiza-topbar .ib-soc svg{ width:15px; height:15px; }
.ibiza-topbar .ib-soc a:hover{ color:#ffd34d !important; }

/* ---------- HEADER: LOGO CENTRADO + MENU OSCURO CENTRADO ---------- */
@media (min-width:922px){
  .ast-primary-header-bar .ast-builder-grid-row{ flex-direction:column !important; align-items:stretch !important; }
  .site-header-primary-section-left{ width:100% !important; justify-content:center !important; padding:10px 0 6px !important; }
  .site-header-primary-section-left .site-branding{ text-align:center; margin:0 auto; }
  .site-header-primary-section-left .site-branding img{ margin:0 auto; }
  .site-header-primary-section-right{ width:100% !important; justify-content:space-between !important; background:#002a55 !important; padding:0 !important; position:relative; }
  .site-header-primary-section-right .main-header-menu{ justify-content:center !important; }
  .site-header-primary-section-right .main-header-menu > li > a.menu-link{ color:#fff !important; }
  .site-header-primary-section-right .main-header-menu > li > a.menu-link:hover,
  .site-header-primary-section-right .main-header-menu > li.current-menu-item > a.menu-link,
  .site-header-primary-section-right .main-header-menu > li.current-menu-ancestor > a.menu-link{ color:#ffd34d !important; }
  .site-header-primary-section-right .ast-search-icon .astra-search-icon,
  .site-header-primary-section-right .ast-site-header-cart .ast-cart-menu-wrap,
  .site-header-primary-section-right .ast-header-account,
  .site-header-primary-section-right .ib-cart-icon{ color:#fff !important; }
  .site-header-primary-section-right .ib-cart-icon{ background:transparent !important; }
  .main-navigation .sub-menu{ background:#fff !important; box-shadow:0 12px 30px rgba(0,0,0,.15); }
  .main-navigation .sub-menu .menu-link{ color:#17212b !important; }
  .main-navigation .sub-menu .menu-link:hover{ color:#0057b8 !important; background:#eef4fb !important; }
}

/* ---------- CARRITO HEADER ---------- */
.ast-header-html-1 .ib-cart-icon{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:#0057b8; color:#fff !important; }
.ast-header-html-1 .ib-cart-icon svg{ width:22px; height:22px; }
.ast-header-html-1 .ib-cart-icon:hover{ background:#003a75; }

/* ---------- NOMBRES DE PRODUCTO EN NEGRO ---------- */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{ color:#fff !important; font-size:14px !important; font-weight:600 !important; }

/* ---------- BANNER HERO ---------- */
.ib-hero-banner{ width:100%; max-width:100%; height:auto; border-radius:0; margin:0 0 16px; display:block; box-shadow:none; border:none; }

/* ---------- MOSAICO DE MARCAS ---------- */
.ib-brands-mosaic{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:16px 28px; padding:2px 0 16px; }
.ib-brands-mosaic img{ height:auto !important; width:auto !important; max-height:48px; max-width:180px; object-fit:contain; filter:grayscale(100%); opacity:.75; transition:all .25s ease; }
.ib-brands-mosaic img:hover{ filter:grayscale(0); opacity:1; transform:scale(1.05); }
.ib-brands-mosaic .ib-brand-text{ font-size:16px; font-weight:800; letter-spacing:1.5px; color:#9aa5b1; transition:color .2s; }
.ib-brands-mosaic .ib-brand-text:hover{ color:#0057b8; }
@media (max-width:768px){ .ib-brands-mosaic{ gap:12px 20px; } .ib-brands-mosaic img{ max-height:36px; max-width:130px; } }

/* ---------- SECCIONES OSCURAS ---------- */
.ib-section-dark{ background:#002a55; }
.ib-section-dark .section-title{ color:#fff !important; }
.ib-section-dark .section-sub{ color:#dbe8ff !important; }
.ib-section-dark .ib-brands-mosaic img{ filter:brightness(0) invert(1) !important; opacity:.85; }
.ib-section-dark .ib-brands-mosaic img:hover{ filter:grayscale(0) brightness(1) invert(0) !important; opacity:1; }
.ib-section-dark .ib-brand-text{ color:#fff !important; }
.ib-section-dark .ib-brand-text:hover{ color:#ffd34d !important; }

/* ---------- TARJETAS SOCIALES ---------- */
.ib-social{ display:flex; justify-content:center; gap:26px; align-items:stretch; flex-wrap:wrap; padding:6px 0 16px; }
.ib-soc-card{ display:flex; flex-direction:column; align-items:center; gap:10px; background:#fff; border:1px solid #eef1f5; border-radius:16px; padding:22px 30px; text-decoration:none; color:#0e1b2d; font-weight:600; font-size:14px; box-shadow:0 4px 14px rgba(0,30,70,.08); transition:all .2s ease; }
.ib-soc-card:hover{ transform:translateY(-3px); box-shadow:0 10px 26px rgba(0,30,70,.14); }
.ib-soc-card .ib-soc-icon{ width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.ib-soc-card .ib-soc-icon svg{ width:30px; height:30px; fill:#fff; }
.ib-soc-card .ib-soc-avatar{ width:64px; height:64px; border-radius:50%; object-fit:cover; border:3px solid #fff; box-shadow:0 4px 12px rgba(0,30,70,.18); }
.ib-soc-card.ig .ib-soc-icon{ background:radial-gradient(circle at 30% 110%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.ib-soc-card.fb .ib-soc-icon{ background:#1877F2; }
.ib-soc-card.wa .ib-soc-icon{ background:#25D366; }
.ib-soc-card .ib-follow{ background:#0057b8; color:#fff !important; padding:9px 24px; border-radius:50px; font-size:13px; }
.ib-soc-card .ib-follow:hover{ background:#003a75; }

/* ---------- HERO CENTRADO ---------- */
.ib-hero-center{ text-align:center; max-width:860px; margin:0 auto; }
.ib-hero .ib-hero-ctas{ justify-content:center; }
.ib-hero .ib-hero-points{ justify-content:center; }

/* ---------- COMPACTAR + ANCHO COMPLETO ---------- */
.ib-hero{ padding:6px 0 22px !important; }
.ib-container{ max-width:1440px !important; padding-left:18px !important; padding-right:18px !important; margin-left:auto !important; margin-right:auto !important; }
.woocommerce ul.products{ max-width:1440px !important; padding-left:18px !important; padding-right:18px !important; margin-top:0 !important; margin-left:auto !important; margin-right:auto !important; }
.ib-section{ padding:22px 0 4px !important; }
.section-title{ margin-bottom:4px !important; }
.section-sub{ margin-bottom:14px !important; }
.ibiza-topbar{ padding:6px 12px !important; }
.ibiza-searchbar{ padding:8px 16px !important; }
.ib-cats-grid{ gap:14px !important; margin-bottom:14px !important; }
.ib-usp-grid{ gap:14px !important; margin-bottom:10px !important; }
.woocommerce ul.products li.product{ margin-bottom:1.4em !important; }
.page-id-6391 .entry-header{ display:none !important; }
.page-id-6391 .site-content, .page-id-6391 .ast-container,
.page-id-6391 .content-area, .page-id-6391 .site-main,
.page-id-6391 .ast-article-single, .page-id-6391 .entry-content{ padding:0 !important; margin:0 !important; }
.ib-section, .ib-section-dark, .ib-section-gray, .ib-full{ width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }

/* ---------- FOOTER 4 COLUMNAS ---------- */
@media (min-width:922px){
  .site-primary-footer-wrap .ast-builder-footer-grid-columns.ast-builder-grid-row,
  .ast-builder-grid-row-4-equal .ast-builder-grid-row,
  .site-primary-footer-wrap .ast-builder-grid-row{ grid-template-columns:repeat(4,1fr) !important; display:grid !important; }
  .site-primary-footer-wrap .site-footer-section{ display:block !important; margin-bottom:0 !important; }
}

/* ===== IBIZA - ancho total del contenido ===== */
.page-id-6391 .ast-container{ max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }
.page-id-6391 .content-area, .page-id-6391 .site-main,
.page-id-6391 .ast-article-single, .page-id-6391 .entry-content{ max-width:100% !important; }
/* IBIZA urgent: hide header account/login icon (linked to external demo site) */
.ast-header-account, .ast-header-account-wrap { display: none !important; }

/* IBIZA: ocultar columna izquierda vacia del header (logo/account removidos del builder) */
.site-header-primary-section-left { display: none !important; }

/* ---------- FIX: opciones del select de categorias SIEMPRE legibles ---------- */
.ibiza-searchbar select, .ibiza-searchbar select option { color:#333 !important; background:#fff !important; }
/* FIX: descripcion de producto legible (heredar color normal, sin dark mode) */
/* FONDO OSCURO DEL CONTENIDO RESTAURADO: texto claro SOLO en paginas internas (no la home) */
body:not(.home) .ast-separate-container .site-content { color:#e8edf2; }
body:not(.home) .ast-separate-container .site-content h1,
body:not(.home) .ast-separate-container .site-content h2,
body:not(.home) .ast-separate-container .site-content h3,
body:not(.home) .ast-separate-container .site-content h4 { color:#fff; }
body:not(.home) .ast-separate-container .site-content a { color:#8ec5ff; }
body:not(.home) .ast-separate-container .site-content .woocommerce-result-count { color:#e8edf2; }
body:not(.home) .ast-separate-container .site-content .woocommerce-ordering select { color:#222; background:#fff; }
/* la home mantiene sus propios fondos por seccion (claras y oscuras) */
.page-id-6391 .ast-separate-container .site-content { color:#2a2f36; }
/* descripcion de producto: blanco sobre fondo oscuro */
.woocommerce-Tabs-panel--description, .woocommerce-product-details__short-description { color:#fff !important; }
/* ---------- BANNER DE SECCION (estilo ib-cta-banner) ---------- */
.ib-sec-banner{ background:linear-gradient(120deg,#003a75,#0057b8); border-radius:18px; color:#fff; padding:32px 40px; text-align:center; margin:0 0 26px; box-shadow:0 10px 30px rgba(0,20,60,.25); }
.ib-sec-banner .section-title{ color:#fff !important; margin:0 0 6px !important; }
.ib-sec-banner .section-sub{ color:#dbe8ff; margin:0; }
/* ---------- SECCION CATEGORIAS: sin fondo navy, se ve el fondo de la web ---------- */
.ib-section-cats{ background:transparent !important; }
.ib-section-cats .section-title{ color:#fff !important; }
.ib-section-cats .section-sub{ color:#dbe8ff !important; }
/* ---------- TEXTO SEO LOCAL (San Lorenzo, Rosario, zona) ---------- */
.ib-seo-local{ background:#fff; border:1px solid #eef1f5; border-radius:14px; padding:28px 32px; margin:0 0 26px; color:#2a2f36; }
.ib-seo-local h2{ font-size:22px; color:#0e1b2d; margin:0 0 12px; }
.ib-seo-local p{ font-size:14px; line-height:1.7; color:#3c4652; margin:0 0 10px; }
.ib-seo-local p:last-child{ margin-bottom:0; }
.ib-seo-local a{ color:#0057b8; }
/* ---------- HEADER MENU FULL WIDTH ---------- */
.site-primary-header-wrap.ast-container,
.site-primary-header-wrap{ max-width:100% !important; width:100% !important; padding-left:0 !important; padding-right:0 !important; }
.ast-builder-grid-row.ast-builder-grid-row-has-sides{ grid-template-columns:1fr !important; }
.site-header-primary-section-right{ width:100% !important; justify-content:center !important; }
.ast-header-html-1{ margin-left:18px; }.ast-builder-menu-1{ flex:1 !important; justify-content:center !important; }
.ast-builder-menu-1 .ast-main-header-bar-alignment{ width:100%; }
.ast-builder-menu-1 .main-header-bar-navigation{ width:100%; }
.ast-builder-menu-1 .main-navigation{ width:100%; justify-content:center; }
.ast-builder-menu-1 .main-header-menu{ justify-content:center !important; }
.ast-header-html-1{ flex-shrink:0; margin-left:16px; }
/* ---------- HOMOGENEIZAR FONDO: categorias y productos = mismo fondo que la home ---------- */
/* Ocultar sidebar (solo tenia CSS viejo de un template anterior) en archivos de tienda */
.woocommerce-page #secondary, .woocommerce #secondary, .ast-woo-shop-archive #secondary { display:none !important; }
.woocommerce-page #primary, .woocommerce #primary { width:100% !important; max-width:100% !important; }
/* Fondo unico en todo el sitio (igual al contenido de la home) */
body.archive, body.woocommerce-page, body.single-product, body.tax-product_cat { background-color:#0F172A !important; }
.ast-separate-container .ast-article-post, .woocommerce.ast-separate-container .ast-woocommerce-container,
.ast-separate-container .ast-article-single { background-color:#0F172A !important; }
/* Contenido a ancho completo sin huecos laterales */
.ast-woocommerce-container .ast-container, .woocommerce-page #content > .ast-container,
.woocommerce #content > .ast-container, .ast-container{ max-width:100% !important; padding-left:18px !important; padding-right:18px !important; }
/* ---------- PAGINA CONTACTO HOMOGENEA (mismo fondo que el resto) ---------- */
body.page-id-4393 { background-color:#0F172A !important; }
body.page-id-4393 .site-content, body.page-id-4393 .ast-container,
body.page-id-4393 .entry-content { background-color:transparent !important; max-width:100% !important; }
body.page-id-4393 .entry-content h1, body.page-id-4393 .entry-content h2,
body.page-id-4393 .entry-content h3 { color:#fff; }
body.page-id-4393 .entry-content p { color:#dbe4ef; }
body.page-id-4393 .entry-content a { color:#8ec5ff; }
/* Tarjetas de datos de contacto: oscuras con texto claro (igual al resto de la web) */
body.page-id-4393 .ib-usp{ background:#16233a; border:1px solid #24344f; }
body.page-id-4393 .ib-usp h4{ color:#fff; }
body.page-id-4393 .ib-usp p{ color:#c3d0e0; }
body.page-id-4393 .ib-usp p a{ color:#8ec5ff; }
/* Header bar integrado con el menu (sin borde blanco) */
.ast-primary-header-bar{ background:#002a55 !important; }
/* ---------- CONTACTO: banner estilo ib-cta-banner ---------- */
.ib-contact-banner{ background:linear-gradient(120deg,#003a75,#0057b8); border-radius:18px; color:#fff; padding:36px 32px; margin:20px auto 30px; max-width:980px; box-shadow:0 10px 30px rgba(0,20,60,.3); }
.ib-contact-banner .ib-usp-grid{ margin:0; max-width:100% !important; }
.ib-contact-banner .ib-usp{ background:rgba(0,15,40,.35); border:1px solid rgba(255,255,255,.18); }
.ib-contact-banner .ib-usp h4{ color:#fff; }
.ib-contact-banner .ib-usp p{ color:#dbe8ff; }
.ib-contact-banner .ib-usp p a{ color:#fff; font-weight:600; }
.ib-contact-banner .ib-usp p a:hover{ color:#ffd34d; }
/* ---------- CONTACTO: letras mas grandes ---------- */
body.page-id-4393 .entry-content > p{ font-size:17px; line-height:1.8; }
body.page-id-4393 .ib-contact-banner .ib-usp h4{ font-size:18px; }
body.page-id-4393 .ib-contact-banner .ib-usp p{ font-size:15px; line-height:1.6; }
body.page-id-4393 .ib-contact-banner .ib-usp-icon{ font-size:40px; }
body.page-id-4393 .entry-content h2{ font-size:26px; }
/* ---------- TOPBAR RESPONSIVE (pantallas chicas) ---------- */
@media (max-width:768px){
  .ibiza-topbar{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:2px 10px; padding:7px 8px !important; }
  .ibiza-topbar .ib-tb-item{ margin:0 2px !important; }
}
@media (max-width:480px){
  /* En pantallas muy chicas: solo telefono + WhatsApp (ocultar redes) */
  .ibiza-topbar a[href*="instagram"], .ibiza-topbar a[href*="facebook"]{ display:none !important; }
  .ibiza-topbar .ib-tb-item{ white-space:nowrap; }
}
/* ---------- PRECIOS VISIBLES (oferta + lista tachada) ---------- */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce .summary .price{ display:block !important; color:#fff !important; font-weight:700 !important; font-size:16px !important; padding:4px 14px 0 !important; }
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del{ color:#93a4bd !important; font-weight:400 !important; font-size:13px !important; opacity:.9; margin-right:6px; }
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins{ text-decoration:none !important; color:#7ee787 !important; font-weight:800 !important; }
.woocommerce div.product p.price{ padding:0 0 10px !important; font-size:26px !important; }
.woocommerce div.product p.price del{ font-size:17px !important; }
/* ---------- TARJETA PRODUCTO: categoria visible + boton siempre abajo ---------- */
.woocommerce ul.products li.product{ display:flex !important; flex-direction:column; }
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .ast-woo-product-category a{ color:#9fb3cc !important; font-size:12px !important; text-transform:uppercase; letter-spacing:.3px; }
.woocommerce ul.products li.product .ibiza-consult-btn{ margin-top:auto !important; margin-bottom:4px !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ flex:0 0 auto; }

/* ---------- PRECIO NO CARGADO: mostrar "Consultar precio" en lugar de vacio ---------- */
.woocommerce ul.products li.product .price .ibiza-consult-price,
.woocommerce div.product p.price .ibiza-consult-price,
.woocommerce div.product span.price .ibiza-consult-price,
.woocommerce .summary .price .ibiza-consult-price,
.ibiza-consult-price{ color:#9fb3cc !important; font-weight:600 !important; font-size:14px !important; letter-spacing:.2px; }
.woocommerce div.product p.price .ibiza-consult-price{ font-size:22px !important; color:#fff !important; }

/* ---------- SIN STOCK: badge "Proximo ingreso" sobre la foto (reemplaza "Agotado") ---------- */
.woocommerce ul.products li.product .ast-shop-product-out-of-stock,
.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock{
  background-color:rgba(255,180,84,.95) !important; color:#16233a !important; border-radius:50px !important;
  font-size:12px !important; font-weight:800 !important; letter-spacing:.4px; text-transform:uppercase !important;
  left:14px !important; right:14px !important; bottom:14px !important; padding:.5em 0 .6em !important;
  box-shadow:0 4px 14px rgba(0,0,0,.28); }
.woocommerce ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock,
.woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock{
  background-color:rgba(255,180,84,1) !important; color:#16233a !important; }
/* En la ficha de producto: aviso "Proximo ingreso" junto al precio */
.woocommerce div.product p.stock.out-of-stock,
.woocommerce .summary p.stock.out-of-stock{ color:#ffb454 !important; font-weight:700 !important; font-size:15px !important; background:rgba(255,180,84,.12); border:1px solid rgba(255,180,84,.35); border-radius:50px; padding:6px 16px !important; display:inline-block !important; margin:10px 0 0 !important; }

/* ---------- BUSQUEDA: desplegable de categorias legible tambien en el celular ---------- */
.ibiza-searchbar select,
.ibiza-searchbar select option{ color:#1f2a37 !important; background-color:#fff !important; color-scheme:light !important; font-size:14px !important; }
.ibiza-searchbar select{ -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231f2a37'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:right 6px center !important; background-size:16px 16px !important; padding-right:26px !important; }
.ibiza-searchbar input[type=search]{ background-color:#fff !important; color:#1f2a37 !important; }
.ibiza-searchbar input[type=search]::placeholder{ color:#8a95a5 !important; opacity:1 !important; }
@media (max-width:600px){
  .ibiza-searchbar form{ flex-wrap:wrap !important; }
  .ibiza-searchbar select{ display:block !important; width:100% !important; max-width:none !important; border-radius:8px !important; margin:0 0 8px 0 !important; order:1; }
  .ibiza-searchbar input[type=search]{ order:2; border-radius:8px 0 0 8px !important; }
  .ibiza-searchbar button{ order:3; }
}
/* ---------- "Ordenar por" de la tienda: texto legible en el celular ---------- */
.woocommerce-ordering select.orderby,
.woocommerce .woocommerce-ordering select{ color:#1f2a37 !important; background-color:#fff !important; color-scheme:light !important; }

/* ---------- MENU DESPLEGABLE EN EL CELULAR: letras claras sobre el fondo oscuro (#0F172A) ---------- */
@media (max-width:921px){
  .ast-mobile-popup-content .main-header-menu > li > .menu-link,
  .ast-mobile-header-content .main-header-menu > li > .menu-link,
  .ast-header-break-point .main-header-menu > li > .menu-link{ color:#ffffff !important; }
  .ast-mobile-popup-content .main-header-menu > li.current-menu-item > .menu-link,
  .ast-mobile-popup-content .main-header-menu > li > .menu-link:hover,
  .ast-header-break-point .main-header-menu > li > .menu-link:hover{ color:#7cc4ff !important; }
  .ast-mobile-popup-content .main-header-menu > li > .ast-menu-toggle,
  .ast-mobile-header-content .main-header-menu > li > .ast-menu-toggle,
  .ast-header-break-point .main-header-menu > li > .ast-menu-toggle{ color:#ffffff !important; }
  .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close{ color:#ffffff !important; }
  /* Submenus dentro del panel: fondo claro y letras oscuras (bien legibles) */
  .ast-mobile-popup-content .main-navigation .sub-menu,
  .ast-mobile-header-content .main-navigation .sub-menu{ background:#ffffff !important; border-radius:10px !important; }
  .ast-mobile-popup-content .main-navigation .sub-menu .menu-link,
  .ast-mobile-header-content .main-navigation .sub-menu .menu-link{ color:#17212b !important; }
  .ast-mobile-popup-content .main-navigation .sub-menu .menu-link:hover{ color:#0057b8 !important; background:#eef4fb !important; }
}

/* ---------- AVISO SITIO EN CONSTRUCCION: precios y fotos ilustrativos ---------- */
.ibiza-aviso{ background:#ffb454; color:#16233a; text-align:center; font-size:13px; font-weight:600; line-height:1.5; padding:8px 16px; }
.ibiza-aviso strong{ font-weight:800; text-transform:uppercase; letter-spacing:.3px; }
.ibiza-aviso a{ color:#0b2a4a; font-weight:800; text-decoration:underline; }
.ibiza-aviso a:hover{ color:#002a55; }
@media (max-width:768px){ .ibiza-aviso{ font-size:12px; padding:8px 12px; line-height:1.45; } }

/* ---------- BUSQUEDA SIMPLE (sin desplegable de categorias) ---------- */
.ibiza-searchbar form{ max-width:760px !important; }
.ibiza-searchbar input[type=search]{ border-radius:8px 0 0 8px !important; }
@media (max-width:600px){
  .ibiza-searchbar form{ flex-wrap:nowrap !important; }
  .ibiza-searchbar input[type=search]{ border-radius:8px 0 0 8px !important; }
  .ibiza-searchbar button{ padding:12px 16px !important; }
}

/* ---------- DOBLE PRECIO: lista (tarjeta) y contado efectivo (no es oferta) ---------- */
.woocommerce ul.products li.product .price{ display:flex !important; flex-direction:column; gap:3px; padding:6px 14px 0 !important; }
.ib-precio-fila{ display:flex; align-items:baseline; justify-content:flex-start; gap:6px; flex-wrap:wrap; }
.ib-precio-et{ font-size:11px; text-transform:uppercase; letter-spacing:.3px; color:#9fb3cc !important; font-weight:700; }
.ib-precio-val{ font-size:15px; font-weight:800; color:#ffffff !important; }
.ib-precio-fila-contado .ib-precio-val{ color:#7ee787 !important; }
.woocommerce div.product p.price{ display:flex !important; flex-direction:column; gap:4px; padding:0 0 10px !important; }
.woocommerce div.product p.price .ib-precio-et{ font-size:12px; }
.woocommerce div.product p.price .ib-precio-val{ font-size:24px; }
/* sacar el cartel de "Oferta" */
.woocommerce ul.products li.product .onsale,
.ast-on-card-button.ast-onsale-card,
.woocommerce div.product span.onsale{ display:none !important; }

/* ---------- FILTROS POR RUBRO (marca/tipo, caracteristicas, precio) ---------- */
.ib-filtros{ margin:0 0 18px; padding:14px 16px; background:#16233a; border:1px solid #24344f; border-radius:14px; }
.ib-filtros-fila{ display:flex; align-items:flex-start; gap:10px; padding:5px 0; }
.ib-filtros-fila + .ib-filtros-fila{ border-top:1px solid rgba(255,255,255,.07); }
.ib-filtros-lbl{ flex:0 0 108px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; color:#9fb3cc; padding-top:7px; }
.ib-filtros-chips{ display:flex; flex-wrap:wrap; gap:8px; flex:1 1 auto; }
.ib-chip{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:50px; background:#0f1c30; border:1px solid #2b4a6f; color:#dbe8ff !important; font-size:12.5px; font-weight:600; text-decoration:none !important; transition:all .18s ease; }
.ib-chip:hover{ background:#0057b8; border-color:#0057b8; color:#fff !important; }
.ib-chip-n{ font-size:11px; opacity:.65; font-weight:700; }
.ib-chip-on{ background:#25D366; border-color:#25D366; color:#0d2a17 !important; }
.ib-chip-on .ib-chip-n{ opacity:.85; }
.ib-chip-off{ background:transparent; border-color:#ff7a7a; color:#ff9c9c !important; }
.ib-chip-off:hover{ background:#ff7a7a; border-color:#ff7a7a; color:#2a0d0d !important; }
.ib-filtros-limpiar{ justify-content:flex-end; }
@media (max-width:768px){
  .ib-filtros{ padding:12px 12px; }
  .ib-filtros-fila{ flex-direction:column; gap:6px; }
  .ib-filtros-lbl{ flex:none; padding-top:0; }
  .ib-chip{ font-size:12px; padding:6px 10px; }
}

/* ---------- SLIDER DE PROMOCIONES (hero) ---------- */
.ib-hero .ib-slider{ position:relative; border-radius:16px; overflow:hidden; background:#0b1a2e; box-shadow:0 16px 40px rgba(0,8,25,.45); }
.ib-hero .ib-slides{ position:relative; width:100%; aspect-ratio:1280 / 400; }
.ib-slide{ position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .7s ease; display:flex; align-items:center; justify-content:flex-start; }
.ib-slide.is-active{ opacity:1; visibility:visible; z-index:2; }
.ib-slide-img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.ib-slide-txt{ position:relative; z-index:3; padding:0 clamp(20px,4.2vw,72px); max-width:58%; }
.ib-slide-kicker{ display:inline-block; font-size:11px; letter-spacing:1.6px; text-transform:uppercase; font-weight:800; color:#0b1a2e; background:#ffb454; padding:5px 14px; border-radius:50px; margin-bottom:12px; }
.ib-slide-txt h2{ font-size:clamp(20px,2.9vw,40px); line-height:1.12; margin:0 0 10px; font-weight:800; color:#fff !important; text-shadow:0 2px 12px rgba(0,0,0,.35); }
.ib-slide-txt p{ margin:0; font-size:clamp(13px,1.45vw,17px); color:#e3eeff; line-height:1.5; max-width:44ch; }
.ib-slide-art{ position:absolute; right:2%; bottom:-4%; height:112%; width:auto; max-width:52%; object-fit:contain; z-index:2; pointer-events:none; filter:drop-shadow(0 16px 26px rgba(0,0,0,.5)); }
.ib-slide-blue{ background:linear-gradient(120deg,#002a55 0%,#0057b8 58%,#0a6bdb 100%); }
.ib-slide-navy{ background:linear-gradient(120deg,#08182d 0%,#123a6b 55%,#1d5fae 100%); }
.ib-slide-amber{ background:linear-gradient(120deg,#2a1a00 0%,#8a5200 55%,#c98600 100%); }
.ib-sl-prev,.ib-sl-next{ position:absolute; top:50%; transform:translateY(-50%); z-index:4; width:44px; height:44px; border-radius:50%; border:0; cursor:pointer; background:rgba(0,18,40,.5); color:#fff; font-size:15px; line-height:1; display:flex; align-items:center; justify-content:center; transition:background .2s ease; }
.ib-sl-prev{ left:14px; } .ib-sl-next{ right:14px; }
.ib-sl-prev:hover,.ib-sl-next:hover{ background:#0057b8; }
.ib-sl-dots{ position:absolute; left:0; right:0; bottom:12px; z-index:4; display:flex; justify-content:center; gap:8px; }
.ib-sl-dots button{ width:9px; height:9px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.45); cursor:pointer; transition:all .2s ease; }
.ib-sl-dots button.is-active{ background:#fff; width:26px; border-radius:50px; }
@media (max-width:921px){
  .ib-hero .ib-slides{ aspect-ratio:16 / 9; }
  .ib-slide-txt{ max-width:100%; padding:0 18px 34px; align-self:flex-end; }
  .ib-slide-art{ right:-4%; height:96%; max-width:46%; opacity:.85; }
  .ib-slide-txt h2{ font-size:clamp(18px,4.6vw,26px); text-shadow:0 2px 14px rgba(0,0,0,.6); }
  .ib-slide-txt p{ display:none; }
  .ib-sl-prev,.ib-sl-next{ width:34px; height:34px; font-size:13px; }
  .ib-sl-dots{ bottom:8px; }
}

/* ---------- FICHA DE PRODUCTO: leyendas y textos legibles ---------- */
/* migas de pan */
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb{ color:#9fb3cc !important; }
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a{ color:#8ec5ff !important; }
.woocommerce .woocommerce-breadcrumb a:hover{ color:#fff !important; }
/* categoria arriba del titulo */
.woocommerce div.product .summary .single-product-category,
.woocommerce div.product .summary .single-product-category a{ color:#9fb3cc !important; }
.woocommerce div.product .summary .single-product-category a:hover{ color:#fff !important; }
/* pestanas (Descripcion / Informacion adicional) */
.woocommerce div.product .woocommerce-tabs ul.tabs:before{ background-color:rgba(255,255,255,.14) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:#cfe0f5 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:#fff !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before{ background:#25D366 !important; height:3px !important; }
.woocommerce div.product .woocommerce-tabs .panel{ color:#e8edf2 !important; }
.woocommerce div.product .woocommerce-tabs .panel h1,
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel h3,
.woocommerce div.product .woocommerce-tabs .panel strong{ color:#fff !important; }
.woocommerce div.product .woocommerce-tabs .panel li{ color:#e8edf2 !important; }
/* disponibilidad (leyenda junto al precio) */
.woocommerce div.product p.stock,
.woocommerce div.product p.ast-stock-detail{ display:inline-block !important; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:50px; padding:6px 15px !important; color:#dbe8ff !important; font-size:14px !important; margin:8px 0 4px !important; }
.woocommerce div.product p.stock .ast-stock-avail,
.woocommerce div.product p.ast-stock-detail .ast-stock-avail{ color:#9fb3cc !important; font-weight:700; }
.woocommerce div.product .stock.in-stock{ color:#7ee787 !important; }
.woocommerce div.product p.stock.out-of-stock,
.woocommerce div.product p.stock.out-of-stock .ast-stock-avail{ color:#ffb454 !important; background:rgba(255,180,84,.12) !important; border-color:rgba(255,180,84,.35) !important; }
/* meta del producto (SKU / categoria) */
.woocommerce div.product .product_meta{ color:#cfe0f5 !important; border-top-color:rgba(255,255,255,.14) !important; }
.woocommerce div.product .product_meta a{ color:#8ec5ff !important; }
.woocommerce div.product .product_meta a:hover{ color:#fff !important; }
/* tabla de atributos */
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td{ color:#e8edf2 !important; background:transparent !important; border-color:rgba(255,255,255,.14) !important; }
.woocommerce table.shop_attributes th{ color:#fff !important; }
/* resenas (si se activan mas adelante) */
.woocommerce #reviews #comments ol.commentlist li .meta,
.woocommerce #reviews .woocommerce-review-link,
.woocommerce #reviews .woocommerce-noreviews,
.woocommerce #reviews p.meta,
.woocommerce #reviews .comment-form{ color:#9fb3cc !important; }
.woocommerce #reviews .comment-form label{ color:#dbe8ff !important; }
/* texto de envio de Astra (no aplica: no hay envio gratis) */
.ast-shipping-text{ display:none !important; }
/* ---------- FICHA: titulos de resenas y textos secundarios ---------- */
.woocommerce #reviews h2 small,
.woocommerce #reviews h2 small a,
.woocommerce #reviews .woocommerce-review-link,
.woocommerce #reviews .woocommerce-noreviews{ color:#9fb3cc !important; }
.woocommerce #reviews h2 small a:hover{ color:#fff !important; }
/* linea del aviso de producto agotado/stock dentro de la ficha */
.woocommerce div.product .ast-stock-detail{ margin-top:6px !important; }
/* ---------- TEXTO SEO LOCAL: queda en el HTML para los buscadores, invisible para el visitante ---------- */
.ib-seo-local{ position:absolute !important; left:-9999px !important; top:auto !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; border:0 !important; padding:0 !important; margin:0 !important; }

/* ---------- REDONDEO GENERAL: bloques menos "cuadrados" ---------- */
/* tarjetas y bloques principales */
.woocommerce ul.products li.product{ border-radius:20px !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail{ border-radius:16px 16px 0 0 !important; }
.ib-cat-card{ border-radius:20px !important; }
.ib-usp{ border-radius:20px !important; }
.ib-soc-card{ border-radius:22px !important; }
.ib-cta-banner{ border-radius:24px !important; }
.ib-contact-banner{ border-radius:24px !important; }
.ib-filtros{ border-radius:20px !important; }
.ib-hero .ib-slider{ border-radius:22px !important; }
.ib-sec-banner{ border-radius:20px !important; }
/* franjas de fondo: dejan de ser rectángulos a todo el ancho */
.ib-section-dark,
.ib-section-gray{ width:auto !important; max-width:none !important; margin-left:18px !important; margin-right:18px !important; border-radius:26px !important; }
/* botones y campos de búsqueda */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.wp-block-button__link, .wc-block-components-button, .ast-button, .button{ border-radius:12px !important; }
.ibiza-searchbar select{ border-radius:12px 0 0 12px !important; }
.ibiza-searchbar input[type=search]{ border-radius:12px 0 0 12px !important; }
.ibiza-searchbar button{ border-radius:0 12px 12px 0 !important; }
/* ficha de producto */
.woocommerce div.product div.images img{ border-radius:18px !important; }
.woocommerce div.product div.images .flex-control-thumbs img{ border-radius:10px !important; }
.woocommerce div.product .woocommerce-tabs .panel{ background:rgba(255,255,255,.035) !important; border:1px solid rgba(255,255,255,.09); border-radius:18px !important; padding:22px 24px !important; margin:0 0 1.4em !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs{ border-bottom:0 !important; margin-bottom:16px !important; }
/* carrito, tablas y avisos */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce table.shop_table,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{ border-radius:16px !important; overflow:hidden; }
@media (max-width:768px){
  .ib-section-dark, .ib-section-gray{ margin-left:12px !important; margin-right:12px !important; border-radius:20px !important; }
  .woocommerce ul.products li.product{ border-radius:16px !important; }
  .ib-filtros{ border-radius:16px !important; }
}

/* ---------- FIX: franjas a todo el ancho se salían de la pantalla y cortaban los costados ---------- */
/* Antes usaban width:100vw + márgenes negativos: con la barra de scroll eso genera 15px de más,
   el navegador muestra scroll horizontal y recorta los bordes (se veían "cortados" y sin esquinas). */
.ib-section,
.ib-full{ width:auto !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
.ib-section-dark,
.ib-section-gray{ max-width:100% !important; }
.ib-container,
.ib-cats-grid,
.ib-usp-grid,
.ib-social,
.ib-cta-banner,
.ib-sec-banner,
.woocommerce ul.products{ max-width:100% !important; }
/* esquinas bien redondeadas en los banners de sección */
.ib-sec-banner{ border-radius:22px !important; }
/* atajo: nada debe sobresalir a lo ancho */
.page-id-6391 .entry-content{ overflow:visible !important; }

/* ---------- ESTANTES DE LA HOME COMO CARRUSEL HORIZONTAL ---------- */
.ib-shelf-slider{ position:relative; max-width:1440px; margin:0 auto 10px; }
.ib-shelf-slider ul.products,
.woocommerce .ib-shelf-slider ul.products{ display:flex !important; flex-wrap:nowrap !important; grid-template-columns:none !important; gap:18px !important; overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; padding:6px 56px 18px !important; margin:0 !important; max-width:100% !important; scrollbar-width:none; -ms-overflow-style:none; }
.ib-shelf-slider ul.products::-webkit-scrollbar{ display:none; height:0; }
.ib-shelf-slider ul.products li.product,
.woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 54px) / 4) !important; width:auto !important; max-width:none !important; margin:0 !important; scroll-snap-align:start; }
.ib-shelf-nav{ position:absolute; top:44%; z-index:5; width:44px; height:44px; border:1px solid #2b4a6f; border-radius:50%; background:#0f1c30; color:#dbe8ff; font-size:15px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(0,0,0,.35); transition:all .2s ease; }
.ib-shelf-nav:hover{ background:#0057b8; border-color:#0057b8; color:#fff; }
.ib-shelf-prev{ left:6px; }
.ib-shelf-next{ right:6px; }
@media (max-width:921px){
  .ib-shelf-slider ul.products{ padding:6px 46px 16px !important; gap:14px !important; }
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 14px) / 2) !important; }
  .ib-shelf-nav{ width:38px; height:38px; }
}
@media (max-width:600px){
  .ib-shelf-slider ul.products{ padding:6px 42px 14px !important; }
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 72% !important; }
}

/* ---------- ANCHO COMPLETO: todo el contenido ocupa el ancho de la pagina ---------- */
.ib-container{ max-width:100% !important; padding-left:24px !important; padding-right:24px !important; }
.woocommerce ul.products{ max-width:100% !important; padding-left:24px !important; padding-right:24px !important; }
.ib-shelf-slider{ max-width:100% !important; }
.ib-social, .ib-cta-banner, .ib-sec-banner, .ib-cats-grid, .ib-usp-grid, .ib-filtros{ max-width:100% !important; }
/* las franjas de fondo vuelven a ocupar todo el ancho (sin margenes laterales ni esquinas) */
.ib-section-dark,
.ib-section-gray{ margin-left:0 !important; margin-right:0 !important; border-radius:0 !important; padding-left:24px !important; padding-right:24px !important; }

/* ---------- ESTANTES: mas columnas para llenar el ancho ---------- */
.ib-shelf-slider ul.products{ padding-left:60px !important; padding-right:60px !important; }
.ib-shelf-slider ul.products li.product,
.woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 72px) / 5) !important; }
@media (min-width:1600px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 90px) / 6) !important; }
}
@media (min-width:1300px) and (max-width:1599px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 72px) / 5) !important; }
}
@media (min-width:1000px) and (max-width:1299px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 54px) / 4) !important; }
}
@media (max-width:999px) and (min-width:701px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 28px) / 3) !important; }
}
@media (max-width:700px){
  .ib-shelf-slider ul.products{ padding-left:52px !important; padding-right:52px !important; }
}
@media (max-width:700px) and (min-width:501px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 14px) / 2) !important; }
}
@media (max-width:500px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 76% !important; }
}

/* ---------- CATEGORIAS: las 6 en una sola fila en pantallas grandes ---------- */
.ib-cats-grid{ grid-template-columns:repeat(3,1fr) !important; }
@media (min-width:1200px){ .ib-cats-grid{ grid-template-columns:repeat(6,1fr) !important; } }
@media (max-width:1199px) and (min-width:701px){ .ib-cats-grid{ grid-template-columns:repeat(3,1fr) !important; } }
@media (max-width:700px){ .ib-cats-grid{ grid-template-columns:repeat(2,1fr) !important; } }

/* ---------- Tienda y categorias: 4 columnas en pantallas grandes ---------- */
@media (min-width:1500px){
  .woocommerce-page ul.products.columns-3,
  .woocommerce ul.products.columns-3{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
}

/* ---------- ESTANTES: garantizar SIEMPRE una sola fila (nunca 2 filas) ---------- */
.ib-shelf-slider ul.products{ display:flex !important; flex-wrap:nowrap !important; grid-auto-flow:column !important; grid-template-rows:1fr !important; grid-template-columns:none !important; }
.ib-shelf-slider ul.products > li{ grid-row:1 !important; }
.ib-shelf-slider ul.products li.product{ min-width:0 !important; }
@media (min-width:1600px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 90px) / 6) !important; }
}

/* ---------- ARMONIZAR: mismo ancho que el banner principal (24px de margen) ---------- */
.ib-container{ max-width:100% !important; padding-left:24px !important; padding-right:24px !important; }
.woocommerce ul.products{ max-width:100% !important; padding-left:24px !important; padding-right:24px !important; }
.ib-shelf-slider{ max-width:100% !important; }
.ib-shelf-slider ul.products{ padding-left:24px !important; padding-right:24px !important; }
/* flechas del carrusel un poco mas chicas y apoyadas sobre el borde de la tarjeta */
.ib-shelf-nav{ width:38px !important; height:38px !important; background:rgba(10,25,45,.78) !important; backdrop-filter:blur(2px); }
.ib-shelf-prev{ left:2px !important; }
.ib-shelf-next{ right:2px !important; }
@media (max-width:700px){
  .ib-shelf-slider ul.products{ padding-left:20px !important; padding-right:20px !important; }
  .ib-shelf-nav{ width:34px !important; height:34px !important; }
}

/* ---------- ALINEAR TODO AL ANCHO DEL BANNER PRINCIPAL ---------- */
/* 1) el contenedor del hero y el resto: mismo margen lateral (24px) */
.ib-full.ib-hero,
.ib-section,
.ib-section-dark,
.ib-section-gray{ padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; width:auto !important; max-width:100% !important; }
.ib-hero .ib-container,
.ib-container{ max-width:100% !important; width:auto !important; padding-left:24px !important; padding-right:24px !important; margin-left:auto !important; margin-right:auto !important; }
.ib-hero .ib-slider{ width:100% !important; max-width:100% !important; margin:0 !important; }
/* 2) estantes: mismo margen de 24px y flechas apoyadas en el margen (no tapan tarjetas) */
.ib-shelf-slider{ max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
.ib-shelf-slider ul.products{ padding-left:24px !important; padding-right:24px !important; }
.ib-shelf-nav{ width:36px !important; height:36px !important; background:rgba(10,25,45,.85) !important; }
.ib-shelf-prev{ left:-10px !important; }
.ib-shelf-next{ right:-10px !important; }
@media (max-width:700px){
  .ib-shelf-nav{ width:32px !important; height:32px !important; }
  .ib-shelf-prev{ left:-6px !important; }
  .ib-shelf-next{ right:-6px !important; }
}
/* 3) hasta 5 columnas grandes (tarjetas mas grandes, no tan angostas) */
.ib-shelf-slider ul.products li.product,
.woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 72px) / 5) !important; }
@media (min-width:1700px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 72px) / 5) !important; }
}
@media (min-width:1000px) and (max-width:1299px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 54px) / 4) !important; }
}
@media (max-width:999px) and (min-width:701px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 28px) / 3) !important; }
}
@media (max-width:700px) and (min-width:501px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 calc((100% - 14px) / 2) !important; }
}
@media (max-width:500px){
  .ib-shelf-slider ul.products li.product,
  .woocommerce .ib-shelf-slider ul.products li.product{ flex:0 0 76% !important; }
}
/* 4) categorias: mismo ancho, 6 en una fila solo en pantallas muy grandes */
@media (min-width:1200px){ .ib-cats-grid{ grid-template-columns:repeat(6,1fr) !important; } }
@media (max-width:1199px) and (min-width:701px){ .ib-cats-grid{ grid-template-columns:repeat(3,1fr) !important; } }
@media (max-width:700px){ .ib-cats-grid{ grid-template-columns:repeat(2,1fr) !important; } }

/* ---------- ESTANTES: alinear tarjetas con el resto y flechas sin desbordar ---------- */
.ib-shelf-slider{ padding-left:24px !important; padding-right:24px !important; box-sizing:border-box !important; }
.ib-shelf-slider ul.products{ padding-left:0 !important; padding-right:0 !important; }
.ib-shelf-nav{ width:36px !important; height:36px !important; }
.ib-shelf-prev{ left:0 !important; }
.ib-shelf-next{ right:0 !important; }
@media (max-width:700px){
  .ib-shelf-slider{ padding-left:20px !important; padding-right:20px !important; }
  .ib-shelf-nav{ width:32px !important; height:32px !important; }
}

/* ---------- CATEGORIAS: video corto al pasar el mouse ---------- */
.ib-cat-card{ position:relative; overflow:hidden; }
.ib-cat-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .45s ease; z-index:1; pointer-events:none; background:#0f1c30; }
.ib-cat-card:hover .ib-cat-video,
.ib-cat-card:focus-within .ib-cat-video,
.ib-cat-card.is-playing .ib-cat-video{ opacity:1; }
.ib-cat-card .ib-cat-overlay{ z-index:2; }
.ib-cat-card .ib-cat-name{ z-index:3; }
/* etiqueta "video" discreta */
.ib-cat-card::after{ content:"▶"; position:absolute; top:10px; right:12px; z-index:3; width:26px; height:26px; border-radius:50%; background:rgba(0,20,45,.55); color:#fff; font-size:10px; line-height:26px; text-align:center; opacity:.85; transition:opacity .3s ease; }
.ib-cat-card:hover::after{ opacity:0; }
@media (max-width:700px){ .ib-cat-card::after{ display:none; } }

/* ---------- CATEGORIAS MAS GRANDES: 3 arriba y 3 abajo ---------- */
.ib-cats-grid{ grid-template-columns:repeat(3,1fr) !important; gap:20px !important; margin:0 0 26px !important; }
.ib-cat-card{ min-height:0 !important; aspect-ratio:16 / 9; border-radius:22px !important; box-shadow:0 10px 26px rgba(0,20,60,.35) !important; }
.ib-cat-card .ib-cat-name{ font-size:22px !important; padding:20px 22px !important; letter-spacing:.2px; }
.ib-cat-card .ib-cat-overlay{ background:linear-gradient(180deg,rgba(5,25,55,.03) 35%,rgba(5,25,55,.88) 100%) !important; }
.ib-cat-card:hover{ box-shadow:0 18px 40px rgba(0,20,60,.5) !important; }
.ib-cat-card::after{ width:34px !important; height:34px !important; font-size:13px !important; line-height:34px !important; }
@media (max-width:1199px) and (min-width:922px){
  .ib-cats-grid{ gap:16px !important; }
  .ib-cat-card .ib-cat-name{ font-size:18px !important; padding:16px !important; }
}
@media (max-width:921px) and (min-width:701px){
  .ib-cats-grid{ grid-template-columns:repeat(3,1fr) !important; gap:12px !important; }
  .ib-cat-card{ aspect-ratio:4 / 3; border-radius:16px !important; }
  .ib-cat-card .ib-cat-name{ font-size:14px !important; padding:10px !important; }
}
@media (max-width:700px){
  .ib-cats-grid{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  .ib-cat-card{ aspect-ratio:1 / 1; border-radius:16px !important; }
  .ib-cat-card .ib-cat-name{ font-size:14px !important; padding:12px !important; }
}

/* ---------- SOMBREADO DE LETRAS (mejor lectura) ---------- */
/* banners de seccion: "Celulares destacados" / "Electrodomesticos" */
.ib-sec-banner .section-title{ text-shadow:0 2px 10px rgba(0,10,35,.60), 0 1px 2px rgba(0,10,35,.45) !important; }
.ib-sec-banner .section-sub{ text-shadow:0 2px 8px rgba(0,10,35,.55), 0 1px 2px rgba(0,10,35,.35); }
/* bloques de beneficios "Envios / Contado / Garantia / WhatsApp" (tarjetas claras de la home) */
.ib-usp h4{ text-shadow:0 1px 0 rgba(255,255,255,.95), 0 2px 6px rgba(10,35,70,.22); }
.ib-usp p{ text-shadow:0 1px 0 rgba(255,255,255,.9), 0 1px 4px rgba(10,35,70,.14); }
/* los mismos beneficios cuando van sobre fondo oscuro (contacto) */
.ib-contact-banner .ib-usp h4,
.ib-contact-banner .ib-usp p,
body.page-id-4393 .ib-usp h4,
body.page-id-4393 .ib-usp p{ text-shadow:0 2px 8px rgba(0,8,28,.65), 0 1px 2px rgba(0,8,28,.45); }
/* titulos de seccion sobre fondo oscuro, para que queden parejos */
.ib-section-dark .section-title,
.ib-section-cats .section-title{ text-shadow:0 2px 10px rgba(0,10,35,.55), 0 1px 2px rgba(0,10,35,.4) !important; }
.ib-section-dark .section-sub,
.ib-section-cats .section-sub{ text-shadow:0 2px 8px rgba(0,10,35,.5); }

/* ---------- BANNER PRINCIPAL: que la imagen no se recorte (logo siempre completo) ---------- */
.ib-slide .ib-slide-img{ object-fit:contain !important; object-position:center center !important; background:#222A3D !important; }
/* ========== CINTA DE ICONOS DE PRODUCTOS EN MOVIMIENTO (estilo Novogar) ========== */
.ib-section-belt{ padding:4px 0 0 !important; }
.ib-belt{ position:relative !important; width:100% !important; max-width:100% !important; }
.ib-belt-viewport{ position:relative !important; overflow:hidden !important; width:100% !important;
  padding:10px 0 16px !important; border-radius:18px !important; touch-action:pan-y !important;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%) !important;
  mask-image:linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%) !important; }
.ib-belt-track{ display:flex !important; align-items:stretch !important; width:max-content !important;
  min-width:max-content !important; flex-wrap:nowrap !important;
  animation:ib-belt-scroll 55s linear infinite !important; will-change:transform !important; }
.ib-belt-group{ display:flex !important; align-items:stretch !important; flex:0 0 auto !important;
  gap:14px !important; padding-right:14px !important; }
@keyframes ib-belt-scroll{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } }
.ib-belt:hover .ib-belt-track,
.ib-belt:focus-within .ib-belt-track,
.ib-belt.ib-belt-pausado .ib-belt-track{ animation-play-state:paused !important; }
.ib-belt-card{ display:flex !important; flex-direction:column !important; align-items:center !important;
  justify-content:flex-start !important; flex:0 0 148px !important; width:148px !important; min-width:148px !important;
  max-width:148px !important; height:152px !important; padding:12px 10px 10px !important;
  background:#fff !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:16px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.20) !important; text-decoration:none !important; overflow:hidden !important;
  -webkit-tap-highlight-color:transparent !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; }
.ib-belt-card:hover{ transform:translateY(-4px) !important; border-color:#0057b8 !important;
  box-shadow:0 14px 26px rgba(0,0,0,.30) !important; }
.ib-belt-img{ display:flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important; height:96px !important; overflow:hidden !important; }
.ib-belt-img img{ display:block !important; width:auto !important; height:auto !important;
  max-width:100% !important; max-height:96px !important; object-fit:contain !important; margin:0 auto !important;
  border-radius:8px !important; }
.ib-belt-name{ display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important;
  overflow:hidden !important; width:100% !important; max-height:32px !important; margin-top:8px !important;
  font-size:12.5px !important; line-height:1.25 !important; font-weight:600 !important;
  color:#0e1b2d !important; text-decoration:none !important; text-align:center !important; }
@media (max-width:921px){
  .ib-belt-card{ flex:0 0 126px !important; width:126px !important; min-width:126px !important; max-width:126px !important; height:134px !important; padding:10px 8px 8px !important; }
  .ib-belt-img{ height:84px !important; }
  .ib-belt-img img{ max-height:84px !important; }
  .ib-belt-name{ font-size:11.5px !important; max-height:29px !important; }
  .ib-belt-track{ animation-duration:42s !important; }
}
@media (prefers-reduced-motion: reduce){
  .ib-belt-track{ animation:none !important; }
  .ib-belt-viewport{ overflow-x:auto !important; scrollbar-width:none; }
  .ib-belt-viewport::-webkit-scrollbar{ display:none; height:0; }
}
/* ========== OCULTAR ETIQUETA DEL HERO ("Tienda de tecnología en Fray Luis Beltrán · Santa Fe") ========== */
.ib-hero .ib-hero-tag,
.ib-hero-center{ display:none !important; }
/* ========== ACHICAR UN POCO: banner principal (ib-slider) y categorias con video ========== */
@media (min-width:922px){
  /* Banner principal ~6% menos de alto (recorte parejo de ~3% arriba y ~3% abajo).
     El logo y los productos del banner quedan completos: los bordes de la imagen son fondo liso. */
  .ib-hero .ib-slides{ aspect-ratio:1280 / 376 !important; }
  .ib-slide .ib-slide-img{ object-fit:cover !important; object-position:center center !important; background:#222A3D !important; }
  /* Tarjetas de categoria con video: un poco menos altas, mismo ancho y misma grilla 3x2 */
  .ib-cats-grid .ib-cat-card{ aspect-ratio:19 / 10 !important; }
}
/* ========== FILTROS EN LA COLUMNA IZQUIERDA (tienda y categorias) ========== */
@media (min-width:922px){
  .ib-shop-cols{ display:grid !important; grid-template-columns:290px minmax(0,1fr) !important;
    column-gap:30px !important; align-items:start !important; }
  .ib-shop-main{ grid-column:2 !important; }
  .ib-shop-side{ grid-column:1 !important; grid-row:1 / span 2 !important; }
  .ib-shop-grid{ grid-column:2 !important; }
  .ib-shop-top{ display:flex !important; align-items:center !important; justify-content:space-between !important;
    flex-wrap:wrap !important; gap:12px !important; margin:0 0 14px !important; }
  .ib-shop-top .woocommerce-result-count{ margin:0 !important; float:none !important; }
  .ib-shop-top form.woocommerce-ordering{ margin:0 !important; float:none !important; }
  /* tarjeta de filtros: en columna, con scroll propio si es muy alta */
  .ib-shop-side .ib-filtros{ margin:0 !important; position:sticky; top:96px;
    max-height:calc(100vh - 130px); overflow:auto; scrollbar-width:thin; }
  .ib-shop-side .ib-filtros-fila{ flex-direction:column !important; align-items:stretch !important; gap:8px !important; }
  .ib-shop-side .ib-filtros-lbl{ flex:none !important; padding-top:0 !important; }
  .ib-shop-side .ib-filtros-limpiar{ justify-content:flex-start !important; }
  /* los productos usan todo el ancho de su columna */
  .ib-shop-grid ul.products{ max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
}
@media (min-width:922px) and (max-width:1499px){
  .ib-shop-cols ul.products{ grid-template-columns:repeat(3,1fr) !important; }
}
@media (min-width:1500px){
  .ib-shop-cols ul.products{ grid-template-columns:repeat(4,1fr) !important; }
}
