/* === ESTILOS ULTRA-ESPECÍFICOS PARA BOTONES DE ACCIÓN === */
/* Estos estilos sobrescriben TODOS los demás estilos CSS */

/* Variables CSS para colores específicos */
:root {
    --color-fideicomiso: #0066cc;
    --color-carta-fianza: #28a745;
    --color-contacto: #dc3545;
    --color-hero-section: #6f42c1;
    --color-texto-blanco: #ffffff;
    --color-texto-oscuro: #333333;
    --color-hover-fideicomiso: #0052a3;
    --color-hover-carta-fianza: #1e7e34;
    --color-hover-contacto: #c82333;
    --color-hover-hero-section: #5a2d91;
}

/* === RESET ABSOLUTO PARA BOTONES DE ACCIÓN === */
html body.single-inicio .btn-fideicomiso,
html body.single-inicio .btn-carta-fianza,
html body.single-inicio .btn-contacto,
html body.single-inicio .btn-hero-section,
body.single-inicio .btn-fideicomiso,
body.single-inicio .btn-carta-fianza,
body.single-inicio .btn-contacto,
body.single-inicio .btn-hero-section,
.single-inicio .btn-fideicomiso,
.single-inicio .btn-carta-fianza,
.single-inicio .btn-contacto,
.single-inicio .btn-hero-section,
.btn-fideicomiso,
.btn-carta-fianza,
.btn-contacto,
.btn-hero-section {
  all: unset !important;
  all: revert !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font: inherit !important;
  color: inherit !important;
  display: inline-block !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
  font-family: inherit !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
  position: relative !important;
  z-index: 1 !important;
}

/* === ESTILOS ESPECÍFICOS POR BOTÓN === */

/* Botón Fideicomiso - AZUL */
html body.single-inicio .btn-fideicomiso,
body.single-inicio .btn-fideicomiso,
.single-inicio .btn-fideicomiso,
.btn-fideicomiso {
  background-color: var(--color-fideicomiso, #0066cc) !important;
  color: var(--color-texto-blanco, #ffffff) !important;
  padding: 15px 30px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  min-width: 150px !important;
}

/* Botón Carta Fianza - VERDE */
html body.single-inicio .btn-carta-fianza,
body.single-inicio .btn-carta-fianza,
.single-inicio .btn-carta-fianza,
.btn-carta-fianza {
  background-color: var(--color-carta-fianza, #28a745) !important;
  color: var(--color-texto-blanco, #ffffff) !important;
  padding: 15px 30px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  min-width: 150px !important;
}

/* Botón Contacto - ROJO */
html body.single-inicio .btn-contacto,
body.single-inicio .btn-contacto,
.single-inicio .btn-contacto,
.btn-contacto {
  background-color: var(--color-contacto, #dc3545) !important;
  color: var(--color-texto-blanco, #ffffff) !important;
  padding: 15px 30px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  display: inline-block !important;
  min-width: 150px !important;
}

/* Botón Hero Section - MORADO */
html body.single-inicio .btn-hero-section,
body.single-inicio .btn-hero-section,
.single-inicio .btn-hero-section,
.btn-hero-section {
  background-color: var(--color-hero-section, #6f42c1) !important;
  color: var(--color-texto-blanco, #ffffff) !important;
  padding: 15px 30px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  display: inline-block !important;
  min-width: 150px !important;
  margin-bottom: 20px !important;
}

/* === ESTADOS HOVER === */
html body.single-inicio .btn-fideicomiso:hover,
body.single-inicio .btn-fideicomiso:hover,
.single-inicio .btn-fideicomiso:hover,
.btn-fideicomiso:hover {
  background-color: var(--color-hover-fideicomiso, #0052a3) !important;
  opacity: 0.9 !important;
  color: var(--color-texto-blanco, #ffffff) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html body.single-inicio .btn-carta-fianza:hover,
body.single-inicio .btn-carta-fianza:hover,
.single-inicio .btn-carta-fianza:hover,
.btn-carta-fianza:hover {
  background-color: var(--color-hover-carta-fianza, #1e7e34) !important;
  opacity: 0.9 !important;
  color: var(--color-texto-blanco, #ffffff) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html body.single-inicio .btn-contacto:hover,
body.single-inicio .btn-contacto:hover,
.single-inicio .btn-contacto:hover,
.btn-contacto:hover {
  background-color: var(--color-hover-contacto, #c82333) !important;
  opacity: 0.9 !important;
  color: var(--color-texto-blanco, #ffffff) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

html body.single-inicio .btn-hero-section:hover,
body.single-inicio .btn-hero-section:hover,
.single-inicio .btn-hero-section:hover,
.btn-hero-section:hover {
  background-color: var(--color-hover-hero-section, #5a2d91) !important;
  opacity: 0.9 !important;
  color: var(--color-texto-blanco, #ffffff) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

/* === SOBRESCRIBIR ESTILOS INLINE === */
html body.single-inicio .btn-fideicomiso[style],
html body.single-inicio .btn-carta-fianza[style],
html body.single-inicio .btn-contacto[style],
html body.single-inicio .btn-hero-section[style],
body.single-inicio .btn-fideicomiso[style],
body.single-inicio .btn-carta-fianza[style],
body.single-inicio .btn-contacto[style],
body.single-inicio .btn-hero-section[style] {
  background-color: var(--btn-action-bg, #e74c3c) !important;
  color: var(--btn-action-text, #ffffff) !important;
}

/* === SELECTORES UNIVERSALES PARA ASEGURAR PRIORIDAD === */
* .btn-fideicomiso,
* .btn-carta-fianza,
* .btn-contacto,
* .btn-hero-section {
  background-color: var(--btn-action-bg, #e74c3c) !important;
  color: var(--btn-action-text, #ffffff) !important;
}

/* === EVITAR CONFLICTOS CON RESET.CSS === */
html body.single-inicio [type="button"].btn-fideicomiso,
html body.single-inicio [type="submit"].btn-fideicomiso,
html body.single-inicio button.btn-fideicomiso,
html body.single-inicio [type="button"].btn-carta-fianza,
html body.single-inicio [type="submit"].btn-carta-fianza,
html body.single-inicio button.btn-carta-fianza,
html body.single-inicio [type="button"].btn-contacto,
html body.single-inicio [type="submit"].btn-contacto,
html body.single-inicio button.btn-contacto,
html body.single-inicio [type="button"].btn-hero-section,
html body.single-inicio [type="submit"].btn-hero-section,
html body.single-inicio button.btn-hero-section {
  background-color: inherit !important;
  color: inherit !important;
  border: none !important;
  font-size: inherit !important;
  padding: inherit !important;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  html body.single-inicio .btn-fideicomiso,
  html body.single-inicio .btn-carta-fianza,
  html body.single-inicio .btn-contacto,
  html body.single-inicio .btn-hero-section {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto 10px !important;
  }
}