/*
Theme Name: FEMHEALTH 2026
Theme URI: https://example.com/
Author: Anti Studio
Author URI: https://example.com/
Description: Tema WordPress minimal para la landing FEMHEALTH 2026 (Tailwind CDN). Compatible con plugins de SEO al usar wp_head() / wp_footer() y soporte para title-tag.
Version: 1.0.2
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: femhealth2026
Tags: custom, landing, tailwind
*/

/* Nota:
   - Los estilos principales se generan en runtime con Tailwind CDN.
   - Aquí dejamos solo pequeños ajustes / overrides seguros.
*/

html {
  scroll-behavior: smooth;
}
:root { color-scheme: light !important; }
html { color-scheme: light !important; }
.section-px {
  padding-left:30px !important;
  padding-right:30px !important;
}

@media (max-width: 640px) {
  .section-px {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .py-32 {
    padding-top: 2rem !important;
    padding-bottom: 0rem !important;
  }
  .py-28 {
    padding-top: 2rem !important;
    padding-bottom: 7rem;
  }
  .mb-12 {
    margin-bottom: 1.3rem !important;
  }
}

.section-py{
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 768px){
  .section-py{
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

/* ------------------------------------------------------------
   Fallbacks (IMPORTANT)
   If a cache/optimization plugin delays or reorders Tailwind CDN,
   these CSS rules keep brand colors + fonts working anyway.
------------------------------------------------------------ */
:root{
  --fh-primary:#ee2b6c;
  --fh-bg-light:#f8f6f6;
  --fh-bg-dark:#221016;
}
.font-display{font-family:"Lexend",sans-serif !important;}
.font-serif{font-family:"Playfair Display",serif !important;}

.text-primary{color:var(--fh-primary) !important;}
.bg-primary{background-color:var(--fh-primary) !important;}
.border-primary{border-color:var(--fh-primary) !important;}

/* Background helpers */
.bg-background-light{background-color:var(--fh-bg-light) !important;}
.dark .dark\:bg-background-dark{background-color:var(--fh-bg-dark) !important;}
footer {
  background-color: var(--fh-bg-dark) !important;
}
/* Gradient helper used in hero title */
.from-primary{
  --tw-gradient-from: var(--fh-primary) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 43 108 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

/* Selection helpers */
.selection\:bg-primary::selection{background-color:var(--fh-primary) !important;}
.selection\:text-white::selection{color:#fff !important;}

/* Material Symbols fallback (if inline tailwindcss isn't processed) */
.material-symbols-outlined{
  font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 48;
}

/* Animation fallback */
@keyframes fh-fade-in-up{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
.animate-fade-in-up{animation:fh-fade-in-up 800ms ease-out both}

:root{
  --fh-header-h: 76px;
}

/* Altura real del header */
#fhHeader .fhHeaderInner{
  height: var(--fh-header-h) !important;
}

/* Hero = alto de pantalla menos header */
.fh-hero{
  min-height: 100svh !important; /* móvil moderno */
  min-height: 100vh !important;  /* fallback */
  padding-top: var(--fh-header-h) !important;
}

section[id]{
  scroll-margin-top: var(--fh-header-h);
}