/* 
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 pie_pagina .CSS --------------------------------------
   ------------------------------------------------------------------------------------------------------------- */
/* TITULO 1 CONTENEDOR PIE PAGINA */

    /* contiene y organiza todos los componentes del pie de pagina */
    .pie_pagina {
        width: 100%; /* establece el ancho completo del pie de pagina */
        height: 46vh; /* establece la altura del pie de pagina */
        display: flex; /* permite organizar los elementos internos mediante flexbox */
        flex-direction: column; /* organiza los elementos internos verticalmente */
        background-color: #f8f4ee; /* establece el fondo del pie de pagina */
        box-sizing: border-box; /* incluye el padding y borde dentro de las dimensiones */
    }


/* SUBTITULO 1 CONTENIDO PRINCIPAL PIE PAGINA */

    /* distribuye las tres columnas principales del pie de pagina */
    .contenido_pie_pagina {
        width: 100%; /* establece el ancho completo del contenido */
        height: 39vh; /* establece la altura del contenido principal */
        display: grid; /* permite organizar las columnas mediante una cuadricula */
        grid-template-columns: repeat(3, 1fr); /* establece tres columnas de igual proporcion */
        align-items: center; /* centra verticalmente los elementos de las columnas */
        padding: 4vh 0; /* establece el espacio interno superior e inferior */
        box-sizing: border-box; /* incluye el padding dentro de las dimensiones */
    }

    /* contiene y centra el logo dentro de la columna correspondiente */
    .contenedor_logo_pie_pagina {
        width: 100%; /* establece el ancho completo de la columna */
        height: 100%; /* establece la altura completa de la columna */
        display: flex; /* permite organizar el logo mediante flexbox */
        justify-content: center; /* centra horizontalmente el logo */
        align-items: center; /* centra verticalmente el logo */
        border-right: 1px solid #d8c5ae; /* establece la linea divisoria derecha */
        box-sizing: border-box; /* incluye el borde dentro de las dimensiones */
    }

    /* contiene y centra el menu de asesorias dentro de la columna correspondiente */
    .contenedor_menu_pie_asesorias {
        width: 100%; /* establece el ancho completo de la columna */
        height: 100%; /* establece la altura completa de la columna */
        display: flex; /* permite organizar el menu mediante flexbox */
        justify-content: flex-end; /* alinea el menu hacia el extremo derecho */
        align-items: center; /* centra verticalmente el menu */
        padding-right: 3vw; /* establece el espacio derecho del menu */
        border-right: 1px solid #d8c5ae; /* establece la linea divisoria derecha */
        box-sizing: border-box; /* incluye el padding y borde dentro de las dimensiones */
    }

    /* contiene y centra la informacion de contacto dentro de la columna correspondiente */
    .contenedor_menu_pie_contactanos {
        width: 100%; /* establece el ancho completo de la columna */
        height: 100%; /* establece la altura completa de la columna */
        display: flex; /* permite organizar el contenido mediante flexbox */
        justify-content: center; /* centra horizontalmente el contenido */
        align-items: center; /* centra verticalmente el contenido */
        box-sizing: border-box; /* incluye el borde dentro de las dimensiones */
    }


/* SUBTITULO 2 CREADO POR */

    /* contiene la informacion inferior correspondiente al desarrollo del sitio */
    .contenedor_creado_por_pie {
        width: 100%; /* establece el ancho completo del contenido */
        height: 7vh; /* establece la altura del contenido inferior */
        display: flex; /* permite organizar el contenido mediante flexbox */
        justify-content: center; /* centra horizontalmente el contenido */
        align-items: center; /* centra verticalmente el contenido */
        border-top: 1px solid #d8c5ae; /* establece la linea divisoria superior */
        box-sizing: border-box; /* incluye el borde dentro de las dimensiones */
    }

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