/* 
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 cabecera .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 de la fuente */
    font-style: normal; /* establece el estilo normal de la fuente */
}


/* TITULO 1 CONTENEDOR CABECERA */

    /* contiene el logo, menu principal e inicio de sesion de la cabecera */
    .contenedor_cabecera {
        width: 100%; /* ocupa el ancho completo de la ventana */
        height: 25vh; /* establece la altura del contenedor */
        min-height: 15vh; /* establece una altura minima proporcional a la pantalla */
        display: flex; /* organiza los elementos mediante una estructura flexible */
        align-items: center; /* centra verticalmente los elementos secundarios */
        justify-content: space-between; /* distribuye el espacio disponible entre los elementos */
        position: relative; /* permite posicionar elementos absolutos dentro del contenedor */
        padding: 0 2.5vw; /* establece el espacio interno lateral del contenedor */
        box-sizing: border-box; /* incluye el relleno y los bordes dentro del tamaño total */
        background-color: #ffffff; /* establece el fondo en blanco */
    }


    /* SUBTITULO 1 LLAMADOS MEDIANTE INCLUDE PARA INTEGRAR LA CABECERA */

        /* contiene y organiza el logo corporativo ubicado al lado izquierdo */
        .contenedor_logo_cabecera {
            display: flex; /* organiza el contenido mediante una estructura flexible */
            align-items: center; /* centra verticalmente la imagen del logo */
            justify-content: flex-start; /* posiciona el contenido hacia el lado izquierdo */
            z-index: 2; /* establece la posicion de la capa sobre el fondo */
        }

        /* contiene y organiza el menu principal de la cabecera */
        .contenedor_menu_cabecera {
            flex: 1; /* permite ocupar el espacio horizontal disponible */
            display: flex; /* organiza el contenido mediante una estructura flexible */
            align-items: center; /* centra verticalmente los elementos del menu */
            justify-content: flex-end; /* posiciona las opciones del menu hacia el lado derecho */
            padding-right: 5.5vw; /* establece el espacio interno derecho del menu */
            margin-top: 4vh; /* desplaza verticalmente el menu hacia abajo */
            z-index: 2; /* establece la posicion de la capa sobre otros componentes */
        }

        /* contiene y posiciona el acceso al inicio de sesion */
        .contenedor_inicio_sesion_cabecera {
            position: absolute; /* permite posicionar el contenedor respecto al principal */
            top: 2.5vh; /* establece la distancia respecto al borde superior */
            right: 2.5vh; /* establece la distancia respecto al borde derecho */
            display: flex; /* organiza el contenido mediante una estructura flexible */
            align-items: center; /* centra verticalmente el boton */
            justify-content: flex-end; /* posiciona el boton hacia el extremo derecho */
            z-index: 5; /* establece la prioridad de capa del elemento */
        }

    

/* -------------------------------------------------------------------------------------------------------------
   -------------------------------------- FIN ITred Spa cabecera .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 
*/