/* 
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_contactanos .CSS ----------------------------
   ------------------------------------------------------------------------------------------------------------- */
/* TITULO 1 MENU PIE CONTACTANOS */

/* contiene y organiza la informacion de contacto */
/* TITULO 1 MENU PIE CONTACTANOS */

   /* contiene y organiza la informacion de contacto */

   .menu_pie_contactanos {
      width: 80%; /* establece el ancho del menu */
      height: 100%; /* establece la altura total del menu */
      display: flex; /* establece la distribucion flexible */
      flex-direction: column; /* organiza el contenido verticalmente */
      justify-content: center; /* centra verticalmente el contenido */
      gap: 3vh; /* establece el espacio entre los elementos */
   }


/* TITULO 2 TITULO CONTACTANOS */

   /* establece el diseño del titulo contactanos */

   .titulo_menu_pie_contactanos {
      margin-bottom: 0.5vh; /* establece el espacio inferior del titulo */
      color: #c49021; /* establece el color del titulo */
      font-family: 'Raleway', sans-serif; /* establece la fuente del titulo */
      font-size: 3vh; /* establece el tamaño del titulo */
      font-weight: 700; /* establece el grosor del titulo */
      letter-spacing: 0.18em; /* establece el espacio entre las letras */
   }


/* TITULO 3 TELEFONO */

   /* contiene y distribuye el icono y los datos del telefono */

   .fila_telefono_pie {
      display: flex; /* establece la distribucion flexible */
      align-items: center; /* centra verticalmente los elementos */
      gap: 1.5vw; /* establece el espacio entre el icono y el contenido */
   }


   /* SUBTITULO 1 IMAGEN TELEFONO */

      /* establece el tamaño del icono correspondiente al telefono */

      .imagen_telefono_pie {
         width: 4.5vw; /* establece el ancho del icono */
         height: 7.5vh; /* establece la altura del icono */
         object-fit: contain; /* mantiene las proporciones del icono */
         flex-shrink: 0; /* evita que el icono reduzca su tamaño */
      }


   /* SUBTITULO 2 CONTENIDO TELEFONO */

      /* contiene la informacion correspondiente al telefono */

      .contenido_telefono_pie {
         display: flex; /* establece la distribucion flexible del contenido */
         flex-direction: column; /* organiza la informacion verticalmente */
         gap: 0.5vh; /* establece el espacio entre titulo y texto */
      }


      /* SUB-SUBTITULO 1 TITULO TELEFONO */

         /* establece el diseño del titulo del telefono */

         .titulo_telefono_pie {
            color: #7e6340; /* establece el color del titulo */
            font-family: 'Raleway', sans-serif; /* establece la fuente del titulo */
            font-size: 1.9vh; /* establece el tamaño del titulo */
            font-weight: 700; /* establece el grosor del titulo */
         }


      /* SUB-SUBTITULO 2 TEXTO TELEFONO */

         /* establece el diseño del numero telefonico */

         .texto_telefono_pie {
            color: #7e6340; /* establece el color del texto */
            font-family: 'Raleway', sans-serif; /* establece la fuente del texto */
            font-size: 1.9vh; /* establece el tamaño del texto */
            font-weight: 500; /* establece el grosor del texto */
         }

         .texto_telefono_pie:hover {
            color: #cb9e3e; /* establece el color al pasar el cursor */
            cursor: pointer; /* establece el cursor de seleccion */
         }


/* TITULO 4 CORREO */

   /* contiene y distribuye el icono y los datos del correo */

   .fila_correo_pie {
      display: flex; /* establece la distribucion flexible */
      align-items: center; /* centra verticalmente los elementos */
      gap: 1.5vw; /* establece el espacio entre el icono y el contenido */
   }


   /* SUBTITULO 1 IMAGEN CORREO */

      /* establece el tamaño del icono correspondiente al correo */

      .imagen_correo_pie {
         width: 4.5vw; /* establece el ancho del icono */
         height: 7.5vh; /* establece la altura del icono */
         object-fit: contain; /* mantiene las proporciones del icono */
         flex-shrink: 0; /* evita que el icono reduzca su tamaño */
      }


   /* SUBTITULO 2 CONTENIDO CORREO */

      /* contiene la informacion correspondiente al correo */

      .contenido_correo_pie {
         display: flex; /* establece la distribucion flexible del contenido */
         flex-direction: column; /* organiza la informacion verticalmente */
         gap: 0.5vh; /* establece el espacio entre titulo y texto */
      }


      /* SUB-SUBTITULO 1 TITULO CORREO */

         /* establece el diseño del titulo del correo */

         .titulo_correo_pie {
            color: #7e6340; /* establece el color del titulo */
            font-family: 'Raleway', sans-serif; /* establece la fuente del titulo */
            font-size: 1.9vh; /* establece el tamaño del titulo */
            font-weight: 700; /* establece el grosor del titulo */
         }


      /* SUB-SUBTITULO 2 TEXTO CORREO */

         /* establece el diseño de la direccion de correo */

         .texto_correo_pie {
            color: #7e6340; /* establece el color del texto */
            font-family: 'Raleway', sans-serif; /* establece la fuente del texto */
            font-size: 1.9vh; /* establece el tamaño del texto */
            font-weight: 500; /* establece el grosor del texto */
         }

         .texto_correo_pie:hover {
            color: #cb9e3e; /* establece el color del texto al pasar el cursor */
            cursor: pointer; /* establece el cursor de seleccion */
         }
/* -------------------------------------------------------------------------------------------------------------
   -------------------------------------- FIN ITred Spa menu_pie_contactanos .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 
*/