/*
 * YOBO CSS Manager generated file
 * This file is regenerated automatically. Do not edit manually.
 */

/* ===== Ajustes generales Warehouse / producto / carrito ===== */
/* add background colors in variouse boxes  - start */
.product-info-row{
    background: #fff;
    margin: 0;
    padding: 2rem 1rem;
    margin-bottom: 3rem;
    border: 1px solid #f0f0f0
}

#left-column{ padding-right: 0;}

body#checkout section.checkout-step, .cart-grid-right .cart-summary{
    background: #fff
}

.cart-items{
    background: #fff;
    border: 1px solid #f0f0f0
}
.cart-item{
    padding: 1rem
}

.products-selection{
background: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 1px solid #f0f0f0
}

.product-tabs .nav-link{
 padding: 1rem;
border-top: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
}

.product-tabs .nav-link.active{
 background: #fff;
border-top: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;    
}

.product-tabs .nav-tabs{
 margin: 0;
}

.product-tabs .tab-content{
    background: #fff;
    padding: 1.5rem;
    border: 1px solid #f0f0f0;
border-top: none;
}
/* add background colors in variouse boxes  - end */

/* ===== Overlay azul para secciones ===== */
body .elementor-section.yobo-overlay-blue,
body .yobo-overlay-blue {
    position: relative !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 0 9999px rgba(4, 162, 228, 0.5) !important;
}

body .elementor-section.yobo-overlay-blue-soft,
body .yobo-overlay-blue-soft {
    position: relative !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 0 9999px rgba(4, 162, 228, 0.35) !important;
}

body .elementor-section.yobo-overlay-blue-strong,
body .yobo-overlay-blue-strong {
    position: relative !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 0 9999px rgba(4, 162, 228, 0.65) !important;
}

/* ===== Sombras de texto generales ===== */
body .yobo-text-shadow-soft,
body .yobo-text-shadow-soft * {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

body .yobo-text-shadow-medium,
body .yobo-text-shadow-medium * {
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.55) !important;
}

body .yobo-text-shadow-strong,
body .yobo-text-shadow-strong * {
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.75) !important;
}

/* ===== Overlay para banners IQIT ===== */
body .yobo-banner-overlay-blue .elementor-iqit-banner,
body .yobo-banner-overlay-blue-soft .elementor-iqit-banner,
body .yobo-banner-overlay-blue-strong .elementor-iqit-banner {
    position: relative !important;
    overflow: hidden !important;
}

body .yobo-banner-overlay-blue .elementor-iqit-banner a,
body .yobo-banner-overlay-blue-soft .elementor-iqit-banner a,
body .yobo-banner-overlay-blue-strong .elementor-iqit-banner a {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
}

body .yobo-banner-overlay-blue .elementor-iqit-banner-img,
body .yobo-banner-overlay-blue-soft .elementor-iqit-banner-img,
body .yobo-banner-overlay-blue-strong .elementor-iqit-banner-img {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
}

body .yobo-banner-overlay-blue .elementor-iqit-banner-img img,
body .yobo-banner-overlay-blue-soft .elementor-iqit-banner-img img,
body .yobo-banner-overlay-blue-strong .elementor-iqit-banner-img img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
}

body .yobo-banner-overlay-blue .elementor-iqit-banner-overlay {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background: rgba(4, 162, 228, 0.5) !important;
    opacity: 1 !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body .yobo-banner-overlay-blue-soft .elementor-iqit-banner-overlay {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background: rgba(4, 162, 228, 0.35) !important;
    opacity: 1 !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body .yobo-banner-overlay-blue-strong .elementor-iqit-banner-overlay {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background: rgba(4, 162, 228, 0.65) !important;
    opacity: 1 !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body .yobo-banner-overlay-blue .elementor-iqit-banner-content,
body .yobo-banner-overlay-blue-soft .elementor-iqit-banner-content,
body .yobo-banner-overlay-blue-strong .elementor-iqit-banner-content {
    position: absolute !important;
    z-index: 3 !important;
}

/* ===== Sombra de texto para banners IQIT ===== */
body .yobo-banner-text-shadow .elementor-iqit-banner-title,
body .yobo-banner-text-shadow .elementor-iqit-banner-subtitle,
body .yobo-banner-text-shadow .elementor-iqit-banner-description {
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.65) !important;
}

/* ===== Equal height para columnas ===== */
body .yobo-equal-height .elementor-container,
body .yobo-equal-height .elementor-row {
    align-items: stretch !important;
}

body .yobo-equal-height .elementor-column {
    display: flex !important;
}

body .yobo-equal-height .elementor-column-wrap {
    width: 100% !important;
    display: flex !important;
}

body .yobo-equal-height .elementor-widget-wrap {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ===== Banner cover ===== */
body .yobo-banner-cover {
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
}

body .yobo-banner-cover .elementor-widget-container,
body .yobo-banner-cover .elementor-iqit-banner,
body .yobo-banner-cover .elementor-iqit-banner > a,
body .yobo-banner-cover .elementor-iqit-banner-img {
    width: 100% !important;
    height: 100% !important;
}

body .yobo-banner-cover .elementor-iqit-banner > a {
    display: block !important;
}

body .yobo-banner-cover .elementor-iqit-banner-img {
    margin: 0 !important;
    overflow: hidden !important;
}

body .yobo-banner-cover .elementor-iqit-banner-img img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

body .yobo-banner-cover .elementor-iqit-banner-content {
    position: absolute !important;
    z-index: 3 !important;
}