/* Sistema de botones de ismaelsegura.com (3 nov 2026). Un primario y un secundario para todo el sitio.
   Se carga la última en cada página y manda sobre .btn, .btn-fire, .dd-btn-oro, .dd-btn-linea, .pr-btn y .maf-boton. */

/* Primario: píldora de oro con texto negro (la de los carteles de Ismael) */
.fenix a.btn-fire, .fenix button.btn-fire, .fenix .btn-fire,
.fenix a.dd-btn-oro, .fenix button.dd-btn-oro, .dd .dd-btn-oro,
.fenix a.pr-btn, .pr .pr-btn, .fenix .pr-btn,
.luz-libro .btn-fire, .luz-libro a.btn-fire, .luz-libro .final .btn.btn-fire,
.maf-boton, .menu .maf-boton {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 17px 34px; border-radius: 999px; border: 0; border-bottom: 0; cursor: pointer; text-decoration: none;
  background: linear-gradient(177deg, #FBF0D2 4%, #F3DFA6 26%, #D6AE5A 55%, #B98F35 100%);
  color: #1B0F05; font-family: "Cinzel", Georgia, serif; font-weight: 600; font-size: .82rem; letter-spacing: .2em; text-transform: uppercase; line-height: 1.2;
  box-shadow: 0 14px 34px -14px rgba(230, 180, 90, .65), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(0, 0, 0, .18);
  transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s;
  overflow: visible; text-align: center;
}
.fenix a.btn-fire:hover, .fenix .btn-fire:hover, .fenix a.dd-btn-oro:hover, .dd .dd-btn-oro:hover, .fenix .pr-btn:hover, .maf-boton:hover,
.fenix a.btn-fire:focus-visible, .dd .dd-btn-oro:focus-visible, .fenix .pr-btn:focus-visible, .maf-boton:focus-visible {
  transform: translateY(-2px); color: #140B03; filter: none;
  box-shadow: 0 22px 44px -16px rgba(230, 180, 90, .75), inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -1px 0 rgba(0, 0, 0, .25);
}
.fenix .btn-fire:focus-visible, .dd .dd-btn-oro:focus-visible, .fenix .pr-btn:focus-visible { outline: 2px solid var(--gold, #D6AE5A); outline-offset: 4px; }
.fenix .btn-fire::after, .fenix .btn-fire::before, .dd .dd-btn-oro::after, .dd .dd-btn-oro::before, .maf-boton::after, .fenix .pr-btn::after { content: none; }

/* Secundario: contorno de una línea, mismo trazo y misma forma */
.fenix a.btn:not(.btn-fire), .fenix .btn:not(.btn-fire),
.fenix a.dd-btn-linea, .dd .dd-btn-linea,
.luz-libro .btn:not(.btn-fire), .luz-libro .final .btn:not(.btn-fire),
.maf-boton-linea {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 30px; border-radius: 999px; border: 1px solid var(--gold, #D6AE5A); border-bottom: 1px solid var(--gold, #D6AE5A); cursor: pointer; text-decoration: none;
  background: transparent; color: var(--gold-hi, #F6E6BC); font-family: "Cinzel", Georgia, serif; font-weight: 600; font-size: .8rem; letter-spacing: .18em; text-transform: uppercase; line-height: 1.2;
  box-shadow: none; transition: background .3s, border-color .3s, transform .4s; text-align: center;
}
.fenix a.btn:not(.btn-fire):hover, .fenix a.dd-btn-linea:hover, .dd .dd-btn-linea:hover, .luz-libro .btn:not(.btn-fire):hover, .maf-boton-linea:hover { background: rgba(214, 174, 90, .1); border-color: var(--gold-hi, #F6E6BC); color: var(--gold-hi, #F6E6BC); transform: translateY(-1px); }
.fenix .btn:not(.btn-fire)::after, .dd .dd-btn-linea::after, .maf-boton-linea::after { content: none; }

/* Lo oculto sigue oculto (el botón de sonido del vídeo nace con hidden) */
.fenix button.btn-fire[hidden], .fenix a.btn-fire[hidden], .fenix .btn-fire[hidden], .dd .dd-btn-oro[hidden], .fenix a.btn[hidden], .dd .dd-btn-linea[hidden] { display: none; }

/* Casos pequeños: el botón de sonido del vídeo, la barra fija del móvil y la tabla de opciones */
.fenix .vsl-sonido.btn-fire { padding: 8px 14px; font-size: .62rem; letter-spacing: .14em; }
.fenix .cta-movil .btn, .fenix .cta-movil .dd-btn-oro, .dd .cta-movil .dd-btn-oro { width: 100%; padding: 14px 18px; font-size: .78rem; letter-spacing: .16em; white-space: nowrap; }
.pr-movil-dentro .pr-btn { padding: 12px 18px; font-size: .68rem; }
@media (max-width: 860px) {
  .fenix .cta-row .btn, .fenix .dd-acciones .dd-btn-oro, .fenix .dd-acciones .dd-btn-linea, .fenix .pr-acciones .pr-btn, .ch .ch-cta .dd-btn-oro, .ch .ch-cta .dd-btn-linea { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .fenix .btn-fire, .dd .dd-btn-oro, .fenix .pr-btn, .maf-boton, .dd .dd-btn-linea { transition: none; } }