/*
 Theme Name:   Astra Child
 Theme URI:    https://equilibriumpts.com
 Description:  Tema hijo de Astra para Equilibrium Training Studio.
 Author:       Equilibrium
 Template:     astra
 Version: 1.0.13
 Text Domain:  astra-child
*/

/* ==== Estilos personalizados del tema hijo ==== */

/* === Ajustes responsive movil === */
@media (max-width: 767px){
  h1{ font-size:clamp(1.9rem,8vw,2.8rem)!important; line-height:1.15!important; }
  h2{ font-size:clamp(1.5rem,6vw,2.1rem)!important; line-height:1.2!important; }
  .wp-block-spectra-buttons, .wp-block-buttons{ justify-content:center!important; }
  .wp-block-spectra-container .wp-block-spectra-content{ text-align:center!important; }
}


/* === WhatsApp flotante + barra CTA movil === */
.eq-wa-float{position:fixed;right:20px;bottom:20px;z-index:9990;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .2s;animation:eqwa 2.6s infinite}
.eq-wa-float:hover{transform:scale(1.08)}
@keyframes eqwa{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.eq-mcta{display:none}
@media(max-width:767px){
  .eq-mcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9989;box-shadow:0 -2px 10px rgba(0,0,0,.15)}
  .eq-mcta-btn{flex:1;text-align:center;padding:15px 8px;font-weight:700;color:#fff!important;text-decoration:none;font-size:15px}
  .eq-mcta-wa{background:#25D366}
  .eq-mcta-clase{background:#B4181E}
  .eq-wa-float{bottom:66px;width:50px;height:50px}
  body{padding-bottom:54px}
}
.eq-mcta .eq-mcta-btn{flex:1} /* mcta single */
@media(prefers-reduced-motion:reduce){.eq-wa-float{animation:none}}


/* === Reveal al scroll === */
.eq-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s ease;will-change:opacity,transform}
.eq-reveal.eq-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.eq-reveal{opacity:1!important;transform:none!important}}

/* === Cabecera sticky + shrink === */
#masthead.eq-stuck{position:fixed!important;top:0;left:0;right:0;width:100%;background:rgba(17,17,17,.96)!important;box-shadow:0 4px 18px rgba(0,0,0,.28);animation:eqDown .35s ease}
#masthead.eq-stuck .ast-primary-header-bar{padding-top:8px!important;padding-bottom:8px!important;transition:padding .3s ease}
@keyframes eqDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}

/* === Hover tarjetas de servicio === */
@media(hover:hover){
  figure.wp-block-image{overflow:hidden}
  figure.wp-block-image img{transition:transform .45s ease;display:block}
  figure.wp-block-image:hover img{transform:scale(1.06)}
  .wp-block-spectra-container:has(> figure.wp-block-image){transition:transform .3s ease, box-shadow .3s ease}
  .wp-block-spectra-container:has(> figure.wp-block-image):hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(0,0,0,.18)}
  .wp-block-spectra-container:has(> figure.wp-block-image):hover > figure.wp-block-image img{transform:scale(1.06)}
}

/* sticky-fix-eqh: cabecera sticky compacta y equilibrada */
.admin-bar #masthead.eq-stuck{top:32px!important}
@media (max-width:782px){.admin-bar #masthead.eq-stuck{top:46px!important}}
@media (max-width:600px){.admin-bar #masthead.eq-stuck{top:0!important}}
#masthead.eq-stuck .ast-primary-header-bar{margin-top:0!important;margin-bottom:0!important;padding-top:6px!important;padding-bottom:6px!important}
#masthead.eq-stuck .site-primary-header-wrap,#masthead.eq-stuck .main-header-bar-wrap{min-height:0!important}
#masthead.eq-stuck .custom-logo{max-height:46px!important;height:auto!important;width:auto!important;transition:max-height .3s ease}


/* === submenu-desktop-eq: desplegable con fondo oscuro (solo escritorio) === */
#primary-site-navigation-desktop .sub-menu{background:#111 !important;box-shadow:0 12px 28px rgba(0,0,0,.35);}
#primary-site-navigation-desktop .sub-menu .menu-item{border-bottom:1px solid rgba(255,255,255,.08);}
#primary-site-navigation-desktop .sub-menu .menu-item:last-child{border-bottom:0;}
#primary-site-navigation-desktop .sub-menu .menu-link{color:#f6f8f5 !important;background:transparent;transition:background .2s,color .2s;}
#primary-site-navigation-desktop .sub-menu .menu-item:hover>.menu-link,
#primary-site-navigation-desktop .sub-menu .menu-item:focus-within>.menu-link,
#primary-site-navigation-desktop .sub-menu .current-menu-item>.menu-link{background:#B4181E;color:#fff !important;}


/* === hero-h1-swap: el H1 SEO es el subtítulo; "Equilibrium" pasa a <p> con el mismo aspecto === */
.entry-content .eq-hero-brand{font-family:Outfit,sans-serif;font-weight:600;}
.entry-content h1.eq-hero-sub{font-family:"DM Sans",sans-serif;font-weight:400;}
@media (max-width:767px){
  .entry-content .eq-hero-brand{font-size:clamp(1.9rem,8vw,2.8rem) !important;line-height:1.15 !important;}
  .entry-content h1.eq-hero-sub{font-size:16px !important;line-height:24px !important;}
}

/* === eq-card-price: precio bajo cada servicio de la home (centrado en móvil como el resto de la tarjeta) === */
@media (max-width:767px){.entry-content .eq-card-price{text-align:center;}}

/* === responsive-center-eq: en móvil y tableta todo el contenido de las secciones Spectra va centrado (títulos, textos, precios, botones, imágenes) === */
@media (max-width:1023.98px){
  .entry-content .spectra-is-root-container .wp-block-spectra-container{align-items:center;}
  .entry-content .spectra-is-root-container .wp-block-spectra-container.is-vertical{flex-direction:column;}
  .entry-content .spectra-is-root-container :is(.wp-block-spectra-content,h1,h2,h3,h4,h5,h6,p){text-align:center !important;margin-left:auto;margin-right:auto;}
  .entry-content .spectra-is-root-container :is(.wp-block-spectra-buttons,.wp-block-buttons){justify-content:center !important;}
  .entry-content .spectra-is-root-container figure.wp-block-image{margin-left:auto;margin-right:auto;}
  .entry-content .spectra-is-root-container ul.wp-block-list{display:table;margin-left:auto;margin-right:auto;}
  .entry-content .spectra-is-root-container ul.wp-block-list li{text-align:left;}
  .entry-content .eqf :is(p,label,div){text-align:left !important;}
}

/* === eq-home-intro: párrafo "Tu gimnasio de entrenamiento personal en Torrent" con ancho de lectura === */
.entry-content p.eq-home-intro{max-width:780px;margin-left:auto !important;margin-right:auto !important;}