/* ==========================================================================
   ARQUITECTURA DE INTERFAZ DEL FOOTER PREMIUM - TELWARE PERÚ
   ========================================================================== */

#telware-premium-footer {
  background-color: #020613 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
  color: #9ca3af !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  padding-top: 60px !important;
  width: 100% !important;
}

#telware-premium-footer * {
  box-sizing: border-box !important;
}

#telware-premium-footer .footer-container {
  width: 90% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Distribución en Rejilla */
#telware-premium-footer .footer-grid-layout {
  display: grid !important;
  grid-template-columns: 1.4fr 0.7fr 0.9fr 1fr !important;
  gap: 40px !important;
  padding-bottom: 50px !important;
}

/* Columna de Marca */
#telware-premium-footer .footer-brand-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

#telware-premium-footer .footer-corporate-logo {
  height: 55px !important;
  width: auto !important;
  display: block !important;
}

#telware-premium-footer .footer-brand-description {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #8892b0 !important;
  margin: 0 !important;
}

/* Encabezados del Footer */
#telware-premium-footer h4 {
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  margin: 0 0 20px 0 !important;
  text-transform: uppercase !important;
}

/* Columnas de Navegación */
#telware-premium-footer .footer-navigation-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

#telware-premium-footer .footer-navigation-list a {
  color: #8892b0 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  display: inline-block !important;
}

#telware-premium-footer .footer-navigation-list a:hover {
  color: #3b82f6 !important;
  transform: translateX(4px) !important;
}

/* Bloque de Contacto */
#telware-premium-footer .footer-contact-info-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

#telware-premium-footer .footer-contact-info-block p {
  font-size: 13.5px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #8892b0 !important;
}

#telware-premium-footer .footer-contact-info-block a {
  color: #8892b0 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

#telware-premium-footer .footer-contact-info-block a:hover {
  color: #3b82f6 !important;
}

/* BOTÓN WHATSAPP PREMIUM */
#telware-premium-footer .btn-footer-whatsapp {
  background-color: #10b981 !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 12px 20px !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
  width: 100% !important;
  max-width: 240px !important;
}

#telware-premium-footer .btn-footer-whatsapp:hover {
  background-color: #059669 !important;
  transform: translateY(-2px) !important;
}

#telware-premium-footer .btn-footer-whatsapp svg {
  width: 16px !important;
  height: 16px !important;
}

/* ==========================================================================
   SECCIÓN SEGUNDA: LEGALES Y CUMPLIMIENTO (COMPLIANCE)
   ========================================================================== */

#telware-premium-footer .footer-bottom-compliance {
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
  background-color: #01040d !important;
  padding: 24px 0 !important;
}

#telware-premium-footer .footer-compliance-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

#telware-premium-footer .footer-copyright-text p {
  font-size: 12.5px !important;
  color: #64748b !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

#telware-premium-footer .footer-copyright-text p strong {
  color: #94a3b8 !important;
}

/* Componente Libro de Reclamaciones */
#telware-premium-footer .reclamaciones-corporate-link {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(255, 255, 255, 0.01) !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 14px !important;
  text-decoration: none !important;
  transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

#telware-premium-footer .reclamaciones-corporate-link:hover {
  border-color: rgba(59, 130, 246, 0.3) !important;
  background: rgba(59, 130, 246, 0.02) !important;
}

#telware-premium-footer .reclamaciones-icon-wrapper {
  color: #3b82f6 !important;
  display: flex !important;
  align-items: center !important;
}

#telware-premium-footer .reclamaciones-icon-wrapper svg {
  width: 20px !important;
  height: 20px !important;
}

#telware-premium-footer .reclamaciones-text-label {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
}

#telware-premium-footer .reclamaciones-text-label span {
  font-size: 10px !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

#telware-premium-footer .reclamaciones-text-label strong {
  font-size: 12px !important;
  color: #e2e8f0 !important;
  font-weight: 700 !important;
}

/* RESPONSIVE DESIGN */
@media (max-width: 1024px) {
  #telware-premium-footer .footer-grid-layout {
    grid-template-columns: 1fr 1fr !important;
    gap: 40px !important;
  }
}

@media (max-width: 640px) {
  #telware-premium-footer { padding-top: 40px !important; }
  #telware-premium-footer .footer-grid-layout { grid-template-columns: 1fr !important; gap: 30px !important; }
  #telware-premium-footer h4 { margin-bottom: 14px !important; }
  #telware-premium-footer .footer-compliance-flex {
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }
  #telware-premium-footer .btn-footer-whatsapp { max-width: 100% !important; }
}