/**
 * Estilos personalizados para el footer Healthcare Plus
 */

.site-footer {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 35px 0 30px;
  background-color: #0B0F79 !important;
  color: #ffffff !important;
}

.site-footer .layout-container {
  padding: 0 15px;
}

.site-footer h2,
.site-footer .content,
.site-footer .footer-content-1,
.site-footer .footer-content-2,
.site-footer .footer-content-3,
.site-footer .footer-content-4 {
  color: #ffffff !important;
}

.site-footer a {
  color: #ffffff !important;
  text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus {
  color: #ffd700 !important; /* dorado */
  text-decoration: underline;
}

.site-footer .block {
  margin: 20px 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px;
}

.site-footer .copyrights {
  margin-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 15px;
  color: #cccccc !important;
  font-size: 0.9em;
  text-align: center;
}

.site-footer .copyrights a {
  color: #ffffff !important;
}

.site-footer .copyrights a:hover {
  color: #ffd700 !important;
}

/* Responsive y organización interna */

@media all and (min-width: 560px) {
  .site-footer__top .region {
    float: left;
    position: relative;
    width: 50%;
  }
}

@media all and (min-width: 851px) {
  .site-footer__top .region {
    width: 24%;
    padding: 0 0.65%;
  }
  .site-footer__top .region:first-child {
    padding-left: 0;
  }
  .site-footer__top .region:last-child {
    padding-right: 0;
  }
}
/* Fondo del contenedor principal del footer */
footer,
footer .container,
footer .container-fluid,
footer .item {
  background-color: #0B0F79 !important;
  color: white !important;
}

/* Estilo del texto dentro del footer */
footer * {
  color: white !important;
}

/* Logo - evitar que tenga fondo blanco alrededor si lo hay */
footer .logo img {
  max-width: 200px;
  height: auto;
}

/* Input del formulario de suscripción */
footer input[type="email"] {
  background-color: white;
  color: #0B0F79;
  border: none;
  border-radius: 4px;
  padding: 10px;
}

/* Botón de suscripción */
footer input[type="submit"] {
  background-color: #FFD700; /* Amarillo */
  color: #0B0F79;
  border: none;
  font-weight: bold;
  border-radius: 4px;
  padding: 10px;
  transition: 0.3s;
}

footer input[type="submit"]:hover {
  background-color: #e6c200;
}

/* Emergencia - Teléfono */
footer .emergency-line {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-top: 15px;
  color: white !important;
}

footer .emergency-line .icon {
  margin-right: 10px;
}

footer .emergency-line .emg-details span {
  display: block;
  font-weight: bold;
}

/* Íconos SVG del teléfono */
footer .emergency-line svg path {
  fill: white;
}

/* Ajustes generales */
footer .form-control {
  margin-bottom: 10px;
}

footer form {
  max-width: 400px;
}

/* Fondo general del footer */
footer,
.footer-content,
.footer-content .container-fluid,
.footer-content .row,
.footer-content-1,
.footer-content-2,
.footer-content-3,
.footer-content-4 {
  background-color: #0B0F79 !important;
  color: #fff !important;
}

/* Colores de texto */
footer h3,
footer ul li a,
footer p,
footer span,
footer a {
  color: #fff !important;
}

/* Enlaces con hover */
footer a:hover {
  color: #FFD700 !important; /* Amarillo al pasar el mouse */
  text-decoration: underline;
}

/* Formularios */
footer input[type="email"] {
  background-color: #fff !important;
  color: #0B0F79 !important;
  border: none;
  border-radius: 4px;
  padding: 10px;
}

/* Botón de suscripción */
footer input[type="submit"] {
  background-color: #FFD700 !important;
  color: #0B0F79 !important;
  font-weight: bold;
  border-radius: 4px;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

footer input[type="submit"]:hover {
  background-color: #e6c200 !important;
}

/* Íconos SVG */
footer svg path {
  fill: white !important;
}

/* Ajuste en listas */
footer ul {
  padding-left: 0;
  list-style: none;
}

footer ul li {
  margin-bottom: 10px;
}

/* Dirección y contacto alineado */
.footer-content-4 ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.footer-content-4 svg {
  flex-shrink: 0;
  width: 24px;
  height: auto;
}

/* Responsive ajuste */
@media (max-width: 768px) {
  .footer-content .col-12 {
    margin-bottom: 20px;
  }
}

/* Estilo específico para el bloque de copyrights */
footer .copyrights,
footer .copyrights .container-fluid,
footer .copyrights .item {
  background-color: #0B0F79 !important;
  color: #fff !important;
}

footer .copyrights span {
  color: #fff !important;
}

footer .copyrights p {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}