.cebreterra-store-logo{
    max-width: 6em;
}
.option-label-select-materialize{
    display: none;
}
.style-text-nav{
    font-family:var(--current-font-family);
    color:var(--color-text);
    font-size: medium;
}
#language-suport-en,  #language-suport-es, #language-suport-br{
    font-family:var(--current-font-family);
    color:var(--color-text);
}

.forma-de-pagamento{
    width: 100%;
    height: 8em;
}
.compra-segura{
    width: 100%;
    height: 4em;
}
#badge-custom{
    border-radius: 50%; 
    width: 1.5em; 
    height: 1.5em; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    background-color: var(--color-info); 
    font-family:var(--current-font-family);
    color:white;
    top: 2em; 
    margin-top: -4.1em;
    margin-left: 1.4em;
}
.icon-menu{
    color:var(--color-info); 
}

    /* Contenedor centrado */
.container-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6em; /* Ocupar toda la pantalla */
    position: relative;
    text-align: center;
    width: 100%;
}


/* Texto de fondo (grande y semitransparente) */
.text-background {
    font-weight: bold;
    font-family:var(--current-font-family);
    color: var(--color-text-disable);
    position: absolute;
}

/* Texto principal (más pequeño y encima) */
.text-foreground {
    font-family:var(--current-font-family);
    font-weight: bold;
    color: black;
    position: absolute;
}
.card-title-category{
    font-family:var(--current-font-family);
    font-weight: bold;
    color: black;
}

.header-drawer{
    display: flex;
    justify-content: center;
    padding: 3em;
}
.cebreterra-store-logo-header{
    max-width: 15em;
}
.div-cart-shopping{
    display: none;
}
.carousel .carousel-item {
    width: 13em !important;
    height: auto !important;
     padding: 0.5em;
}
.carousel.carousel-slider .carousel-item {
    left: 27em !important;
}
#carousel-category {
    height: auto !important;
    min-height: 20em; /* Ajusta según sea necesario */
    /* overflow: visible !important; */
}
.card .card-content {
    padding: 0.5em !important;
}
.carousel.carousel-slider {
    height: auto !important;
}
.buttom-carousel{
    background-color: transparent;
    border: none;
    color: var(--color-text-disable);
    border-radius: 50%;
    width: 2em;
    height: 2em;
    align-items: center;
    display: flex;
    justify-content: center;
}
.buttom-carousel:hover{
    background-color: var(--color-text-disable);
    border: none;
    color: black;
}
.div-main-btn-carousel{
    display: flex;
    justify-content: end;
    gap: 1em;
}
/* CAROUSEL BLOGS */
#carousel-blogs{
    height: auto !important;
    min-height: 30em; /* Ajusta según sea necesario */
    /* overflow: visible !important; */
}

.carousel .carousel-item-blog .carousel-item-category .carousel-item-product{
    width: 14em !important;
    height: auto !important;
    padding: 0.5em;
}
#carousel-product {
    height: auto !important;
    min-height: 10em; /* Ajusta según sea necesario */
    /* overflow: visible !important; */
}

.limited-lines{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3rem !important; 
    font-size: 15px  !important; 
}

/* END CAROUSEL BLOGS */

.navigation-in-page{
    display: block;
}

/* icon NAVIGATOR PAGE */
.breadcrumb:before {
    color: var(--color-info) !important; /* Usa tu variable o un color fijo */
}



/* PAGE SPECIFIC PRODUCT */
.btn-buy-it-now{
    background-color: var(--color-button) !important;
    
}
.btn-add-to-cart:hover{
    color:white;
    background-color: var(--color-info) !important;
}
.btn-add-to-cart{
    background-color: var(--color-text-disable) !important;
    color:black;
}
/* END PAGE SPECIFIC PRODUCT */



@media screen and (max-width: 700px) {
    #badge-custom { 
        margin-top: 0.2em;
        margin-right: 1.4em;
        margin-left: 0em;
        
    }
    #navigation-in-page-custom{
        display: none;
    }
    .cart-shopping{
        display: flex;
        justify-content: end;
        width: 5em;
        margin-left: 25em;
    }
    #icon-cart-shopping{
        margin-top: 0.8em;
    }
    .btn-buy-it-now-div{
        margin-top: 0.8em;
    }
    .div-cart-shopping{
        display: flex;
        justify-content: end;
        width: 100%;
        position: absolute;
    }
    .carousel.carousel-slider .carousel-item {
        left: 0em  !important;
    }
    #carousel-category {
        height: auto !important;
        min-height: 20em; /* Ajusta según sea necesario */
    /* overflow: visible !important; */
    }
    .navigation-in-page{
        display: none;
    }
}

@media screen and (min-width: 700px) and (max-width: 992px) {
    #badge-custom { 
        margin-top: 0.4em;
        margin-right: 1.4em;
        margin-left: 0em;
    }
    .cart-shopping{
        display: flex;
        justify-content: end;
        width: 5em;
        margin-left: 25em;
    }
    #icon-cart-shopping{
        margin-top: 0.3em;
    }
    .div-cart-shopping{
        display: flex;
        justify-content: end;
        width: 100%;
        position: absolute;
    }
    .carousel.carousel-slider .carousel-item {
        left: 0em  !important;
    }
    #carousel-category {
        height: auto !important;
        min-height: 20em; 
        /* overflow:auto !important; */
    }
}