/* Fuentes locales (sin Google Fonts) */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/barlow-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/barlow-condensed-latin-800-normal.woff2') format('woff2');}
/* Phoenix Academy global: solo lo que Elementor no cubre de forma nativa. */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
:target { scroll-margin-top: 24px; }

/* Burbuja WhatsApp */
.pxa-wa { position: fixed; right: 20px; bottom: 20px; z-index: 9999; display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px 12px 14px; background: #C8202F; color: #fff; border-radius: 2px; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 17px; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; transition: background-color .18s ease, transform .18s ease; }
.pxa-wa:hover, .pxa-wa:focus-visible { background: #9E1824; color: #fff; transform: translateY(-2px); }
.pxa-wa svg { flex: none; }
@media (max-width: 767px) { .pxa-wa { right: 14px; bottom: 14px; padding: 14px; } .pxa-wa__label { display: none; } }
/* Fluent Forms sobre fondo oscuro (el plugin no expone estos estilos en Elementor sin la versión Pro) */
.fluentform .ff-el-input--label label { color: #F3F3EF; font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; }
.fluentform .ff-el-form-control { background: #0F1110; color: #F3F3EF; border: 1px solid #2B302C; border-radius: 2px; padding: 14px 16px; font-family: "Barlow", sans-serif; font-size: 17px; }
.fluentform .ff-el-form-control::placeholder { color: #7D847E; }
.fluentform .ff-el-form-control:focus { border-color: #C8202F; outline: 2px solid rgba(200,32,47,.35); outline-offset: 0; background: #0F1110; color: #F3F3EF; }
.fluentform select.ff-el-form-control { appearance: auto; }
.fluentform .ff-el-tc label, .fluentform .ff_tc_checkbox + div, .fluentform .ff-el-tc { color: #A9AFAA; font-size: 15px; }
.fluentform .ff-el-tc a { color: #F3F3EF; text-decoration: underline; }
.fluentform .ff-btn-submit { background: #C8202F !important; color: #fff !important; border: 0; border-radius: 2px; padding: 18px 30px; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 18px; letter-spacing: .06em; text-transform: uppercase; }
.fluentform .ff-btn-submit:hover { background: #9E1824 !important; }
.fluentform .error, .fluentform .text-danger { color: #FF6B76; }
.ff-message-success { background: #181B19; color: #F3F3EF; border: 1px solid #C8202F; border-radius: 2px; }
/* Textos legales */
.elementor-widget-text-editor h2, .elementor-widget-text-editor h3, .elementor-widget-text-editor h4 { margin: 1.6em 0 .5em; font-size: 26px; }
.elementor-widget-text-editor a { color: #F3F3EF; text-decoration: underline; }
/* Botón de pausa de vídeos de fondo */
.pxa-vid-toggle { position: absolute; right: 16px; bottom: 16px; z-index: 3; background: rgba(15,17,16,.72); color: #F3F3EF; border: 1px solid #2B302C; border-radius: 2px; padding: 8px 12px; font: 600 13px/1 "Barlow Condensed", sans-serif; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.pxa-vid-toggle:hover, .pxa-vid-toggle:focus-visible { background: #0F1110; outline: 2px solid #F0505C; }
[data-id="inst-video-wrap"] { position: relative; }
#content:focus { outline: none; }
/* Cabecera fija en tablet y móvil (en escritorio la barra superior la haría demasiado alta) */
@media (max-width: 1024px) {
  .elementor-location-header { position: sticky; top: 0; z-index: 999; }
  .admin-bar .elementor-location-header { top: 46px; }
}
@media (min-width: 783px) and (max-width: 1024px) { .admin-bar .elementor-location-header { top: 32px; } }
/* En móvil la cabecera ya lleva botón de WhatsApp: la burbuja sobra */
@media (max-width: 767px) { .pxa-wa { display: none; } }
/* Controles nativos en modo oscuro (desplegables del formulario) */
:root { color-scheme: dark; }
.fluentform select.ff-el-form-control, .fluentform select.ff-el-form-control option { background-color: #0F1110; color: #F3F3EF; }

.pxa-vid-toggle, .pxa-vid-toggle:hover, .pxa-vid-toggle:focus { background-color: rgba(15,17,16,.72) !important; color: #F3F3EF !important; }

/* Botón de pausa discreto */
.pxa-vid-toggle { width: 28px; height: 28px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; right: 10px; bottom: 10px; border: 0 !important; border-radius: 50% !important; opacity: .35; transition: opacity .2s ease; }
.pxa-vid-toggle:hover, .pxa-vid-toggle:focus-visible { opacity: 1; outline: 2px solid #F0505C; outline-offset: 2px; }