.bio-autocotizador-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;border-radius:22px;background:#2a9fd1;color:#fff;font-family:'Inter',Arial,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:.2s ease}.bio-autocotizador-toggle:hover{background:#238ec1;color:#fff;transform:translateY(-1px)}.bio-autocotizador-cart-state{display:none}@media(max-width:600px){.bio-autocotizador-toggle{width:100%}}
.bio-autocotizador-menu-item a{color:#2a9fd1 !important;font-weight:700 !important}.bio-autocotizador-menu-item a:hover{color:#238ec1 !important}
.hc-btn-switch-mode{display:block;margin-top:10px;color:#2a9fd1;font-family:'Inter',Arial,sans-serif;font-size:12px;text-align:center;text-decoration:underline}.bio-autocotizador-quote-button{border:0;cursor:pointer}.hc-btn-transfer{background:#fff!important;color:#2a9fd1!important;border:1px solid #2a9fd1!important;cursor:pointer}.bio-quote-add.bio-quote-added{background:#238ec1!important}

/* Tema visual institucional del autocotizador. */
body.bio-autocotizador-active {
    --bio-autocotizador-primary: #00a19a;
    --bio-autocotizador-hover: #007b76;
    --bio-autocotizador-soft: #e8f7f6;
    --e-global-color-primary: #00a19a !important;
    --e-global-color-accent: #00a19a !important;
}

/* El color del modo se aplica a los acentos de los templates de Elementor,
   sin modificar su estructura ni impedir que sigan siendo editables. */
body.bio-autocotizador-active .elementor-location-header .elementor-element-d0ee781,
body.bio-autocotizador-active .elementor-location-header .elementor-element-d0ee781 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body.bio-autocotizador-active .elementor-location-header .elementor-element-57d593c,
body.bio-autocotizador-active .elementor-location-header .elementor-element-57d593c > .elementor-motion-effects-container > .elementor-motion-effects-layer,
body.bio-autocotizador-active .elementor-location-footer .elementor-element-2861c9f,
body.bio-autocotizador-active .elementor-location-footer .elementor-element-2861c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: var(--bio-autocotizador-primary) !important; }

/* El footer institucional mantiene el celeste en ambos modos; el verde solo
   corresponde a la huincha superior del autocotizador. */
body.bio-autocotizador-active .elementor-location-footer,
body.bio-autocotizador-active .elementor-location-footer > .elementor-element,
body.bio-autocotizador-active .elementor-location-footer .elementor-section,
body.bio-autocotizador-active .elementor-location-footer .e-con,
body.bio-autocotizador-active .elementor-location-footer .elementor-element-2861c9f,
body.bio-autocotizador-active .elementor-location-footer .elementor-element-2861c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #2a9fd1 !important; }

body.bio-autocotizador-active .elementor-location-header .e-search-submit,
body.bio-autocotizador-active .elementor-location-header a[href*="autocotizador=1"],
body.bio-autocotizador-active .elementor-location-header .elementor-element-c9c501b .elementor-button { background-color: var(--bio-autocotizador-primary) !important; border-color: var(--bio-autocotizador-primary) !important; color: #fff !important; }
body.bio-autocotizador-active .elementor-location-header .e-search-submit:hover,
body.bio-autocotizador-active .elementor-location-header a[href*="autocotizador=1"]:hover,
body.bio-autocotizador-active .elementor-location-header .elementor-element-c9c501b .elementor-button:hover { background-color: var(--bio-autocotizador-hover) !important; border-color: var(--bio-autocotizador-hover) !important; color: #fff !important; }
body.bio-autocotizador-active .elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
body.bio-autocotizador-active .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active { color: var(--bio-autocotizador-primary) !important; fill: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .elementor-location-header .elementor-nav-menu--main .elementor-item:hover::after,
body.bio-autocotizador-active .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after { background-color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .elementor-location-header .elementor-menu-cart { --toggle-button-icon-color: var(--bio-autocotizador-primary); --items-indicator-background-color: var(--bio-autocotizador-primary); --product-price-color: var(--bio-autocotizador-primary); --view-cart-button-background-color: var(--bio-autocotizador-primary); }
body.bio-autocotizador-active .elementor-location-header .elementor-menu-cart__toggle,
body.bio-autocotizador-active .elementor-location-header .elementor-menu-cart__toggle_button,
body.bio-autocotizador-active .elementor-location-header .elementor-widget-woocommerce-menu-cart .elementor-button { color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .elementor-location-header .elementor-menu-cart__toggle svg,
body.bio-autocotizador-active .elementor-location-header .elementor-widget-woocommerce-menu-cart svg { color: var(--bio-autocotizador-primary) !important; stroke: currentColor !important; }
body.bio-autocotizador-active .elementor-location-header .elementor-menu-cart__toggle .elementor-button-icon-qty { background: var(--bio-autocotizador-primary) !important; color: #fff !important; }
body.bio-autocotizador-active .elementor-location-header .elementor-menu-cart__toggle .elementor-button-icon-qty { align-items: center !important; box-sizing: border-box !important; display: inline-flex !important; font-variant-numeric: tabular-nums; height: 18px !important; justify-content: center !important; line-height: 1 !important; min-width: 18px !important; padding: 0 !important; text-align: center !important; text-indent: 0 !important; width: 18px !important; }
body.bio-autocotizador-active .elementor-location-header .bio-autocotizador-quote-icon { align-items: center; display: inline-flex; justify-content: center; }
body.bio-autocotizador-active .elementor-location-header .bio-autocotizador-quote-icon svg { fill: none !important; height: 1em !important; stroke: currentColor !important; width: 1em !important; }
body.bio-autocotizador-active .elementor-widget-icon .elementor-icon,
body.bio-autocotizador-active .elementor-widget-icon .elementor-icon i,
body.bio-autocotizador-active .elementor-widget-icon .elementor-icon svg,
body.bio-autocotizador-active .elementor-element-ab8b89e .elementor-icon,
body.bio-autocotizador-active .elementor-element-ab8b89e .elementor-icon i,
body.bio-autocotizador-active .elementor-element-ab8b89e .elementor-icon svg { color: var(--bio-autocotizador-primary) !important; fill: var(--bio-autocotizador-primary) !important; stroke: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .elementor-widget-icon.elementor-view-stacked .elementor-icon,
body.bio-autocotizador-active .elementor-element-ab8b89e.elementor-view-stacked .elementor-icon { background-color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .elementor-location-footer .elementor-social-icon { background-color: var(--bio-autocotizador-soft) !important; }
body.bio-autocotizador-active .elementor-location-footer .elementor-social-icon i,
body.bio-autocotizador-active .elementor-location-footer .elementor-social-icon svg { color: var(--bio-autocotizador-primary) !important; fill: var(--bio-autocotizador-primary) !important; }

/* Botones flotantes de contacto de Elementor: el fondo adopta el color del
   autocotizador, pero el icono de WhatsApp permanece blanco para conservar
   contraste y legibilidad. */
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp {
    --e-contact-buttons-button-bg: var(--bio-autocotizador-primary);
    --e-contact-buttons-button-bg-hover: var(--bio-autocotizador-hover);
    --e-contact-buttons-button-icon: #fff;
    --e-contact-buttons-button-icon-hover: #fff;
    --e-contact-buttons-contact-button-bg: var(--bio-autocotizador-primary);
    --e-contact-buttons-contact-button-bg-hover: var(--bio-autocotizador-hover);
    --e-contact-buttons-contact-button-icon: #fff;
    --e-contact-buttons-contact-button-icon-hover: #fff;
}
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__chat-button,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__contact-icon-link {
    background-color: var(--bio-autocotizador-primary) !important;
    color: #fff !important;
}
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__chat-button:hover,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__contact-icon-link:hover {
    background-color: var(--bio-autocotizador-hover) !important;
    color: #fff !important;
}
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__chat-button svg,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__chat-button i,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__contact-icon-link svg,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__contact-icon-link i {
    color: #fff !important;
    fill: #fff !important;
}

/* Elementor puede envolver el icono en un contenedor y el SVG puede traer
   el color definido directamente en sus rutas. Forzamos el color en todos
   esos niveles para que WhatsApp mantenga contraste sobre el fondo verde. */
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__chat-button-icon-container,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__contact-icon-container,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__chat-button-icon-container *,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__contact-icon-container * {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__chat-button svg *,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__contact-icon-link svg *,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__chat-button::before,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__chat-button::after,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__contact-icon-link::before,
body.bio-autocotizador-active .e-contact-buttons.has-platform-whatsapp .e-contact-buttons__contact-icon-link::after {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Tipografía de los componentes propios; los SVG e iconos i conservan sus
   familias originales. */
.bio-autocotizador-toggle,
.bio-autocotizador-menu-item a,
.hc-btn-switch-mode {
    font-family: 'Inter', Arial, sans-serif;
}

/* En este sitio WhatsApp también está implementado como un widget de icono
   de Elementor dentro del footer. El selector genérico de iconos del modo
   autocotizador lo pinta de verde, por eso aquí se fuerza únicamente el SVG
   de WhatsApp a blanco, manteniendo el fondo verde del botón. */
body.bio-autocotizador-active .elementor-widget-icon .e-fab-whatsapp,
body.bio-autocotizador-active .elementor-widget-icon .e-fab-whatsapp path {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}

body.bio-autocotizador-active .bio-autocotizador-toggle,
body.bio-autocotizador-active .bio-autocotizador-menu-item a,
body.bio-autocotizador-active .bioquimica-product-card .bioquimica-product-actions .button,
body.bio-autocotizador-active .bioquimica-product-card .bioquimica-product-actions .add_to_cart_button,
body.bio-autocotizador-active .bioquimica-btn-cart,
body.bio-autocotizador-active .bioquimica-btn-buy,
body.bio-autocotizador-active .bio-btn-cotizar,
body.bio-autocotizador-active .hc-btn-shop,
body.bio-autocotizador-active .bio-quote-button { background-color: var(--bio-autocotizador-primary) !important; border-color: var(--bio-autocotizador-primary) !important; color: #fff !important; }
body.bio-autocotizador-active .bio-autocotizador-toggle:hover,
body.bio-autocotizador-active .bio-autocotizador-menu-item a:hover,
body.bio-autocotizador-active .bioquimica-product-card .bioquimica-product-actions .button:hover,
body.bio-autocotizador-active .bioquimica-product-card .bioquimica-product-actions .add_to_cart_button:hover,
body.bio-autocotizador-active .bioquimica-btn-cart:hover,
body.bio-autocotizador-active .bioquimica-btn-buy:hover,
body.bio-autocotizador-active .bio-quote-button:hover { background-color: var(--bio-autocotizador-hover) !important; border-color: var(--bio-autocotizador-hover) !important; color: #fff !important; }
body.bio-autocotizador-active .bioquimica-product-card .bioquimica-product-name,
body.bio-autocotizador-active .bioquimica-product-card .bioquimica-product-price,
body.bio-autocotizador-active .bioquimica-cart-item-name,
body.bio-autocotizador-active .bioquimica-cart-item-price,
body.bio-autocotizador-active .hc-name,
body.bio-autocotizador-active .hc-price,
body.bio-autocotizador-active .hc-clear-btn,
body.bio-autocotizador-active .hc-btn-switch-mode,
body.bio-autocotizador-active a { color: var(--bio-autocotizador-primary); }
body.bio-autocotizador-active .bioquimica-cart-qty-form .bioquimica-qty-btn,
body.bio-autocotizador-active .bioquimica-qty-btn,
body.bio-autocotizador-active .bio-account-card-icon { background-color: var(--bio-autocotizador-soft); color: var(--bio-autocotizador-primary); }
body.bio-autocotizador-active .bioquimica-cart-item-price,
body.bio-autocotizador-active .bioquimica-product-card .bioquimica-product-price { color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .bio-account-avatar,
body.bio-autocotizador-active .bio-account-navigation li.is-active .bio-account-nav-dot { background-color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .bio-quote-message { color: var(--bio-autocotizador-primary); }

/* Ficha, tabs, productos relacionados y carrito de los shortcodes. */
body.bio-autocotizador-active .bioquimica-thumb.active,
body.bio-autocotizador-active .bioquimica-thumb:hover { border-color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .bioquimica-icon-item svg { color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .bioquimica-info-tags a { background: var(--bio-autocotizador-soft) !important; color: var(--bio-autocotizador-primary) !important; border-color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .bioquimica-info-tags a:hover { background: #d5f0ee !important; border-color: var(--bio-autocotizador-hover) !important; }
body.bio-autocotizador-active .bioquimica-info-price-box { background: var(--bio-autocotizador-soft) !important; border-color: #b9e5e2 !important; }
body.bio-autocotizador-active .bioquimica-price-main,
body.bio-autocotizador-active .bioquimica-price-main .woocommerce-Price-amount,
body.bio-autocotizador-active .bioquimica-tab-btn:hover,
body.bio-autocotizador-active .bioquimica-tab-btn.active,
body.bio-autocotizador-active .bioquimica-related-price .price,
body.bio-autocotizador-active .bioquimica-related-price .woocommerce-Price-amount,
body.bio-autocotizador-active .bioquimica-related-name:hover { color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .bioquimica-tab-btn.active { border-bottom-color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .bioquimica-btn-cart,
body.bio-autocotizador-active .bioquimica-btn-buy { background: var(--bio-autocotizador-primary) !important; border-color: var(--bio-autocotizador-primary) !important; color: #fff !important; }
body.bio-autocotizador-active .bioquimica-btn-cart:hover,
body.bio-autocotizador-active .bioquimica-btn-buy:hover { background: var(--bio-autocotizador-hover) !important; border-color: var(--bio-autocotizador-hover) !important; color: #fff !important; }
body.bio-autocotizador-active .bioquimica-btn-quote { border-color: var(--bio-autocotizador-primary) !important; color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .bioquimica-btn-quote:hover { background: var(--bio-autocotizador-soft) !important; border-color: var(--bio-autocotizador-hover) !important; color: var(--bio-autocotizador-hover) !important; }
body.bio-autocotizador-active .bioquimica-cart-item-name,
body.bio-autocotizador-active .bioquimica-cart-item-price { color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .bioquimica-cart-clear-btn,
body.bio-autocotizador-active .hc-clear-btn,
body.bio-autocotizador-active .hc-btn-switch-mode { color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .hc-btn-shop,
body.bio-autocotizador-active .hc-btn-checkout { background: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .hc-btn-shop:hover,
body.bio-autocotizador-active .hc-btn-checkout:hover { background: var(--bio-autocotizador-hover) !important; }

/* Widgets de productos de Elementor que conservan el azul en CSS generado. */
body.bio-autocotizador-active .elementor-wc-products .price,
body.bio-autocotizador-active .elementor-wc-products .price .amount,
body.bio-autocotizador-active .elementor-wc-products .price ins { color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .elementor-wc-products .button:not(.added) { background-color: var(--bio-autocotizador-primary) !important; border-color: var(--bio-autocotizador-primary) !important; color: #fff !important; }
body.bio-autocotizador-active .elementor-wc-products .button:not(.added):hover { background-color: var(--bio-autocotizador-hover) !important; border-color: var(--bio-autocotizador-hover) !important; }

/* El mini-carrito conserva el contenedor y la maquetación nativa de Elementor;
   JavaScript sólo reemplaza sus productos por los del cotizador. */
body.bio-autocotizador-active .hc-btn-checkout,
body.bio-autocotizador-active .hc-btn-transfer,
body.bio-autocotizador-active .hc-btn-shop,
body.bio-autocotizador-active .bio-quote-submit,
body.bio-autocotizador-active .bio-quote-button { color: #fff !important; }
body.bio-autocotizador-active .hc-btn-transfer { background: var(--bio-autocotizador-primary) !important; border: 1px solid var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .bio-quote-submit,
body.bio-autocotizador-active .bio-quote-result-link:not(.bio-quote-result-link--secondary) { background: var(--bio-autocotizador-primary) !important; border-color: var(--bio-autocotizador-primary) !important; color: #fff !important; }
body.bio-autocotizador-active .bio-quote-submit:hover,
body.bio-autocotizador-active .bio-quote-result-link:not(.bio-quote-result-link--secondary):hover { background: var(--bio-autocotizador-hover) !important; border-color: var(--bio-autocotizador-hover) !important; color: #fff !important; }
body.bio-autocotizador-active .bio-quote-result-link--secondary { background: #fff !important; border-color: var(--bio-autocotizador-primary) !important; color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .hcw-badge { background: var(--bio-autocotizador-primary) !important; color: #fff !important; }

body.bio-autocotizador-active .elementor-menu-cart__products { overflow-y: auto; }
body.bio-autocotizador-active .elementor-menu-cart__footer-buttons { grid-template-columns: 1fr !important; gap: 10px; }
body.bio-autocotizador-active .elementor-menu-cart__footer-buttons .elementor-button { border: 1px solid var(--bio-autocotizador-primary) !important; background: var(--bio-autocotizador-primary) !important; color: #fff !important; }
body.bio-autocotizador-active .elementor-menu-cart__footer-buttons .elementor-button .elementor-button-text { color: #fff !important; -webkit-text-fill-color: #fff !important; }
body.bio-autocotizador-active .elementor-menu-cart__footer-buttons .elementor-button:hover { border-color: var(--bio-autocotizador-hover) !important; background: var(--bio-autocotizador-hover) !important; color: #fff !important; }
body.bio-autocotizador-active .elementor-menu-cart__footer-buttons .elementor-button:hover .elementor-button-text { color: #fff !important; -webkit-text-fill-color: #fff !important; }
body.bio-autocotizador-active .elementor-menu-cart__footer-buttons .bio-autocotizador-mini-cart-transfer { background: #fff !important; color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .elementor-menu-cart__footer-buttons .bio-autocotizador-mini-cart-transfer .elementor-button-text { color: var(--bio-autocotizador-primary) !important; -webkit-text-fill-color: var(--bio-autocotizador-primary) !important; }
body.bio-autocotizador-active .elementor-menu-cart__footer-buttons .bio-autocotizador-mini-cart-transfer:hover { background: var(--bio-autocotizador-soft) !important; color: var(--bio-autocotizador-hover) !important; }
body.bio-autocotizador-active .elementor-menu-cart__footer-buttons .bio-autocotizador-mini-cart-transfer:hover .elementor-button-text { color: var(--bio-autocotizador-hover) !important; -webkit-text-fill-color: var(--bio-autocotizador-hover) !important; }
body.bio-autocotizador-active .elementor-menu-cart__product-remove .bio-autocotizador-mini-remove { display: block; }

/* Identificador permanente de modalidad. Se mantiene separado del header de
   Elementor para que el header siga siendo editable desde Elementor. */
.bio-mode-banner{--bio-mode-bg:#2A9FD1;--bio-mode-ink:#fff;--bio-mode-soft:rgba(255,255,255,.88);background:var(--bio-mode-bg);color:var(--bio-mode-ink);position:relative;z-index:5}
.bio-mode-banner--quote{--bio-mode-bg:#00a19a}
.bio-mode-banner__inner{align-items:center;display:grid;gap:26px;grid-template-columns:minmax(205px,1fr) minmax(500px,2fr) auto;margin:0 auto;max-width:1240px;min-height:68px;padding:10px 24px}
.bio-mode-banner__identity{align-items:center;display:flex;min-width:0}.bio-mode-banner__icon{display:none}.bio-mode-icon{display:block;height:25px;width:25px}.bio-mode-banner__identity strong{display:block;font-size:16px;letter-spacing:.045em;line-height:1.2}.bio-mode-banner__identity span:not(.bio-mode-banner__icon){display:none}.bio-mode-banner__benefits{display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}.bio-mode-banner__benefits span{align-items:center;color:var(--bio-mode-soft);display:flex;font-size:13px;gap:9px;line-height:1.25;white-space:nowrap}.bio-mode-banner__benefits i{align-items:center;border-left:1px solid rgba(255,255,255,.6);display:flex;font-style:normal;min-height:28px;padding-left:17px}.bio-mode-banner__benefits .bio-mode-icon{height:24px;width:24px}.bio-mode-banner__switch{align-items:center;background:#fff;border:1px solid #fff;border-radius:7px;color:var(--bio-mode-bg)!important;display:inline-flex;font-size:12px;font-weight:800;gap:10px;justify-content:center;min-height:38px;padding:8px 14px;text-decoration:none!important;white-space:nowrap}.bio-mode-banner__switch:hover{background:#eaf8fb;color:var(--bio-mode-bg)!important;transform:translateY(-1px)}.bio-mode-banner__switch span{font-size:18px;line-height:1}
/* Huincha aprobada: delgada, sin imagen de fondo y con el contenido de las
   referencias del cliente. La tienda usa dos beneficios y el autocotizador
   conserva sus tres beneficios. */
.bio-mode-banner__inner{gap:22px;grid-template-columns:minmax(150px,.75fr) minmax(0,2.35fr) auto;min-height:58px;padding:5px 20px}
.bio-mode-banner__identity{display:flex}
.bio-mode-banner__icon{display:none!important}
.bio-mode-banner__identity span:not(.bio-mode-banner__icon){display:none!important}
.bio-mode-banner__identity strong{font-size:15px;font-weight:800;letter-spacing:.035em;white-space:nowrap}
.bio-mode-banner__benefits{grid-template-columns:repeat(3,minmax(0,1fr))}
.bio-mode-banner--buy .bio-mode-banner__benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
.bio-mode-banner__benefits span{font-size:12px;gap:8px}
.bio-mode-banner__benefits span strong,.bio-mode-banner__switch strong{font-weight:800}
.bio-mode-banner__benefits i{min-height:28px;padding-left:14px}
.bio-mode-banner__benefits .bio-mode-icon{height:23px;width:23px}
.bio-mode-banner__switch{font-size:11px;min-height:34px;padding:7px 13px}
/* El Header 1407 corresponde a las landings y usa su propio diseño. La
   detección server-side agrega la clase al body; :has() cubre el caso en que
   Elementor imprime el header mediante sus condiciones después del body. */
body.bio-landing-header-active .bio-mode-banner,
body:has(.bio-autocotizador-managed-header[data-bio-managed-header="1407"]) .bio-mode-banner,
body:has(.elementor-location-header[data-elementor-id="1407"]) .bio-mode-banner,
body:has(.elementor-location-header.elementor-1407) .bio-mode-banner,
body:has(.elementor-location-header .elementor-1407) .bio-mode-banner,
body:has(.elementor-location-header [data-elementor-id="1407"]) .bio-mode-banner,
body:has([data-elementor-id="1407"]) .bio-mode-banner,
body:has(.elementor-1407) .bio-mode-banner{display:none!important}
.bio-mode-welcome{align-items:center;background:rgba(15,33,42,.64);display:flex;inset:0;justify-content:center;opacity:0;padding:20px;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:100000}.bio-mode-welcome[aria-hidden="false"]{opacity:1;pointer-events:auto}.bio-mode-welcome__dialog{background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.3);display:grid;grid-template-columns:minmax(230px,.8fr) minmax(390px,1.35fr);max-height:min(720px,calc(100vh - 40px));max-width:900px;overflow:auto;position:relative;width:100%}.bio-mode-welcome__close{background:none;border:0;color:#5b6870;cursor:pointer;font-size:26px;line-height:1;padding:6px;position:absolute;right:14px;top:12px;z-index:2}.bio-mode-welcome__intro{background:linear-gradient(155deg,#eaf9fa,#f6fbfc);color:#173e49;padding:46px 30px 28px}.bio-mode-welcome__hello{color:#132c35;display:block;font-size:26px;font-weight:800;letter-spacing:-.03em}.bio-mode-welcome__intro p{font-size:13px;line-height:1.45;margin:4px 0}.bio-mode-welcome__intro h2{color:#008e8d;font-size:27px;letter-spacing:.02em;line-height:1;margin:5px 0}.bio-mode-welcome__illustration{align-items:center;background:#fff;border:1px solid #c9e9eb;border-radius:14px;color:#00a19a;display:flex;flex-direction:column;gap:8px;justify-content:center;margin:28px 0 23px;min-height:150px}.bio-mode-welcome__illustration .bio-mode-icon{height:58px;width:58px}.bio-mode-welcome__illustration span{font-size:12px;font-weight:800}.bio-mode-welcome__content{padding:45px 38px 22px}.bio-mode-welcome__eyebrow{color:#008e8d;font-size:10px;font-weight:800;letter-spacing:.13em}.bio-mode-welcome__content h2{color:#173e49;font-size:20px;line-height:1.2;margin:8px 0 19px}.bio-mode-welcome__cards{display:grid;gap:10px;grid-template-columns:1fr 1fr}.bio-mode-welcome__cards article{border:1px solid #e1ebed;border-radius:9px;display:flex;gap:10px;padding:13px}.bio-mode-welcome__cards i,.bio-mode-welcome__notes i{color:#00a19a;display:block;flex:0 0 23px;font-style:normal}.bio-mode-welcome__cards .bio-mode-icon{height:23px;width:23px}.bio-mode-welcome__cards strong{color:#173e49;font-size:12px}.bio-mode-welcome__cards p{color:#61747b;font-size:10px;line-height:1.4;margin:5px 0 0}.bio-mode-welcome__content h3{border-top:1px solid #e5eeee;color:#173e49;font-size:13px;margin:20px 0 10px;padding-top:17px}.bio-mode-welcome__notes p{align-items:flex-start;color:#526970;display:flex;font-size:11px;gap:8px;line-height:1.4;margin:7px 0}.bio-mode-welcome__notes .bio-mode-icon{height:20px;width:20px}.bio-mode-welcome__promotion{background:#f0f8f8;border-radius:7px;padding:8px}.bio-mode-welcome__actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:22px}.bio-mode-welcome__actions a,.bio-mode-welcome__actions button{align-items:center;border-radius:7px;cursor:pointer;display:flex;font:700 11px/1.2 inherit;gap:8px;justify-content:center;min-height:40px;padding:10px 12px;text-align:center;text-decoration:none}.bio-mode-welcome__store{background:#fff;border:1px solid #00a19a;color:#008e8d!important}.bio-mode-welcome__start{background:#008e8d;border:1px solid #008e8d;color:#fff}.bio-mode-welcome__start span{font-size:17px}.bio-mode-welcome__protection{color:#7b8b90;display:block;font-size:10px;margin-top:16px;text-align:center}.bio-mode-welcome-open{overflow:hidden}
@media(max-width:900px){.bio-mode-banner__inner{gap:16px;grid-template-columns:1fr auto}.bio-mode-banner__benefits{grid-column:1/-1;grid-row:2}.bio-mode-welcome__dialog{grid-template-columns:1fr;max-width:570px}.bio-mode-welcome__intro{padding:38px 28px 20px}.bio-mode-welcome__illustration{display:none}.bio-mode-welcome__content{padding:28px}.bio-mode-welcome__intro h2{font-size:23px}}
@media(max-width:600px){.bio-mode-banner__inner{display:block;padding:11px 16px}.bio-mode-banner__identity{margin-bottom:9px}.bio-mode-banner__identity strong{font-size:15px}.bio-mode-banner__benefits{display:block}.bio-mode-banner__benefits span{font-size:12px;margin:7px 0}.bio-mode-banner__benefits i{padding-left:0}.bio-mode-banner__switch{margin-top:10px;width:100%}.bio-mode-welcome{padding:10px}.bio-mode-welcome__dialog{max-height:calc(100vh - 20px)}.bio-mode-welcome__intro{padding:38px 22px 18px}.bio-mode-welcome__content{padding:22px}.bio-mode-welcome__cards,.bio-mode-welcome__actions{grid-template-columns:1fr}.bio-mode-welcome__content h2{font-size:18px}}

/* Mega menú de categorías. Reemplaza únicamente los elementos del menú del
   header, manteniendo el header y sus controles editables desde Elementor. */
.elementor-location-header .bio-mega-nav-widget,
.bio-mega-nav-widget {
    --bio-menu-accent: #2a9fd1;
    --bio-menu-hover: #238ec1;
    --bio-menu-text: #47535a;
    position: relative !important;
    z-index: 100 !important;
    overflow: visible !important;
}

body.bio-autocotizador-active .elementor-location-header .bio-mega-nav-widget,
body.bio-autocotizador-active .bio-mega-nav-widget {
    --bio-menu-accent: #00a19a;
    --bio-menu-hover: #007b76;
}

.elementor-location-header .bio-mega-nav-hidden {
    display: none !important;
}

.bio-mega-nav-widget ul.bio-mega-nav {
    align-items: center !important;
    display: flex !important;
    gap: 24px !important;
    justify-content: center !important;
    list-style: none !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: 100% !important;
}

.bio-mega-nav-widget ul.bio-mega-nav > li.bio-mega-item {
    align-items: center !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    white-space: nowrap;
}

.bio-mega-nav-widget ul.bio-mega-nav > li.bio-mega-item--has-children {
    position: relative !important;
}

.bio-mega-nav-widget .bio-mega-link {
    align-items: center !important;
    color: var(--bio-menu-text) !important;
    display: inline-flex !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    line-height: 1.2 !important;
    padding: 18px 0 !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.bio-mega-nav-widget .bio-mega-link::after,
.bio-mega-nav-widget .bio-mega-link::before {
    display: none !important;
}

.bio-mega-nav-widget .bio-mega-item:hover > .bio-mega-link,
.bio-mega-nav-widget .bio-mega-item.is-open > .bio-mega-link,
.bio-mega-nav-widget .bio-mega-item.is-current > .bio-mega-link {
    color: var(--bio-menu-accent) !important;
}

.bio-mega-nav-widget .bio-mega-item.is-current > .bio-mega-link {
    font-weight: 800 !important;
}

.bio-mega-nav-widget .bio-mega-toggle {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    color: currentColor !important;
    cursor: pointer !important;
    display: inline-flex !important;
    justify-content: center !important;
    margin: 0 0 0 2px !important;
    padding: 5px 2px !important;
}

.bio-mega-nav-widget .bio-mega-toggle svg {
    height: 14px !important;
    width: 14px !important;
}

.bio-mega-nav-widget .bio-mega-item.is-open > .bio-mega-toggle,
.bio-mega-nav-widget .bio-mega-item:hover > .bio-mega-toggle {
    color: var(--bio-menu-accent) !important;
}

.bio-mega-nav-widget .bio-mega-item.is-open > .bio-mega-toggle svg {
    transform: rotate(180deg);
}

.bio-mega-nav-widget .bio-mega-panel {
    background: #fff;
    border: 1px solid #e0e8eb;
    border-top: 3px solid var(--bio-menu-accent);
    border-radius: 0 0 12px 12px;
    box-shadow: 0 18px 38px rgba(24, 54, 67, .14);
    display: none;
    left: 0;
    min-width: min(380px, calc(100vw - 32px));
    padding: 24px 28px 26px;
    position: absolute;
    top: 100%;
    transform: none;
    width: min(500px, calc(100vw - 32px));
}

.bio-mega-nav-widget .bio-mega-item:hover > .bio-mega-panel,
.bio-mega-nav-widget .bio-mega-item.is-open > .bio-mega-panel {
    display: block;
}

.bio-mega-nav-widget .bio-mega-panel__heading {
    color: var(--bio-menu-accent);
    display: none;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.bio-mega-nav-widget .bio-mega-panel__grid {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr;
}

.bio-mega-nav-widget .bio-mega-panel__link {
    border-bottom: 1px solid #eef2f3;
    color: #43535a !important;
    display: block;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.35;
    padding: 9px 0;
    text-decoration: none !important;
    transition: color .2s ease, padding-left .2s ease;
}

.bio-mega-nav-widget .bio-mega-panel__link:hover,
.bio-mega-nav-widget .bio-mega-panel__link:focus-visible {
    color: var(--bio-menu-accent) !important;
    padding-left: 5px;
}

.bio-mega-nav-widget .bio-mega-panel__link--all {
    border-bottom: 0;
    color: var(--bio-menu-accent) !important;
    font-weight: 800;
    grid-column: 1 / -1;
    padding-top: 14px;
}

@media(max-width:900px) {
    .bio-mega-nav-widget ul.bio-mega-nav {
        align-items: stretch !important;
        display: block !important;
        gap: 0 !important;
    }

    .bio-mega-nav-widget ul.bio-mega-nav > li.bio-mega-item {
        border-bottom: 1px solid #edf1f2;
        flex-wrap: wrap;
        white-space: normal;
    }

    .bio-mega-nav-widget .bio-mega-link {
        flex: 1 1 auto;
        padding: 13px 4px !important;
    }

    .bio-mega-nav-widget .bio-mega-toggle {
        padding: 10px 8px !important;
    }

    .bio-mega-nav-widget .bio-mega-panel {
        border: 0;
        border-top: 1px solid #e4edef;
        border-radius: 0;
        box-shadow: none;
        display: none;
        left: auto;
        min-width: 0;
        padding: 10px 12px 14px;
        position: static;
        transform: none;
        width: 100%;
    }

    .bio-mega-nav-widget .bio-mega-item.is-open > .bio-mega-panel {
        display: block;
    }

    .bio-mega-nav-widget .bio-mega-panel__heading {
        display: block;
    }

    .bio-mega-nav-widget .bio-mega-panel__grid {
        gap: 0;
        grid-template-columns: 1fr;
    }
}

@media(max-width:600px) {
    .bio-mega-nav-widget .bio-mega-panel__grid {
        grid-template-columns: 1fr;
    }
}