/* 
Sitio Web Creado por ITred Spa.
Direccion: Guido Reni #4190
Pedro Aguirre Cerda - Santiago - Chile
contacto@itred.cl o itred.spa@gmail.com
https://www.itred.cl
Creado, Programado y Diseñado por ITred Spa.
BPPJ 
*/


/* -------------------------------------------------------------------------------------------------------------
   ------------------------------------- INICIO ITred Spa carrusel .CSS ----------------------------------------
   ------------------------------------------------------------------------------------------------------------- */


/* IMPORTACION DE FUENTE RALEWAY */

@font-face {
    font-family: 'Raleway'; /* establece el nombre de la fuente que podrá utilizar el sitio */
    src: url('fuentes/fuentes_google/fuente_raleway.ttf') format('truetype'); /* establece la ruta del archivo de fuente y su formato */
    font-weight: 100 900; /* permite utilizar los diferentes grosores disponibles de la fuente */
    font-style: normal; /* establece el estilo normal de la fuente */
}


/* TITULO 1 CONTENEDOR CARRUSEL */

    /* contiene y posiciona los componentes principales del carrusel */
    .carrusel {
        width: 100%; /* establece el ancho completo del carrusel */
        height: 75vh; /* establece la altura del carrusel en funcion de la ventana */
        position: relative; /* permite posicionar los elementos internos respecto al carrusel */
        overflow: hidden; /* oculta el contenido que sobresale del carrusel */
        background-color: #ffffff; /* establece el fondo blanco del carrusel */
    }


    /* SUBTITULO 1 LLAMADOS MEDIANTE INCLUDE PARA INTEGRAR EL CARRUSEL */

        /* contiene las imagenes utilizadas en el carrusel */
        .carrusel_imagen {
            width: 100%; /* establece el ancho completo del contenedor de imagenes */
            height: 100%; /* establece la altura completa del contenedor de imagenes */
            position: absolute; /* permite posicionar el contenedor de forma absoluta */
            top: 0; /* posiciona el contenedor en la parte superior */
            left: 0; /* posiciona el contenedor en la parte izquierda */
        }

        /* contiene y posiciona verticalmente los textos sobre las imagenes del carrusel */
        .carrusel_texto {
            width: 760px; /* establece el ancho del contenedor de texto */
            position: absolute; /* permite posicionar el contenedor de forma absoluta */
            top: 50%; /* posiciona el contenedor en la mitad vertical */
            left: 6vw; /* establece la distancia respecto al borde izquierdo */
            transform: translateY(-50%); /* centra verticalmente el contenedor */
            z-index: 10; /* establece la prioridad de visualizacion */
        }

        /* contiene los controles de navegacion del carrusel */
        .carrusel_paginador {
            width: 100%; /* establece el ancho completo del contenedor */
            height: 100%; /* establece la altura completa del contenedor */
            position: absolute; /* permite posicionar el contenedor de forma absoluta */
            top: 0; /* posiciona el contenedor en la parte superior */
            left: 0; /* posiciona el contenedor en la parte izquierda */
            z-index: 20; /* establece la prioridad de visualizacion */
            pointer-events: none; /* permite que los eventos atraviesen el contenedor */
        }
   

/* -------------------------------------------------------------------------------------------------------------
   -------------------------------------- FIN ITred Spa carrusel .CSS ------------------------------------------
   ------------------------------------------------------------------------------------------------------------- */


/* 
Sitio Web Creado por ITred Spa.
Direccion: Guido Reni #4190
Pedro Aguirre Cerda - Santiago - Chile
contacto@itred.cl o itred.spa@gmail.com
https://www.itred.cl
Creado, Programado y Diseñado por ITred Spa.
BPPJ 
*/