/* 
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: #F7F5F0; /* 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; /* adapta la altura al contenido */
        }

        .contenido_pie_pagina {
            width: 100%; /* ocupa el ancho disponible */
            height: auto; /* elimina la altura fija del contenido */
            grid-template-columns: repeat(2, minmax(0, 1fr)); /* organiza asesorias y contacto en dos columnas */
            grid-template-rows: auto auto; /* establece una fila para logo y otra para los menus */
            padding: 0; /* utiliza los espacios de cada seccion */
            align-items: stretch; /* iguala la altura de las dos columnas inferiores */
        }

        .contenedor_logo_pie_pagina {
            grid-column: 1 / -1; /* coloca el logo sobre las dos columnas */
            grid-row: 1; /* ubica el logo en la primera fila */
            width: 100%; /* ocupa el ancho disponible */
            height: auto; /* ajusta la altura al logo y redes */
            min-height: 0; /* elimina alturas innecesarias */
            padding: 24px 16px; /* deja espacio sobre y bajo el logo */
            justify-content: center; /* centra el logo horizontalmente */
            align-items: center; /* centra el contenido verticalmente */
            border-right: none; /* elimina la linea vertical del escritorio */
            border-bottom: 1px solid #d8c5ae; /* separa el logo de los menus */
        }

        .contenedor_menu_pie_asesorias {
            grid-column: 1; /* coloca asesorias en la columna izquierda */
            grid-row: 2; /* coloca asesorias debajo del logo */
            width: 100%; /* ocupa su columna */
            min-width: 0; /* evita desbordamientos en grid */
            height: auto; /* adapta la altura al listado */
            min-height: 0; /* elimina alturas innecesarias */
            padding: 24px 14px; /* mantiene los espacios interiores */
            justify-content: center; /* centra el menu horizontalmente */
            align-items: center; /* centra el menu verticalmente */
            border-right: 1px solid #d8c5ae; /* crea la division central */
            border-bottom: none; /* elimina la linea horizontal antigua */
        }

        .contenedor_menu_pie_contactanos {
            grid-column: 2; /* coloca contacto en la columna derecha */
            grid-row: 2; /* coloca contacto al lado de asesorias */
            width: 100%; /* ocupa su columna */
            min-width: 0; /* evita desbordamientos en grid */
            height: auto; /* adapta la altura al contenido */
            min-height: 0; /* elimina alturas innecesarias */
            padding: 24px 14px; /* mantiene los espacios interiores */
            justify-content: center; /* centra el bloque horizontalmente */
            align-items: center; /* centra el bloque verticalmente */
            border-right: none; /* elimina divisiones adicionales */
            border-bottom: none; /* evita una linea inferior doble */
        }

        .contenedor_creado_por_pie {
            width: 100%; /* mantiene la franja inferior completa */
            height: 7vh; /* conserva la altura anterior */
            justify-content: center; /* centra su contenido */
            align-items: center; /* alinea el contenido verticalmente */
            padding: 1vh 2vw; /* mantiene el espacio interior */
        }

    }


    /* tablets verticales (iPad clásico, tablets Android estándar) */
    @media (max-width: 768px) {
        .contenido_pie_pagina {
            grid-template-columns: repeat(2, minmax(0, 1fr)); /* conserva las dos columnas de 992px */
            grid-template-rows: auto auto; /* mantiene logo arriba y menus abajo */
        }

        .contenedor_logo_pie_pagina {
            padding: 20px 12px; /* compacta ligeramente el bloque superior */
        }

        .contenedor_menu_pie_asesorias {
            padding: 20px 10px; /* deja espacio sin estrechar demasiado el listado */
        }

        .contenedor_menu_pie_contactanos {
            padding: 20px 10px; /* deja espacio suficiente para telefono y correo */
        }

        .contenedor_creado_por_pie {
            height: 7vh; /* mantiene la altura de la franja inferior */
        }

    }
    
   /* móviles extragrandes (pantallas compactas y dispositivos de gran tamaño) */
   @media (max-width: 576px) {
        .contenido_pie_pagina {
            grid-template-columns: minmax(0, 1fr); /* vuelve a una columna en moviles */
            grid-template-rows: auto auto auto; /* logo, asesorias y contacto en filas separadas */
        }

        .contenedor_logo_pie_pagina {
            grid-column: 1; /* ocupa la unica columna */
            grid-row: 1; /* permanece en primer lugar */
            padding: 19px 12px; /* compacta el area del logo */
            border-right: none; /* elimina la linea vertical */
            border-bottom: 1px solid #d8c5ae; /* mantiene la separacion entre secciones */
        }

        .contenedor_menu_pie_asesorias {
            grid-column: 1; /* ocupa la unica columna */
            grid-row: 2; /* coloca asesorias en segundo lugar */
            padding: 23px 16px; /* reserva espacio para las opciones */
            border-right: none; /* elimina la division central */
            border-bottom: 1px solid #d8c5ae; /* separa asesorias de contacto */
        }

        .contenedor_menu_pie_contactanos {
            grid-column: 1; /* ocupa la unica columna */
            grid-row: 3; /* coloca contacto en tercer lugar */
            padding: 24px 16px; /* mantiene espacios interiores */
            border-right: none; /* evita divisiones verticales */
        }

    }

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

        .contenido_pie_pagina {
            grid-template-rows: auto auto auto; /* mantiene las filas flexibles */
        }

        .contenedor_logo_pie_pagina {
            padding: 18px 10px; /* ajusta el espacio en moviles grandes */
        }

        .contenedor_menu_pie_asesorias {
            padding: 22px 14px; /* conserva aire sin ocupar demasiado alto */
        }

        .contenedor_menu_pie_contactanos {
            padding: 23px 14px; /* mantiene las dos filas de contacto completas */
        }

        .contenedor_creado_por_pie {
            height: 9vh; /* conserva el espacio actual para las dos filas */
            justify-content: center; /* centra la informacion */
            align-items: center; /* centra verticalmente */
        }

    }


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

        .contenido_pie_pagina {
            grid-template-rows: auto auto auto; /* adapta el alto a los elementos */
        }

        .contenedor_logo_pie_pagina {
            padding: 17px 10px; /* reduce levemente los espacios */
        }

        .contenedor_menu_pie_asesorias {
            padding: 21px 12px; /* evita comprimir el listado */
        }

        .contenedor_menu_pie_contactanos {
            padding: 22px 12px; /* reserva espacio para correo y telefono */
        }

        .contenedor_creado_por_pie {
            height: 9vh; /* mantiene la altura de la franja inferior */
        }

    }


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

        .contenido_pie_pagina {
            grid-template-rows: auto auto auto; /* permite que todas las secciones crezcan */
        }

        .contenedor_logo_pie_pagina {
            padding: 15px 9px; /* evita espacios demasiado amplios */
        }

        .contenedor_menu_pie_asesorias {
            padding: 20px 10px; /* mantiene todo el listado visible */
        }

        .contenedor_menu_pie_contactanos {
            padding: 21px 10px; /* conserva espacio interior */
        }

        .contenedor_creado_por_pie {
            height: 9vh; /* conserva el alto del credito inferior */
        }

    }


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