/** custom css */
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --ba-orange: #FF9900;
    --ba-yellow:#FFDB15;
    --ba-gray-dark:#1E2328;
    --ba-gray:#F2F2F2;
    --ba-gray-light:#F7F7F7;
    --ba-blue:#1e88e5;

    --ba-purple:#4632da;

    --BT-wrapper-background: #fff;
    --BT-footer-background: #1E2329;

    --BT-product-flag-new: #512da8;
    --BT-product-flag-discount:#00bb2d;
    --BT-product-flag-pack:#f57c00;
}

html,body,
span, p, strong, small,
a,
div,
textarea,
input, input::placeholder, select, textarea,
li,
td, th { font-family: "Open Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 {
    font-family: "Varela Round", sans-serif!important;
}
.h1, .h2, .h3 { text-transform: none; }

/** TEXT-PURPLE */
.purple-text{ color:var(--ba-purple); }
.green-text { color:#00bb2d; }

/** DIVIDERS */
.divider {
    display: block;
    clear: both;
    position: relative;
}
.d20 { padding:10px 0; }
.d30 { padding:15px 0; }
.d40 { padding:20px 0; }
.d50 { padding:25px 0; }
.d80 { padding:40px 0; }
.d100 { padding:50px 0; }


#wrapper { background:var(--BT-wrapper-background); }

body:not(#index) section#wrapper { padding-top: 0; }

body#cart section#wrapper, body#checkout section#wrapper, body#registration section#wrapper,
body#my-account section#wrapper { padding-top: 2rem; }

.container {
    width: 1200px;
    max-width: 100%;
}

@media screen and (325px <= width < 767px) {
    body#cart section#wrapper { padding-top: 100px; }
    body#category section#wrapper, body#product section#wrapper, body#checkout section#wrapper { padding-top: 70px; }
}

/** BUTONS STYLE */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: -2px;
}
a.btn-pill {
    position: relative;
    display: inline-block;
    color: #fff;
    border:3px solid #fff;
    padding: 20px;
    border-radius: 100px;
    overflow: hidden;
    z-index: 0;
    transition: all .35s ease-in-out; }
    a.btn-pill:hover, a.btn-pill:active {
        background:#fff;
    }
    a.btn-pill:after {
        content: '';
        width: 0%;
        height: 60px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        transition: all .35s ease-in-out; }
        a.btn-pill:hover:after {
            width: 100%;
        }

.pill-purple {
    background-color: var(--ba-purple);
    border: 3px solid var(--ba-purple)!important; }
    .pill-purple:hover, .pill-purple:active { color: var(--ba-purple); }

.pill-orange {
    background: var(--ba-orange);
    border: 3px solid var(--ba-orange)!important; }
    .pill-orange:hover, .pill-orange:active { color: var(--ba-orange); }

.pill-blue {
    background: #1976d2;
    border: 3px solid #1976d2!important; }
    .pill-blue:hover, .pill-blue:active { color: #1976d2; }

.pill-green {
    background: #00bb2d;
    border: 3px solid #00bb2d!important; }
    .pill-green:hover, .pill-green:active { color: #00bb2d; }

.pill-black {
    background: #020334;
    border: 3px solid #020304!important; }
    .pill-black:hover, .pill-black:active { color: #020304; }

#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: #d77724;
    text-decoration: none;
}
#header .header-nav {
    max-height: 50px;
    border-bottom: none;
    background-color: #575757;
}

#header .header-nav .link-register {
    display: inline-block;
    background: #00BFFF;
    color: #fff;
    padding: 2px 10px;
    min-height: 32px;
    padding-top:5px;
    font-size: .875rem;
    transition: all .35s ease-in-out; }
    #header .header-nav .link-register:hover { background:#008cff; color:#fff; }
#header .header-nav .link-gestion {
    display: inline-block;
    background-color: var(--ba-yellow);
    color: #010203;
    padding:2px 10px;
    min-height: 32px;
    padding-top:5px;
    margin-left:8px;
    font-size: .875rem;
    transition: all .35s ease-in-out }
    #header .header-nav .link-gestion:hover {
        background:var(--ba-orange); color:#fff;
    }
.link-gestion {
    display: inline-block;
    background-color: #FF9900;
    color: #000;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease-in-out;
    border: none;
    text-decoration: none;
}

.link-gestion:hover {
    background-color: #000;
    color: #FF9900;
}
/* Botón base */
.link-gestion {
    display: inline-block;
    background-color: #FF9900;
    color: #000;
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    width: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Hover general */
.link-gestion:hover {
    background-color: #000;
    color: #FF9900;
}

/* Estilo individual para botón de registro */
.card-registro {
    border: 2px solid #FF9900;
}

/* Estilo individual para botón de login */
.card-login {
    border: 2px solid #009688;
    background-color: #009688;
    color: #fff;
}

/* Hover para botón de login */
.card-login:hover {
    background-color: #000;
    color: #00E5C0;
}
/* Estilo general del botón visual */
ul.nav-inline .nav-link {
    background-color: #ffffff;
    border: 2px solid transparent;
    border-radius: 12px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 1rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

/* Espaciado entre botones */
ul.nav-inline .nav-link + .nav-link {
    margin-left: 12px;
}

/* Botón activo (Crear cuenta por primera vez) */
ul.nav-inline .nav-link.active {
    background-color: #FF9900;
    color: #fff !important;
    border-color: #FF9900;
    box-shadow: 0 6px 18px rgba(255, 153, 0, 0.3);
}

/* Botón inactivo (Iniciar sesión) */
ul.nav-inline .nav-link:not(.active) {
    background-color: #ffffff;
    color: #009688;
    border-color: #009688;
}

/* Hover */
ul.nav-inline .nav-link:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}
/* Oculta los números de los steps del checkout */
.checkout-step .step-number {
    display: none !important;
}
/* Botón "Aún no soy Cliente" */
.link-register2 {
  display: inline-block;
  background-color: #00B8D4;
  color: #ffffff;
  padding: 6px 14px;
  font-size: 0.85rem;
  border-radius: 6px 0 0 6px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}

/* Hover */
.link-register2:hover {
  background-color: #000!important;
  color: #ffffff important;
}

/* Botón "Soy Cliente" */
.link-gestion2 {
  display: inline-block;
  background-color: #FFCB05;
  color: #000000;
  padding: 6px 14px;
  font-size: 0.85rem;
  border-radius: 0 6px 6px 0;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}

/* Hover */
.link-gestion2:hover {
  background-color: #000!important;
  color: #ffffff !important;
}


#checkout a:hover {
    color: #ffffff;
}
body#checkout a:hover {
    color: #ff9900;
}
#header, #header .header-top { background-color: #ffffff; }
header#header { border-bottom: 3px solid var(--ba-orange); }
#header .header-top { padding: 1rem 0 .6rem 0; }

@media screen and (325px <= width < 767px) {
    header#header { display: none;}
}

@media screen and (768px <= width < 991px) {
    #header .header-nav, #header .header-top { display: none;}
}

/** CURRENCY BLOCK */
#header .header-nav .currency-selector {
    margin-top: 5px;
    margin-left: .9375rem;
    white-space: nowrap;
}
.dropdown .expand-more, .dropdown .expand-more:hover { color: #fff!important; }
#header .header-nav .currency-selector .dropdown-menu a { color: #010101; }
#header .header-nav .currency-selector .dropdown-menu li.current a { color: #010101; font-weight:700; }
#header .header-nav .currency-selector .dropdown-menu li.current { position: relative; }
#header .header-nav .currency-selector .dropdown-menu li.current:before {
    content: '\f00c';
    color: #00bb2d;
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: 8px;
    top: 3px;
}

/** SEARCH BAR */
@media (min-width:576px) {
    .header-top .search-widgets { max-width: 15.50rem; }
}

/** SHOPPING-CART */
#header .header-nav .blockcart {
    position: relative;
    height: fit-content;
    padding: 5px;
    margin-left: .9375rem;
    text-align: center;
    white-space: nowrap;
    background: transparent;
    color:#fff;
}
#header .header-nav .cart-preview.active { background: transparent; }
#header .header-nav .blockcart.active a:hover, #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i { color: #fff; }
#header .header-nav .blockcart span.cart-products-count { background: #ffdb15; color: #000; margin-top:-2px; font-size: .820rem; }
#header .header-nav .blockcart .cart-details { margin-top: 0; margin-left: 8px; }
#header .header-nav .blockcart .header i { font-size: 1.1rem; margin-right: 4px; }

@media screen and (768px <= width < 991px) {
    #header .header-nav .blockcart .cart-details { display: none;}
}

/** FOOTER */
footer#footer > .container > .row {
    display: flex;
    flex-direction: column;
}
.prefooter-nav-container {
    position: relative;
    display: block;
    height: 100px;
    background: var(--BT-footer-background);
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw; }
    .prefooter-nav-container .col-md-4 {
        display: flex;
        flex-direction: row;
        padding: 2%; }
        .prefooter-nav-container .icon-box i { font-size: 3rem; }
        .prefooter-nav-container .icon-box i.fa-headset { color: var(--ba-orange)!important; }
        .prefooter-nav-container .icon-box i.fa-envelope { color: var(--ba-yellow)!important; }
        .prefooter-nav-container .icon-box i.fa-whatsapp { color:#00bb2d!important; }
        .prefooter-nav-container .info-box {
            padding: 3% 5%; }
            .prefooter-nav-container .info-box h3 {
                color: #fff;
                font-size: 1.3rem;
            }
            .prefooter-nav-container .info-box span { color: #c5c2c2; }

@media screen and (992px <= width < 1199px) {
    .prefooter-nav-container .info-box h3 { font-size: 1.1rem; }
    .prefooter-nav-container .info-box span { font-size: .920rem; }
}

@media screen and (768px <= width < 991px) {
    .prefooter-nav-container .icon-box i { font-size: 2rem; }
    .prefooter-nav-container .info-box h3 { font-size: .950rem; }
    .prefooter-nav-container .info-box span { font-size: .820rem; }
}

@media screen and (325px <= width < 767px) {
    .prefooter-nav-container { height: fit-content; padding-top:20px; }
    .prefooter-nav-container .col-md-4 { justify-content: center; }
    .prefooter-nav-container .icon-box i { font-size: 3rem; margin-top: 10px; }
    .prefooter-nav-container .info-box h3 { font-size: 1.3rem; margin-bottom:0; }
    .prefooter-nav-container .info-box span { font-size: .820rem; }
}

.footer-container {
    padding-top: 3.5rem;
    overflow: hidden;
    background-color: var(--BT-footer-background);
}
.row.footer-main-content { padding-bottom: 4rem; }
.footer-container .h3, .footer-container .h4 {
    margin-bottom: 2rem;
    font-size: 1rem;
    color: #fff;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
    color: #FFF;
}
.blockshopinfo_nav {
    display: inline-flex;
    margin: 6px 15px;
}
.blockshopinfo_nav span, .blockshopinfo_nav a {
    color: #fff;
    font-size: .825rem;
    margin: 0 15px; }
    .blockshopinfo_nav span img.img-flag-country { margin-right: 5px; }

.blockshopinfo_nav i { color: #fff; } 
.blockshopinfo ul li {
    display: block;
    font-size: .875rem;
    line-height: 20px;
    color: #fff; }
    .blockshopinfo ul li a { color: #fff; }
    .blockshopinfo ul li a:hover { color:var(--ba-yellow); }
    .blockshopinfo ul.blockshopinfo-list li:nth-child(2), .blockshopinfo ul.blockshopinfo-list li:nth-child(3) {
        border-bottom: 1px solid #444;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
.block-contact, .footer-container li a {
    color: #fff;
    transition: all .35s ease-in-out; }
    .block-contact, .footer-container li a:hover { color:var(--ba-yellow); }

@media screen and (325px <= width < 767px) {
    .footer-container .links ul>li a { color: #fff; }
}
@media screen and (768px <= width < 991px) {
    .blockshopinfo_nav span { display:none; }
    nav.header-nav .col-md-6.col-xs-12 { width: 41.66667%; }
    nav.header-nav .right-nav { width: 58.33333%; }
}
@media screen and (992px <= width < 1199px) {
    .blockshopinfo_nav { margin:6px 0; }
    .blockshopinfo_nav span, .blockshopinfo_nav a { margin: 0 10px; }
}

@media (min-width: 768px) {
    .blockshopinfo .collapse {
        display: inherit;
        color: #fff;
    }
}
ul.socialfollow_footer li {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    margin: .25rem;
    cursor: pointer;
    background-color: #ffdb16;
    background-repeat: no-repeat;
    border-radius: 100%;
    transition: all .45s ease-in-out;
}
.block-social ul li:hover {
    background-color: #ffdb16;
}
#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
    color: #ffffff;
}
@media screen and (768px <= width < 1199px) {
    .footer-container .blockshopinfo.wrapper { width: 40%; }
}

@media screen and (325px <= width < 767px) {
    .footer-container { padding-top: 1.5rem; }
    .footer-container .blockshopinfo ul.blockshopinfo-list { background-color: transparent; display: block; }
    .blockshopinfo .title { border-bottom: none; }
    .footer-container .blockshopinfo ul>li { padding: .325rem .525rem; border-bottom: none; font-weight:500; }
    .footer-container .blockshopinfo ul>li a, .links .title span.float-xs-right { color: #fff; }
    .blockshopinfo ul.blockshopinfo-list li:nth-child(2), .blockshopinfo ul.blockshopinfo-list li:nth-child(4) {
        border-bottom: none;
        padding-bottom: 0;
    }
    .footer-container .blockshopinfo ul { background-color: transparent; }
    .blockshopinfo ul.bsi_socialmedia-links { justify-content: flex-start; }
}

/** SEARCH-WIDGET */
@media only screen and (min-width:992px) {
    #search_widget { min-width: 19.5rem; overflow:hidden; }
}
.header-top #search_widget input {
    padding-right: 2rem;
}
#search_widget form i {
    position: absolute;
    padding: .5rem;
    right: 8px;
    color: var(--ba-orange);
}

#search_widget form input {
    width: 100%;
    padding: 10px 50px 10px 20px;
    outline: none;
    background-color: #fff;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    text-align:right;
}

/** BAIRES-FOOTER */
.baires-footer-container {
    display: block;
    position: relative;
    width:100vw;
    left:50%;
    right: 50%;
    margin-left: -50vw;
    background:#000; }
    .bairesfooter {
        background: transparent;
        padding:0px 5px;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: unset;
        width: 100%;
        left: unset;
        right: unset;
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto; }
        .footer-copyright {
            position: unset;
            padding-top: 1%;
            padding-bottom: 1%;
            display: flex;
            justify-content: flex-start;
            width: 50%;
            left: unset;
            right: unset;
            margin-left: unset; }
            .footer-copyright span {
                font-size: .815rem;
                color: #fff; }
                .footer-copyright span strong { color:var(--ba-yellow); }
        .footer-terms {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            width: 50%; }
            .footer-terms span {
                color: #fff;
                font-style: italic;
            }
@media screen and (325px <= width < 767px) {
    .bairesfooter { display: flex; flex-direction: column; }
    .footer-terms { justify-content: center; }
    .footer-terms span { font-size: .925rem; padding-bottom: 10px; }
}
@media screen and (768px <= width < 1199px) {
    .bairesfooter { padding-left:20px; padding-right:20px; }
}

/** MEGAMENU */
@media (min-width:767px) {
    .layout_layout1 .ets_mm_megamenu_content { background: #fff!important; }
}
@media (min-width: 768px) {
    .ets_mm_megamenu.sticky_enabled.scroll_heading {
        border-bottom:5px solid var(--ba-orange);
    }
}
.layout_layout1 .ets_mm_megamenu_content {
    border-bottom: none;
    border-top: none;
}
.layout_layout1 .mm_menus_li:nth-child(2) { border-left: none; }
.layout_layout1 .mm_menus_li, .layout_layout1 .mm_menus_li:last-child { border-right: none; }
.mm_menu_content_title {
    float: left;
    padding: 0 20px;
    position: relative;
    min-height: 40px;
    display: flex;
    align-items: center;
    font-size: .925rem!important;
}
li.mm_menus_li.menu-community .mm_menu_content_title {
    background: var(--ba-orange);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
}

@media screen and (992px <= width < 1199px) {
    .mm_menu_content_title {
        padding: 0 16px;
        min-height: 40px;
        font-size: .825rem!important;
    }
}

/** RESPONSIVE-MENU */
.rm-body-with-header { padding-top: 0px; }
.rm-header .rm-logo { text-align: left; }
.rm-header .rm-logo img { width: 70%; }
.rm-header, #footer .rm-header {
    height: 60px;
    width: 96%;
    background: #ffffff;
    border-bottom: none;
    box-shadow: 0px 7px 12px -14px #000;
    z-index: 10000;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    margin: 1% 2% 0 2%;
}
.rm-header .rm-menu-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 10%;
    height: 60px;
    padding-left: 10px; }
    .rm-trigger {
        position: fixed;
        top: 80px;
        right: 10px;
        cursor: pointer;
        width: 34px;
        z-index: 10000;
        height: unset;
    }
.rm-header .rm-logo-container {
    position: relative;
    width: 55%;
    height: 60px;
    padding-left: 0;
    display: flex;
    align-items: center;
}
.rm-header .rm-icon-container {
    position: relative;
    text-align: right;
    padding-right: 10px;
    width: 30%;
}
.rm-header .rm-cart .count, #footer .rm-header .rm-cart .count { top: -7px; background: #ff9900; width: 23px; height: 23px; }
.rm-login-bar {
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    background: #fff;
}
.rm-login-bar__hello { font-size: 1rem; color: #010101; }
.rm-login-bar__logout {
    display: block;
    font-size: .850rem;
    margin-left: 35px;
    margin-top: 10px;
    color: #010101;
    width: fit-content;
    background: #ddd;
    padding: 1px 5px;
    border-radius: 3px;
}
.rm-search-bar__input { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding-right:10px; padding-left:37px; }
.rm-search-bar__submit { color: #ff9900; right:0; left:5px; }
.rm-product-list { height: fit-content; top: 118px; }
.rm-login-bar__login {
    font-size: .850rem;
    color: #010101;
    background: var(--ba-yellow);
    padding: 5px 10px;
    display: inline-block;
}
.rm-login-bar__create-account {
    display: inline-block;
    margin-left: 0;
    font-size: 0.850rem;
    margin-top: 10px;
    color: #fff;
    background: var(--ba-blue);
    padding: 5px 10px;
}
#footer li a.rm-level__item:hover, #footer li a.rm-level__item--selected, .rm-level__item:hover, .rm-level__item--selected { color: #010101; }

@media screen and (768px <= width < 991px) {
    .rm-header .rm-menu-container { width: 1%; }
    .rm-header .rm-logo img { width: 45%; }

}

/** BREADCRUMB */
#wrapper .breadcrumb {
    padding: 0;
    background: var(--ba-gray-light);
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    position: relative; }
    #wrapper .breadcrumb > ol {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        border-bottom: none;
        padding-left: 15px;
        padding-right: 15px; }
        #wrapper .breadcrumb > ol li a {
            color: #010203;
            font-weight: 600;
        }

/** BLOCK-INFO */
.heading-title {
    font-size: 2.8125rem;
    font-weight: 300;
    line-height: 3rem;
    margin-bottom: 2rem;
}
.sup-heading-title {
    font-size: 1.25rem;
    font-weight:300;
    line-height:1.8rem;
    margin-bottom:1.8rem;
    color:#010203;
}

ul.list-item {
    margin-top: 1.5rem;
    margin-bottom: 2rem; }
    ul.list-item li {
        margin-bottom:10px; }
        ul.list-item li:before {
            margin-right: 8px;
            font-family: 'Font Awesome 5 Duotone';
            font-weight: 600;
        }
        ul.list-item.plus-icon li:before {
            content: '\f061';
            color: #00bb2d;
        }

section.block-info { padding: 6rem 0; }
section.block-info div.column-image, section.block-info div.column-text { padding:1%; }
section.block-info div.column-right-text  { padding-left:3%; }
section.block-info p {
    color:#010203;
    font-size: 1rem;
    line-height: 1.5rem;
}
img.img-rounded-01 {
    width:100%;
    border-radius: 100px 100px 300px 100px;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);
}
img.img-rounded-02 {
    width:100%;
    border-radius: 100px 100px 100px 300px;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);
}

.service-home-card {
    display: flex;
    flex-direction: column;
    padding: 12% 8% 8% 8%;
    margin: 3%;
    border: 1px solid #ddd;
    border-radius: 15px 15px 50px 15px;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05); }
    .service-home-card h3 {
        margin-bottom: 25px;
    }
    .service-home-card a {
        font-size: .875rem;
        color: #999;
        font-weight: 600;
        position: relative;
        width: fit-content;
        padding-right: 20px;
        transition: all .35s ease-in-out; }
        .service-home-card a:before {
            content: '\f061';
            font-weight: 600;
            font-family: 'Font Awesome 6 Pro';
            right: 2px;
            position: absolute;
            transition: all .35s ease-in-out;
            color: #999;
            top: 1px; }
            .service-home-card a:hover, .service-home-card a:active { color:var(--ba-purple); }
            .service-home-card a:hover:before {
                color:var(--ba-purple);
                right:1px;
            }
@media screen and (325px <= width < 767px) {
    section.block-info { padding: 2rem 0; }
    .heading-title { font-size: 1.8rem; line-height: 2rem; margin-bottom: 1rem; }
    section.block-info div.column-right-text .heading-title { margin-top: 1.5rem; }
    section.block-info a.btn-pill{width:90%;text-align:center;margin-left:auto;margin-right:auto;display:block}
    section.block-info div.column-image { text-align: center;}
    img.img-rounded-01, img.img-rounded-02 { width: 95%; }
}

@media screen and (768px <= width < 991px) {
    section.block-info { padding: 3rem 0; }
    .heading-title  {font-size: 2.2rem; line-height: 2.8rem;}
}

/** BLOG STYLES */
body#ybc_blog_page #wrapper .breadcrumb {
    background: var(--ba-orange);
}
body#ybc_blog_page #header { box-shadow:none!important; }
.ybc-navigation-blog-content .block {
    border: 2px solid #ddd;
    border-radius: 8px; }
    .ybc-navigation-blog-content .block .title_block {
        color: var(--ba-orange);
    }

.ybc-blog-wrapper h1.page-heading, .ybc-blog-wrapper-content h1.page-heading {
    font-size: 2.3rem;
    line-height: 2.6rem;
    padding-bottom: 2rem;
    color:var(--ba-purple);
}
.blog-category-desc h2 {
    padding-bottom: 1.3rem;
}
.ybc-blog-wrapper-content h2 {
    margin-top: 50px;
}
.ybc_indexing_box {
    border: 1px solid #ddd;
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden; }
    .ybc_indexing_box_title {
        border-bottom: 1px solid #ddd;
        padding: 4px 15px;
        width: 100%;
        display: block;
        margin-bottom: -1px;
        position: relative;
        font-size: .825rem;
        text-transform: uppercase;
        font-weight: 600;
    }
.ybc_btn_show_table_content {
    width: 45px;
    height: 45px;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: #f90;
    color: #fff;
    border: 1px solid #f90;
}
.ybc-blog-latest-toolbar {
    color: #020304;
    float: left;
    font-size: 14px;
    margin-bottom: 7px;
    width: 100%; }
    .post-date .be-label {
        display: block;
        float: left;
        overflow: hidden;
        text-indent: 999px;
        white-space: nowrap;
        width: 20px;
        color: #1e88e5;
    }
    span.ybc-blog-latest-toolbar-views i.ets_svg { color: #1e88e5; }

.blog_description ul {
    list-style: none;
    padding-left: 0; }
    .blog_description ul li { list-style: none; }
    .blog_description ul li:before {
        font-size: 9px;
        list-style: none;
        content: '\f111';
        font-family: 'Font Awesome 6 Free';
        font-weight: 600;
        margin-right: 8px;
        color: #80deea;
    }

a.ybc_title_block {
    color: var(--ba-purple);
    font-size: 1.2rem;
    line-height: 1.6rem;
}
a.ybc_item_img {
    border-radius: .475rem;
    border-right: 1px solid #9fa8da;
    border-bottom: 1px solid #9fa8da;
}
.ybc_image-single { border-radius: .475rem; margin-bottom:25px; }
a.blog_view_all, .blog_view_all_button a.view_all_link {
    background: var(--ba-blue);
    border-radius: 100px;
    border: 2px solid var(--ba-blue);
    transition: all .35s ease-in-out; }
    a.blog_view_all:hover, .blog_view_all_button a.view_all_link:hover,
    a.blog_view_all:active, .blog_view_all_button a.view_all_link:active {
        background: #fff;
        color:var(--ba-blue)!important;
    }

/** WHATSAPP CHAT */
.whatsapp-icon {
    background-image: url('https://bairesservicios.com/themes/baires/assets/img/whatsapp-logo.webp') !important;
    background-repeat: no-repeat !important;
    display: inline-block !important;
    height: 64px !important;
    width: 64px !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
    background-size: contain !important;
}

/** CMS THEME **/

/* ============================
  Baires Servicios - Grid de Themes
  ============================ */

/* Estructura general del grid */
.bs-theme-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columnas en desktop */
  gap: 40px;
  padding: 40px 20px;
}

/* Card de cada theme */
.bs-theme-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

/* Imagen principal */
.bs-theme-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
}

/* Imagen dentro de la card */
.bs-theme-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease, filter 0.5s ease;
}

/* Botones ocultos por defecto */
.bs-theme-buttons-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  z-index: 2;
  transition: all 0.3s ease;
}

/* Efecto Hover sobre la Card */
.bs-theme-card:hover .bs-theme-buttons-overlay {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.bs-theme-card:hover img {
  filter: brightness(0.4) grayscale(30%); /* Filtro gris y oscurecido */
  transform: scale(1.05);
}

/* Info del theme (Nombre, Categor��a, Estrellas) */
.bs-theme-info {
  padding: 20px;
  text-align: left;
}

/* Nombre del theme */
.bs-theme-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 8px;
}

/* Categor��a */
.bs-theme-category {
  font-size: 1rem;
  color: #666666;
  margin-bottom: 10px;
}

/* PRODUCTOS EN CATEGORIA NO HAY */
#pagenotfound .page-not-found, #products .page-not-found {
    max-width: 570px;
    padding: 1rem;
    margin: 0 auto;
    overflow: auto;
    font-size: .875rem;
    color: #7a7a7a;
    background: #fff;
    display: none;
}

/* Estrellas y cantidad de tiendas */
.bs-theme-rating {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  color: #FF9900;
  margin-top: 5px;
}

/* Botones */
.bs-btn-primary, .bs-btn-secondary {
  padding: 10px 20px;
  font-size: 0.9rem;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;
}

.bs-btn-primary {
  background-color: #FF9900;
  color: #ffffff;
  border: none;
}

.bs-btn-primary:hover {
  background-color: #e98300;
  color: #ffffff;
}

.bs-btn-secondary {
  background-color: #ffffff;
  color: #FF9900;
  border: 2px solid #FF9900;
}

.bs-btn-secondary:hover {
  background-color: #FF9900;
  color: #ffffff;
}
/* Rating estrellas */
.bs-theme-rating {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 10px;
}

.bs-theme-rating svg {
  width: 20px;
  height: 20px;
}

.bs-theme-count {
  font-size: 0.9rem;
  color: #666666;
  margin-left: 8px;
}

/* Responsive */
@media (max-width: 768px) {
  .bs-theme-grid {
    grid-template-columns: 1fr; /* 1 columna en mobile */
  }
}

/* FIN CMS THEME*/

#wrapper .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background: #fff;
    border-top: 1px solid #ff9900;
    border-bottom: 1px solid #ff9900;
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
}

/* HEADER 

#header.header-sticky {
    position: fixed;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
    top: 0;
    left: 0;
    right: 0;
    animation: slideDown 0.45s ease forwards;*/

/* PORTADA CATEGORIA */

.pagination {
    display: none;
}   
div#js-product-list-top {
    display: none;
}
.block-category {
    min-height: 13.75rem;
    margin-bottom: 0;
    background: transparent;
    max-width: 1420px;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
div#js-product-list-header {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    background: #EFEFEF;
}

.block-category h1 {
    margin-bottom: 3rem;
    font-size: 3rem;
    font-weight: 400;
}

@media screen and (325px <= width < 767px) {
    .block-category { min-height: 200px; }
    .block-category h1 { font-size: 1.5rem; margin-bottom: 1.5rem; padding-left:15px; }
}
@media screen and (768px <= width < 991px) {
    .block-category { min-height:350px; }
    .block-category h1 { font-size:2rem; margin-bottom: 1.5rem; }
}
@media screen and (992px <= width < 1199px) {
    .block-category  {min-height:400px; }
    .block-category h1 { font-size:2.5rem; margin-bottom: 1.5rem; }
}

/* BOTON DE COMPRAR AHORA */

.btn-add-to-cart {
    background-color: #ff9900;
    border-color: #ff9900;
    color: #fff;
}
btn-add-to-cart:hover {
    background-color: #ff4c4c;
    border-color: #ec4249;
    color: #fff;
}

/* Carrito */

.product-quantity .qty {
    margin-right: .4rem;
    display: none;
}

/** BLOCKCART-MODAL */
@media screen and (325px <= width < 767px) {
    #blockcart-modal .modal-dialog { margin-top: 80px; }
    #blockcart-modal img.product-image { width: 50%; }
}

/** PRODUCT THUMBNAIL */
.product-miniature .thumbnail-container { box-shadow: 0 10px 10px -15px #000; }
.product-miniature .thumbnail-container img { transition: all .45s ease-in-out; }
.product-miniature .thumbnail-container:hover img { filter: saturate(2); }
.product-miniature .product-title a { color: #010101; }
.product-miniature .product-description {
    position: relative;
    bottom: 0;
    height: auto;
    padding: .25rem .25rem .7rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    /* margin-left: 10px;
    margin-right: 10px; */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 4px solid #f90;
    width:250px;
}

@media screen and (325px <= width < 767px) {
    .product-miniature .product-description { width: 183px; }
    .product-price-and-shipping .quick-view { position: relative; top: 0; right: 0; margin-top: 15px; }
}

/** PAGE: PRODUCT */
.product-container { padding-top: 5%; }
.product-cover .layer { display: none; }
.product-actions .product-add-to-cart .control-label { display: none; }
section.product-customization.js-product-customization .card.card-block { padding: 0; }
section.product-customization.js-product-customization form button.btn.btn-primary { float: left!important; }


#products .products.row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#product .product-more-info { padding-top:3rem; padding-bottom:4rem; }
#product .product-more-info h2.product-section-title {
    margin-bottom: 1.5rem;
    font-weight: 600;
    position: relative;
    padding-bottom: 1rem; }
    #product .product-more-info h2.product-section-title:before {
        content: '';
        width: 15%;
        height: 3px;
        background: #f90;
        position: absolute;
        bottom: 0;
    }

#product .product-desc-section .product-description { width: 90%; }
.product-desc-section .product-description p { color: #010101; line-height:1.5; }

#product section.product-accessories p.h5 {
    font-size: 1.5rem;
    padding-bottom: 1.5rem;
}

/** PRODUCTS-FEATURES */
li.feature-item span.name { font-weight: 600; padding-left: 26px; }
li.feature-item:before {
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    font-size: .950rem;
}
li.feature-item.feature-54:before { content: '\f0a0'; }
li.feature-item.feature-4:before { content: '\f1c0'; }
li.feature-item.feature-6:before { content: '\f457'; font-family: 'Font Awesome 6 Brands' }
li.feature-item.feature-7:before { content: '\f30d'; }
li.feature-item.feature-5:before { content: '\e16f' }
li.feature-item.feature-8:before { content: '\f093'}
li.feature-item.feature-9:before { content: '\f2f7'}
li.feature-item.feature-10:before { content: '\f0ac'}
li.feature-item.feature-11:before  { content: '\e60e'}

li.feature-item.feature-56:before, li.feature-item.feature-57:before, li.feature-item.feature-58:before { content:'\e228'}
li.feature-item.feature-59:before { content: '\f618'}
li.feature-item.feature-60:before { content: '\f648'}
li.feature-item.feature-61:before { content: '\f044'}
li.feature-item.feature-62:before { content: '\f271'}
li.feature-item.feature-63:before { content: '\f65a'}
li.feature-item.feature-64:before { content: '\f508'}
li.feature-item.feature-65:before { content: '\f87c'}
li.feature-item.feature-66:before { content: '\e098'}


/** BABLOCKCATEGORIES */
.bablockcategories-container { margin-bottom: 3.265rem; box-shadow: none; }
.bablockcategories-tree li span {
    font-size: .825rem;
    color: #010101;
    margin-top: 15px;
    font-weight: 500;
}

/** PAGE: CART - CHECKOUT */
body#checkout #footer { padding: 0; }
body#checkout #header .header-nav { background: #fff; }
body#checkout #header .header-nav .blockshopinfo_nav { display: none;}
.cart-grid-body .card-block, .cart-grid-body .cart-overview { padding-top: 0; }
.cart-grid-right .cart-summary, body#checkout #js-checkout-summary {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}
.cart-grid .card-block h1 { padding-left: 15px; }
a.btn-continue-shopping {
    border: 1px solid #424242;
    background: #f7f7f7;
    color: #424242!important;
    font-size: .710rem;
    top: 16px;
    position: absolute;
    right: 15px; }
    a.btn-continue-shopping:hover, a.btn-continue-shopping:focus { background: #e9e9e9; border: 1px solid #424242; }
ul.cart-items .cart-item {
    padding: 1rem 0;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 5px;
}
body#checkout section.checkout-step .delivery-options .delivery-option label .carrier:not(.carrier-hasLogo)>.col-xs-12 {
    padding-left: 0;
    color: #ec4249;
}
body#checkout section.checkout-step .delivery-options .delivery-option {
    min-height: 80px;
    padding: .9375rem 0;
    margin-bottom: .9375rem;
    background: #f6f6f6;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}


#cart-summary-product-list.collapse {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

#cart-summary-product-list {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(60,60,60,0.12);
    padding: 20px 18px;
    margin-bottom: 16px;
    border: 1px solid #f3f3f3;
}

#cart-summary-product-list .media {
    border-bottom: 1px solid #ececec;
    padding: 14px 0;
}
#cart-summary-product-list .media:last-child {
    border-bottom: none;
}


#js-checkout-summary .media-list li.media { border: 1px solid #e0e0e0; border-radius: 5px; padding: 10px; }
#js-checkout-summary .media-list li.media .media-left { display: none; }
div#cart-subtotal-shipping {
    display: none; !important;
}

@media screen and (325px <= width < 767px) {
    .product-line-actions .col-xs-4.hidden-md-up { display: none; }
    .product-line-actions .col-xs-6 { width:75%; }
    .product-line-grid-right.product-line-actions { margin-top: 10px; }
    a.btn-continue-shopping { top: 0; width: fit-content!important; }
    .cart-grid-right .cart-summary, body#checkout #js-checkout-summary { padding: 20px; }
}

/** PAGE: CATEGORY */
body#category #products {
    padding-top: 50px;
}