.elementor-28888 .elementor-element.elementor-element-75d3cab{--display:flex;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-165 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}/* Start custom CSS for html, class: .elementor-element-8f21c59 */.pro-footer {
  background-color: #141414 !important;
  color: #a3a3a3 !important;
  padding: 50px 6% !important;
  font-family: 'Arial', sans-serif !important;
  font-size: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.vanta-logo-img {
  max-height: 45px !important;
  width: auto !important;
  display: block !important;
}

.pro-footer a {
  color: #a3a3a3 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.pro-footer a:hover {
  color: #ffffff !important;
}

.footer-divider {
  border: 0 !important;
  border-top: 1px solid #262626 !important;
  margin: 30px 0 !important;
}

/* --- BARRA SUPERIOR CORREGIDA (Distribución Equilibrada) --- */
.footer-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

.footer-contact-info {
  display: flex !important;
  gap: 40px !important;
  margin: 0 auto !important; /* Fuerza a que se quede perfectamente centrada en la barra */
}

.footer-contact-info a {
  color: #ffffff !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.footer-contact-info i { 
  color: #7bc113 !important; 
}

.footer-socials {
  display: flex !important;
  gap: 20px !important;
  font-size: 18px !important;
}

/* --- CUERPO CENTRAL EQUILIBRADO (Centrado Vertical) --- */
.footer-main {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important; /* Centra los links verticalmente respecto a la newsletter */
  gap: 50px !important;
  flex-wrap: wrap !important;
}

.footer-links-grid {
  flex: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: 30px !important;
}

.footer-col h3 {
  color: #ffffff !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}

.footer-col ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.footer-col ul li {
  margin-bottom: 12px !important;
}

/* --- SECCIÓN NEWSLETTER --- */
.footer-newsletter {
  flex: 1 !important;
  min-width: 320px !important;
  text-align: center !important;
  border-left: 1px solid #262626 !important;
  padding-left: 40px !important;
}

.footer-newsletter h2 {
  color: #7bc113 !important;
  font-size: 18px !important; /* Un poco más pequeña para que no se rompa el texto */
  font-weight: 800 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: 0.5px !important;
}

.footer-newsletter p {
  color: #ffffff !important;
  margin-bottom: 20px !important;
  font-size: 13px !important;
}

.newsletter-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  max-width: 350px !important;
  margin: 0 auto !important;
}

.newsletter-form input {
  background-color: #212121 !important;
  border: 1px solid #2d2d2d !important;
  color: #ffffff !important;
  padding: 14px !important;
  border-radius: 25px !important;
  text-align: center !important;
  outline: none !important;
  font-size: 13px !important;
}

.newsletter-form button {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  padding: 14px !important;
  border-radius: 25px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: background-color 0.3s !important;
  font-size: 13px !important;
}

.newsletter-form button:hover {
  background-color: #e6e6e6 !important;
}

/* --- BARRA INFERIOR DE CRÉDITOS --- */
.footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  font-size: 12px !important;
}

.footer-bottom strong {
  color: #ffffff !important;
}

.payment-methods {
  display: flex !important;
  gap: 8px !important;
}

.card-icon {
  background-color: #212121 !important;
  color: #888888 !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
  font-weight: bold !important;
  font-size: 10px !important;
  border: 1px solid #2d2d2d !important;
}

/* Adaptación para pantallas de celular */
@media (max-width: 992px) {
  .footer-newsletter {
    border-left: none !important;
    padding-left: 0 !important;
    padding-top: 30px !important;
    border-top: 1px solid #262626 !important;
  }
  .footer-contact-info {
    flex-direction: column !important;
    gap: 10px !important;
    align-items: center !important;
  }
}/* End custom CSS */