/* 
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 */

    .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 */

        .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 */
        }


        .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 */
        }


        .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 */
        }


        .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 padding y borde dentro de las dimensiones */
        }

    /* SUBTITULO 2 CREADO POR */

        .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 */
        }

        
    /* pantallas grandes (monitores Full HD+, iMac, monitores gaming QHD/4K) */
    @media (min-width: 1441px) {

        /* Sin media */

    }


    /* notebooks grandes (1600x900, 1920x1080) */
    @media (max-width: 1440px) {

        /* Sin media */

    }


    /* notebooks comunes (1366x768, MacBook Air/Pro) */
    @media (max-width: 1200px) {

        /* Sin media */

    }


    /* tablets horizontales / pantallas medianas (iPad Pro en horizontal, notebooks pequeños) */
    @media (max-width: 992px) {

        .pie_pagina {
            height: auto; /* permite que el pie de pagina se adapte al contenido */
        }


        .contenido_pie_pagina {
            width: 100%; /* mantiene el ancho completo del contenido */
            height: auto; /* permite adaptar la altura al contenido */
            grid-template-columns: 1fr; /* organiza las secciones en una sola columna */
            grid-template-rows: 24vh 30vh 30vh; /* establece espacio para logo, asesorias y contacto */
            padding: 0; /* elimina el espacio interno */
            align-items: center; /* centra las secciones horizontalmente */
        }


        .contenedor_logo_pie_pagina {
            grid-column: 1; /* ocupa la unica columna */
            grid-row: 1; /* ubica el logo en la primera fila */
            width: 100%; /* utiliza todo el ancho disponible */
            height: 100%; /* ocupa toda la altura asignada */
            justify-content: center; /* centra horizontalmente el logo */
            align-items: center; /* centra verticalmente el logo */
            border-right: none; /* elimina la division vertical */
            border-bottom: 1px solid #d8c5ae; /* separa el logo de las asesorias */
        }


        .contenedor_menu_pie_asesorias {
            grid-column: 1; /* ocupa la unica columna */
            grid-row: 2; /* ubica las asesorias en la segunda fila */
            width: 100%; /* utiliza todo el ancho disponible */
            height: 100%; /* ocupa toda la altura asignada */
            justify-content: center; /* centra horizontalmente el menu */
            align-items: center; /* centra verticalmente el menu */
            padding-right: 0; /* elimina el espacio lateral */
            border-right: none; /* elimina la division vertical */
            border-bottom: 1px solid #d8c5ae; /* separa las asesorias del contacto */
        }


        .contenedor_menu_pie_contactanos {
            grid-column: 1; /* ocupa la unica columna */
            grid-row: 3; /* ubica el contacto en la tercera fila */
            width: 100%; /* utiliza todo el ancho disponible */
            height: 100%; /* ocupa toda la altura asignada */
            justify-content: center; /* centra horizontalmente el contenido */
            align-items: center; /* centra verticalmente el contenido */
            border-right: none; /* elimina cualquier division vertical */
        }


        .contenedor_creado_por_pie {
            width: 100%; /* utiliza todo el ancho disponible */
            height: 7vh; /* mantiene espacio para una sola fila */
            justify-content: center; /* centra horizontalmente el contenido */
            align-items: center; /* centra verticalmente el contenido */
            padding: 1vh 2vw; /* establece espacio interno */
        }

    }


    /* tablets verticales (iPad clásico, tablets Android estándar) */
    @media (max-width: 768px) {

        .contenido_pie_pagina {
            grid-template-rows: 22vh 30vh 30vh; /* adapta el espacio vertical de las secciones */
        }


        .contenedor_logo_pie_pagina {
            height: 100%; /* mantiene toda la altura asignada al logo */
        }


        .contenedor_menu_pie_asesorias {
            height: 100%; /* mantiene toda la altura asignada a las asesorias */
        }


        .contenedor_menu_pie_contactanos {
            height: 100%; /* mantiene toda la altura asignada al contacto */
        }


        .contenedor_creado_por_pie {
            height: 7vh; /* mantiene espacio para una sola fila */
            justify-content: center; /* mantiene el contenido centrado */
            align-items: center; /* centra verticalmente el contenido */
        }

    }
    
   /* móviles extragrandes (pantallas compactas y dispositivos de gran tamaño) */
   @media (max-width: 576px) {

      /* Sin media */

   }

    /* móviles grandes (iPhone 11, iPhone Plus/Max, Android grandes) */
    @media (max-width: 414px) {

        .contenido_pie_pagina {
            grid-template-rows: 20vh 30vh 30vh; /* adapta el espacio vertical a pantallas moviles */
        }


        .contenedor_logo_pie_pagina {
            height: 100%; /* mantiene toda la altura asignada al logo */
        }


        .contenedor_menu_pie_asesorias {
            height: 100%; /* mantiene toda la altura asignada a las asesorias */
        }


        .contenedor_menu_pie_contactanos {
            height: 100%; /* mantiene toda la altura asignada al contacto */
        }


        .contenedor_creado_por_pie {
            height: 9vh; /* establece espacio para las dos filas */
            justify-content: center; /* centra horizontalmente las dos filas */
            align-items: center; /* centra verticalmente el contenido */
        }

    }


    /* móviles medianos (iPhone 12/13/14, Android gama media) */
    @media (max-width: 390px) {

        .contenido_pie_pagina {
            grid-template-rows: 19vh 29vh 29vh; /* reduce proporcionalmente las secciones */
        }


        .contenedor_logo_pie_pagina {
            height: 100%; /* mantiene toda la altura asignada al logo */
        }


        .contenedor_menu_pie_asesorias {
            height: 100%; /* mantiene toda la altura asignada a las asesorias */
        }


        .contenedor_menu_pie_contactanos {
            height: 100%; /* mantiene toda la altura asignada al contacto */
        }


        .contenedor_creado_por_pie {
            height: 9vh; /* mantiene espacio para las dos filas */
            justify-content: center; /* mantiene ambas filas centradas */
            align-items: center; /* centra verticalmente el contenido */
        }

    }


    /* móviles pequeños (Android estándar, iPhone SE) */
    @media (max-width: 360px) {

        .contenido_pie_pagina {
            grid-template-rows: 18vh 28vh 28vh; /* adapta el espacio a pantallas pequeñas */
        }


        .contenedor_logo_pie_pagina {
            height: 100%; /* mantiene toda la altura asignada al logo */
        }


        .contenedor_menu_pie_asesorias {
            height: 100%; /* mantiene toda la altura asignada a las asesorias */
        }


        .contenedor_menu_pie_contactanos {
            height: 100%; /* mantiene toda la altura asignada al contacto */
        }


        .contenedor_creado_por_pie {
            height: 9vh; /* mantiene espacio para las dos filas */
            justify-content: center; /* mantiene ambas filas centradas */
            align-items: center; /* centra verticalmente el contenido */
        }

    }


/* -------------------------------------------------------------------------------------------------------------
   -------------------------------------- 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 
*/