/**
 * Footer visibility fixes
 * Este archivo contiene correcciones para mejorar la visibilidad de los enlaces en el footer
 */

/* Mejoras para el texto en la parte superior del footer (descripción de la empresa) */
.agile_footer_grid_list li {
  color: #2b5c8a !important; /* Azul oscuro para mejor visibilidad */
  text-shadow: none;
  font-weight: 500;
}

/* Fondo más claro para el footer para mejorar contraste con texto oscuro */
.footer {
  background: #f5f8fa !important; /* Fondo claro */
  background-image: none !important;
  border-top: 5px solid #60aeda;
}

/* Contacto sección en el footer con mejor contraste */
.w3ls_address_mail_footer_grids {
  margin-top: 2em;
  background: #60aeda !important; /* Color azul primario */
  padding: 25px 15px;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Sección de newsletter con mejor contraste */
.w3_newsletter_footer_grids {
  background: #2b5c8a !important; /* Azul oscuro */
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Mejoras para la visibilidad de los enlaces del footer */
.agileits_w3layouts_footer_grid_list li a {
  color: #2b5c8a !important; /* Azul oscuro para mejor visibilidad en fondo claro */
  font-weight: 700; /* Bold para mejor legibilidad */
  text-shadow: none; /* Sin sombra para mayor claridad */
  font-size: 15px; /* Tamaño de fuente ligeramente mayor */
  letter-spacing: 0.5px; /* Espaciado entre letras */
}

.agileits_w3layouts_footer_grid_list li a:hover {
  color: #60aeda !important; /* Color primario al pasar el mouse */
  text-decoration: underline;
}

.agileits_w3layouts_footer_grid_list li i {
  color: #60aeda !important; /* Color primario para los iconos */
}

/* Mejoras para la información de contacto */
.w3ls_footer_grid_left p {
  color: #ffffff !important; /* Blanco para los bloques de contacto (que tienen fondo azul) */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3); /* Sombra sutil para mejor legibilidad */
  font-weight: 600;
  font-size: 15px; /* Tamaño de fuente ligeramente mayor */
}

.w3ls_footer_grid_left p a {
  color: #ffffff !important; /* Blanco para los bloques de contacto (que tienen fondo azul) */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3); /* Sombra sutil para mejor legibilidad */
  font-weight: 600;
}

.w3ls_footer_grid_left p a:hover {
  color: #f0f8ff !important; /* Azul muy claro al pasar el mouse */
  text-decoration: underline;
}

/* Mejora para el copyright */
.agileinfo_copyright {
  background: #2b5c8a !important; /* Fondo azul oscuro */
  margin-top: 2em;
  padding: 15px 0;
  border-radius: 8px;
}

.agileinfo_copyright p {
  color: #ffffff !important; /* Blanco sobre fondo azul oscuro */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3); /* Sombra sutil */
  font-weight: 500;
}

.agileinfo_copyright p a {
  color: #9ccff5 !important; /* Azul claro para destacar el enlace */
  font-weight: 600;
}

.agileinfo_copyright p a:hover {
  color: #ffffff !important; /* Blanco al pasar el mouse */
  text-decoration: underline;
}

/* Mejora para títulos del footer */
.footer h3 {
  color: #2b5c8a !important; /* Azul oscuro para títulos */
  text-shadow: none;
  border-bottom: 2px solid #60aeda;
  padding-bottom: 10px;
  font-weight: 700;
}

/* Mejora para el texto del párrafo en el footer */
.agile_footer_grid_list li {
  color: #2b5c8a !important; /* Azul oscuro para mejor visibilidad en fondo claro */
  text-shadow: none;
}

/* Aumentar el tamaño del texto para mejor legibilidad */
.agileits_w3layouts_footer_grid_list li a {
  font-size: 16px;
}

/* Asegurar que el texto del footer sea más visible */
.footer {
  color: #2b5c8a !important; /* Color de texto base en azul oscuro */
}

/* Mejorar contraste de los iconos de redes sociales */
.footer .fa {
  color: #2b5c8a !important; /* Azul oscuro para iconos */
  text-shadow: none;
}

.footer .fa:hover {
  color: #60aeda !important; /* Azul claro al pasar el mouse */
}

/* Estilos adicionales para mejorar la visualización del texto en general */
.w3_agile_footer_grid h3 {
  color: #2b5c8a !important; /* Azul oscuro para títulos */
  border-bottom: 2px solid #60aeda;
  padding-bottom: 10px;
}

/* Mejora para la sección del newsletter */
.w3_newsletter_footer_grid_left input[type="email"] {
  border: 1px solid #ccc;
  padding: 10px;
  width: 70%;
  color: #333;
}

.w3_newsletter_footer_grid_left input[type="submit"] {
  background: #60aeda;
  color: white;
  border: none;
  padding: 10px 15px;
  font-weight: bold;
}

/* Mejorar la visualización de los íconos en la sección de contacto */
.wthree_footer_grid_left i {
  color: #ffffff !important;
  font-size: 20px;
}