.btn-info {
    width: 100%;
}

.portada {
    padding: 0%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #3ea8b2;
    /* Cambia este color según tus preferencias */
}

.buscaLinea {
    padding: 0.5em 0em 0.7em 0em;
}

.tarjetasLineaHogar {
    background-image: url(../imagenes/slider/Foto-para-hogar.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 350px;
}


.tarjetasLineaProfesional {
    background-image: url(../imagenes/slider/Foto-para-profesional.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 350px;
}

.carruselBusca{
    padding: 4em;
}

.botonLinea {
    margin: 0.5em 0em 0em 0em;
    color: white;
}

.botonBanner{
    color: #3ebcd1;
    background-color: #ffffff;
}

.botonBanner:hover{
    color: #3ebcd1;
    background-color: #ffffff;
}

.tituloProductos{
    color: #000000;
    padding: 1em;
}

/* .paddingBanners{
    padding: 1em 2em;
} */

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #3ea8b2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-control-prev {
    left: -60px; /* Ajusta este valor según el espacio que desees fuera de la imagen */
}

.carousel-control-next {
    right: -60px; /* Ajusta este valor según el espacio que desees fuera de la imagen */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 20px;
    height: 20px;
}

.indicadoresBUSCA{
    bottom: -50px !important;
}

#carruselBusca{
    width: 70%;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}

.carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    border: none;
    margin: 0 5px;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #000;
}

    /* Estilos para los indicadores */
    .indicadoresBUSCA  button {
        width: 12px !important;
        height: 12px !important;
        border-radius: 50% !important;
        border: 2px solid #3ea8b2 !important;
        background-color: transparent !important;
        transition: background-color 0.3s ease !important;
        bottom: -60px !important;
    }

    .indicadoresBUSCA .active {
        background-color: #3ea8b2 !important;
    }

    .carousel-control-prev-iconBUSCA, .carousel-control-next-iconBUSCA {
        background-color: #3ea8b2;
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

    /* Ajustar el tamaño del contenedor de los íconos de navegación */
    .carousel-control-prevBUSCA, .carousel-control-nextBUSCA {
        width: auto;
    }

    /* Alineación de texto dentro del botón si se incluye texto */
    .carousel-control-prevBUSCA, .carousel-control-nextBUSCA {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: white;
    }