﻿

.indice-seccion-noticias {
    background-color: var(--color-azul-3);
    padding-top: var(--espaciado-lg);
}


.carrusel-contenedor-botones .contenedor-botones-flechas .carousel-control-next,
.carrusel-contenedor-botones .contenedor-botones-flechas .carousel-control-prev {
    color: var(--color-gris-3);
    font-size: 1.2rem;
    border-radius: var(--radio-elementos-lg);
    background-color: white;
    z-index: 1;
    height: 2.75rem;
    max-width: 5.25rem;
    min-width: 5.25rem;
}


.carrusel-contenedor-botones .contenedor-boton-noticia-completa .carousel-control-noticia-completa {
    color: var(--color-gris-3);
    border-radius: var(--radio-elementos-lg);
    background-color: white;
    z-index: 1;
    height: 2.75rem;
    max-width: 12.5rem;
    min-width: 12.5rem;
    border: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}


.carrusel-contenedor-botones .contenedor-botones-flechas{
    height: 100%;
    display:flex;
    align-items: center;
}

.carrusel-contenedor-botones .contenedor-botones-flechas .carousel-control-next,
.carrusel-contenedor-botones .contenedor-botones-flechas .carousel-control-prev,
.carrusel-contenedor-botones .contenedor-boton-noticia-completa .carousel-control-noticia-completa {
    transition: height 0.3s ease;
}

    .carrusel-contenedor-botones .contenedor-botones-flechas .carousel-control-next:hover,
    .carrusel-contenedor-botones .contenedor-botones-flechas .carousel-control-prev:hover,
    .carrusel-contenedor-botones .contenedor-boton-noticia-completa .carousel-control-noticia-completa:hover {
        border: 0.063rem solid var(--color-azul-10);
        color: var(--color-azul-10);
        height: 3.25rem;
    }


.carrusel-contenedor-botones {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.carousel-control-next,
.carousel-control-prev {
    position: relative;
    opacity: 1;
    line-height: 1;
}

    .carousel-control-next:focus,
    .carousel-control-next:hover,
    .carousel-control-prev:focus,
    .carousel-control-prev:hover {
        opacity: 1;
    }


.list-group-item {
    border: none;
    padding: 0;
}

.list-group-item {
    border: none;
    padding: 0;
}


.indice-contendor-lista-noticias {
    background-color: var(--color-blanco-2);
    padding-top: var(--espaciado-md);
    padding-bottom: 2rem;
    min-height: 548px;
}





.carousel, .contenedor-error-imagen-carrusel {
    min-height: 548px;
    max-height: 548px;
    height: 548px;
}

.carousel-inner, .carousel-item {
    min-height: 548px;
    max-height: 548px;
    height: 548px;
}


    .carousel-item img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .carousel-item.active {
        display: flex;
    }

@media (min-width: 992px) {
    .indice-contendor-lista-noticias {
        padding-left: 2rem;
        padding-right: 4rem;
        border-radius: 0 var(--radio-elementos-lg) var(--radio-elementos-lg) 0;
        max-height: 548px;
    }


    .indice-contenedor-header-carrusel {
        padding-left: 1.5rem;
    }


    .carrusel-contenedor-botones {
        padding-left: 1rem;
        padding-right: 1rem;
        height: 4.375rem;
    }

    .carousel-inner {
        border-radius: var(--radio-elementos-lg) 0 0 var(--radio-elementos-lg);
        overflow: hidden;
    }


        .carousel-inner.error {
            border-top: 1px solid var(--color-blanco-2);
            border-left: 1px solid var(--color-blanco-2);
            border-right: none; 
            border-bottom: none; 
        }



  


}



    @media (max-width: 991px) {

        .indice-seccion-noticias {
             padding-top: 0rem; 
             overflow: hidden;
        }

        .indice-contendor-lista-noticias {
           padding-left: 1rem;
           padding-right: 1rem;
            border-radius: 0;
        }

        .carousel-inner {
            border-radius:  0;
        }

        .carrusel-contenedor-botones .contenedor-botones-flechas .carousel-control-next,
        .carrusel-contenedor-botones .contenedor-botones-flechas .carousel-control-prev {
            height: 2.75rem;
            min-width: 3.75rem;
            border-radius: 0.5rem;
        }

        .carrusel-contenedor-botones .contenedor-boton-noticia-completa .carousel-control-noticia-completa {
            border-radius: 0.5rem;
            height: 2.75rem;
        }

            .carrusel-contenedor-botones .contenedor-botones-flechas .carousel-control-next:hover,
            .carrusel-contenedor-botones .contenedor-botones-flechas .carousel-control-prev:hover,
            .carrusel-contenedor-botones .contenedor-boton-noticia-completa .carousel-control-noticia-completa:hover {
                border: 0.063rem solid var(--color-azul-10);
                color: var(--color-azul-10);
                height: 3.25rem;
            }

        .carrusel-contenedor-botones {
            padding-left: 0.7rem;
            padding-right: 0.7rem;
            height: 4.375rem;
        }

      
    }

    @media (min-width: 1201px) and (max-width: 1360px) {
        .espaciado-lateral-general.espaciado-web-pequenno {
            padding-left: 2rem !important;
            padding-right: 2rem !important;
        }
    }


    .indice-carrusel-mano:before {
        color: var(--color-amarillo-1);
        transform: rotate(90deg);
    }

    .indice-carrusel-contenedor-icono {
        min-width: 1rem;
        height: fit-content;
        padding-top: 0;
        /*max-width: 2rem;*/
    }

.indice-carrusel-mano {
    display: none;
}


.enlace-noticia {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    background-color: transparent;
    border:none;
    text-align: left;
    padding: 0;
    margin-left: 8px;
}

    .enlace-noticia span,
    .enlace-noticia:hover span {
        color: var(--color-azul-6);
    }



    .enlace-noticia span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
       /* height: 48px;*/
    }

  

.enlace-noticia:hover{
    text-decoration: underline;
    color: var(--color-azul-11);
}


.enlace-noticia.noticia-actual {
    text-decoration: underline;
    font-weight: 600;
}




    .indice-carrusel-ver-mas-noticias,
    .indice-carrusel-ver-mas-noticias:hover {
        color: var(--color-azul-6)
    }