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

   
/* TITULO 1 MENU PIE ASESORIAS */

   .menu_pie_asesorias {
      width: 56%; /* establece el ancho del menu dentro del pie de pagina */
      height: 100%; /* establece la altura total del menu */
      display: flex; /* establece la distribucion flexible de los elementos */
      flex-direction: column; /* organiza los elementos en direccion vertical */
      justify-content: center; /* centra verticalmente el contenido */
      align-items: flex-start; /* alinea el contenido hacia el inicio horizontal */
   }

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

        .menu_pie_asesorias {
            width: min(100%, 345px); /* centra un bloque compacto de enlaces */
            height: auto; /* adapta la altura al listado */
            align-items: stretch; /* permite que titulo y enlaces tengan ancho comun */
        }

    }


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

        .menu_pie_asesorias {
            width: min(100%, 330px); /* adapta el bloque a tablets */
            height: auto; /* mantiene el alto segun contenido */
            align-items: stretch; /* alinea el listado dentro del bloque */
        }

    }


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

        .menu_pie_asesorias {
            width: min(100%, 300px); /* deja margenes laterales */
            height: auto; /* conserva su altura natural */
            align-items: stretch; /* mantiene un ancho comun */
        }

    }


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

        .menu_pie_asesorias {
            width: min(100%, 295px); /* ajusta el ancho disponible */
            align-items: stretch; /* conserva enlaces alineados */
        }

    }


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

        .menu_pie_asesorias {
            width: min(100%, 290px); /* evita que el texto toque los bordes */
            align-items: stretch; /* conserva la alineacion del listado */
        }

    }

/* TITULO 2 TITULO ASESORIAS */

   .titulo_menu_pie_asesorias {
      margin-bottom: 2.5vh; /* establece el espacio inferior inicial del titulo */
      color: #182B3A; /* establece el color dorado del titulo */
      font-family: 'Raleway', sans-serif; /* establece la fuente utilizada por el titulo */
      font-size: 3vh; /* establece el tamaño del texto del titulo */
      font-weight: 700; /* establece el grosor del texto del titulo */
      letter-spacing: 0.18em; /* establece el espacio entre las letras del titulo */
      margin-bottom: 3vh; /* establece el espacio inferior definitivo del titulo */
   }

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

        .titulo_menu_pie_asesorias {
            align-self: center; /* centra el titulo respecto al listado */
            margin-bottom: 18px; /* separa el titulo de los enlaces */
            font-size: 24px; /* tamaño legible independiente del alto de pantalla */
            letter-spacing: 0.16em; /* conserva el estilo corporativo */
            text-align: center; /* centra el texto */
        }

    }


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

        .titulo_menu_pie_asesorias {
            font-size: 23px; /* adapta el titulo a tablets */
            margin-bottom: 16px; /* controla la separacion */
            letter-spacing: 0.16em; /* conserva su estilo */
        }

    }

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

        .titulo_menu_pie_asesorias {
            font-size: 22px; /* mantiene el titulo legible */
            margin-bottom: 16px; /* mantiene el espacio con el listado */
            letter-spacing: 0.15em; /* conserva la identidad visual */
        }

    }


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

        .titulo_menu_pie_asesorias {
            font-size: 21px; /* ajusta el titulo sin depender de vh */
            margin-bottom: 15px; /* ajusta la separacion */
            letter-spacing: 0.15em; /* conserva el espaciado */
        }

    }


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

        .titulo_menu_pie_asesorias {
            font-size: 20px; /* adapta el titulo al ancho menor */
            margin-bottom: 14px; /* compacta ligeramente */
            letter-spacing: 0.14em; /* evita una palabra demasiado ancha */
        }

    }

/* TITULO 3 LISTADO ASESORIAS */

   .listado_menu_pie_asesorias {
      display: flex; /* establece la distribucion flexible del listado */
      flex-direction: column; /* organiza las opciones en direccion vertical */
      gap: 2vh; /* establece el espacio entre las opciones */
   }

   /* SUBTITULO 1 OPCION TELECOMUNICACIONES */

      .opcion_telecomunicaciones_pie {
         color: #45494D; /* establece el color del texto */
         font-family: 'Raleway', sans-serif; /* establece la fuente utilizada por la opcion */
         font-size: 1.9vh; /* establece el tamaño del texto */
         font-weight: 500; /* establece el grosor del texto */
      }
      .opcion_telecomunicaciones_pie:hover {
         cursor: pointer; /* establece el cursor de seleccion */
         color: #99813D; /* establece el color dorado al pasar el cursor */
      }


   /* SUBTITULO 2 OPCION INMOBILIARIA */

      .opcion_inmobiliaria_pie {
         color: #45494D; /* establece el color del texto */
         font-family: 'Raleway', sans-serif; /* establece la fuente utilizada por la opcion */
         font-size: 1.9vh; /* establece el tamaño del texto */
         font-weight: 500; /* establece el grosor del texto */
      }
      .opcion_inmobiliaria_pie:hover {
         cursor: pointer; /* establece el cursor de seleccion */
         color: #99813D; /* establece el color dorado al pasar el cursor */
      }


   /* SUBTITULO 3 OPCION FAMILIA */

      .opcion_familia_pie {
         color: #45494D; /* establece el color del texto */
         font-family: 'Raleway', sans-serif; /* establece la fuente utilizada por la opcion */
         font-size: 1.9vh; /* establece el tamaño del texto */
         font-weight: 500; /* establece el grosor del texto */
      }

      .opcion_familia_pie:hover {
         cursor: pointer; /* establece el cursor de seleccion */
         color: #99813D; /* establece el color dorado al pasar el cursor */
      }

   /* SUBTITULO 4 OPCION LABORALES */

      .opcion_laborales_pie {
            color: #45494D; /* establece el color del texto */
            font-family: 'Raleway', sans-serif; /* establece la fuente utilizada por la opcion */
            font-size: 1.9vh; /* establece el tamaño del texto */
            font-weight: 500; /* establece el grosor del texto */
      }
      .opcion_laborales_pie:hover {
            cursor: pointer; /* establece el cursor de seleccion */
            color: #99813D; /* establece el color dorado al pasar el cursor */
      }

   /* SUBTITULO 5 OPCION CIVILES */

      .opcion_civiles_pie {
            color: #45494D; /* establece el color del texto */
            font-family: 'Raleway', sans-serif; /* establece la fuente utilizada por la opcion */
            font-size: 1.9vh; /* establece el tamaño del texto */
            font-weight: 500; /* establece el grosor del texto */
      }
      .opcion_civiles_pie:hover {
            cursor: pointer; /* establece el cursor de seleccion */
            color: #99813D; /* establece el color dorado al pasar el cursor */
      }

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

        .listado_menu_pie_asesorias {
            width: 100%; /* ocupa el ancho del bloque centrado */
            gap: 11px; /* establece la distancia vertical entre opciones */
            align-items: stretch; /* permite alinear todas las opciones al inicio */
        }

        .opcion_telecomunicaciones_pie,
        .opcion_inmobiliaria_pie,
        .opcion_familia_pie,
        .opcion_laborales_pie,
        .opcion_civiles_pie {
            width: 100%; /* mantiene el inicio comun de todas las opciones */
            font-size: 15px; /* evita texto diminuto segun el alto */
            line-height: 1.35; /* mejora la lectura */
            text-align: left; /* alinea las vinietas y enlaces */
        }

        .menu_pie_asesorias .listado_menu_pie_asesorias {
            width: 100%; /* mantiene el ancho del listado */
            align-items: center; /* centra las opciones horizontalmente */
        }

        .listado_menu_pie_asesorias .opcion_telecomunicaciones_pie,
        .listado_menu_pie_asesorias .opcion_inmobiliaria_pie,
        .listado_menu_pie_asesorias .opcion_familia_pie,
        .listado_menu_pie_asesorias .opcion_laborales_pie,
        .listado_menu_pie_asesorias .opcion_civiles_pie {
            text-align: center; /* centra individualmente los textos */
        }

    }


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

        .listado_menu_pie_asesorias {
            gap: 11px; /* mantiene un espacio comodo */
            align-items: stretch; /* mantiene las opciones alineadas */
        }

        .opcion_telecomunicaciones_pie,
        .opcion_inmobiliaria_pie,
        .opcion_familia_pie,
        .opcion_laborales_pie,
        .opcion_civiles_pie {
            font-size: 15px; /* conserva un tamaño legible */
            text-align: left; /* alinea todas las opciones por su inicio */
        }

    }

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

        .listado_menu_pie_asesorias {
            gap: 10px; /* compacta los enlaces sin amontonarlos */
            align-items: stretch; /* mantiene el listado alineado */
        }

        .opcion_telecomunicaciones_pie,
        .opcion_inmobiliaria_pie,
        .opcion_familia_pie,
        .opcion_laborales_pie,
        .opcion_civiles_pie {
            font-size: 14.5px; /* mantiene legibles las cinco opciones */
            text-align: left; /* conserva un solo eje vertical */
        }

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

        .listado_menu_pie_asesorias {
            gap: 10px; /* conserva la separacion */
            align-items: stretch; /* evita centrar cada linea por separado */
        }

        .opcion_telecomunicaciones_pie,
        .opcion_inmobiliaria_pie,
        .opcion_familia_pie,
        .opcion_laborales_pie,
        .opcion_civiles_pie {
            font-size: 14px; /* adapta las opciones a moviles grandes */
            line-height: 1.4; /* mantiene las lineas legibles */
            text-align: left; /* alinea las vinietas */
        }

    }


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

        .listado_menu_pie_asesorias {
            gap: 10px; /* separacion estable */
            align-items: stretch; /* mantiene el eje del listado */
        }

        .opcion_telecomunicaciones_pie,
        .opcion_inmobiliaria_pie,
        .opcion_familia_pie,
        .opcion_laborales_pie,
        .opcion_civiles_pie {
            font-size: 14px; /* evita depender de la altura del dispositivo */
            text-align: left; /* conserva la alineacion */
        }

    }


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

        .listado_menu_pie_asesorias {
            gap: 9px; /* compacta ligeramente la lista */
            align-items: stretch; /* alinea todas las opciones */
        }

        .opcion_telecomunicaciones_pie,
        .opcion_inmobiliaria_pie,
        .opcion_familia_pie,
        .opcion_laborales_pie,
        .opcion_civiles_pie {
            font-size: 13.5px; /* mantiene visible el nombre mas largo */
            line-height: 1.4; /* conserva la lectura */
            text-align: left; /* evita las vinietas desalineadas */
        }

    }

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