.cebreterra-store-logo{
    max-width: 3em;
}
.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);
}

#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;
}


/* 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-brand {
    height: auto !important;
    min-height: 10em; /* 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: var(--color-info);
    color: white;
}
.buttom-carousel:focus{
    background-color: var(--color-info);
    color: black;
}
/* CAROUSEL BLOGS */
#carousel-blogs{
    height: auto !important;
    min-height: 30em; /* Ajusta según sea necesario */
    /* overflow: visible !important; */
}

.carousel .carousel-item-blog .carousel-item-brand{
    width: 14em !important;
    height: auto !important;
    
     padding: 0.5em;
}

.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: 1.3em  !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 */
}

.vehicle-info{
    font-size: 1.5em;
}


@media screen and (max-width: 700px) {
    #badge-custom { 
        margin-top: 0.2em;
        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.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;
    }
    .details-vehicle{
        display: none;
    }
    .vehicle-info{
        font-size: 1em;
    }
}

@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; */
    }
}