/*
Theme Name: FisioBioAcu
Theme URI: https://fisiobioacu.es/
Author: FisioBioAcu
Description: Tema de bloques FSE de FisioBioAcu. Componentes editables en Gutenberg; recursos editoriales independientes en la Biblioteca de Medios.
Version: 3.1.1
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: fisiobioacu
*/

:root {
  --fba-magenta-suave:#FBC7E4;
  --fba-magenta-medio:#F65CAE;
  --fba-magenta:#F0008A;
  --fba-magenta-intenso:#B80069;
  --fba-berenjena-suave:#D8C1D8;
  --fba-berenjena-medio:#B075B3;
  --fba-berenjena:#7E2C7F;
  --fba-berenjena-intenso:#9A2FA0;
  --fba-marfil:#FFFAF3;
  --fba-carbon:#2B2B2B;
  --fba-turquesa-oscuro:#168F8B;
  --fba-turquesa-marca:#20CEC7;
  --fba-turquesa:var(--fba-turquesa-marca);
  --wp--preset--color--turquesa:#20CEC7;

  /* Paleta expresiva compartida · Puzzle / Cápsulas / Procesos (9 tonos).
     No sustituye la paleta global de marca: la amplía para componentes repetitivos. */
  --fba-exp-1:#B80069; /* Magenta intenso · contraste AA */
  --fba-exp-2:#C2185B; /* Fucsia frambuesa */
  --fba-exp-3:#F65CAE; /* Magenta medio accesible */
  --fba-exp-4:#F58BC1; /* Rosa claro vivo */
  --fba-exp-5:#A94B9D; /* Lila intenso */
  --fba-exp-6:#C78BC8; /* Lila claro */
  --fba-exp-7:#7E2C7F; /* Berenjena marca */
  --fba-exp-8:#20CEC7; /* Turquesa marca · contraste con carbón */
  --fba-exp-9:#20CEC7; /* Turquesa marca */
  --fba-gradiente:linear-gradient(110deg,#F0008A 0%,#7E2C7F 100%);
  --fba-gradiente-inverso:linear-gradient(110deg,#7E2C7F 0%,#F0008A 100%);
  --fba-gradiente-acento:linear-gradient(110deg,#F0008A 0%,#20CEC7 100%);
  --fba-radius:18px;
  --fba-radius-pill:999px;
}

html { scroll-behavior:smooth; }
body { margin:0; overflow-x:clip; background:var(--fba-marfil); color:var(--fba-carbon); }
*,*::before,*::after { box-sizing:border-box; }
img,svg,video { max-width:100%; }
::selection { background:var(--fba-magenta-suave); color:var(--fba-carbon); }

a:focus-visible,button:focus-visible,[tabindex]:focus-visible {
  outline:3px solid var(--fba-marfil);
  outline-offset:2px;
  box-shadow:0 0 0 6px var(--fba-berenjena);
}

/* El contenido estructural permanece marfil; el color intenso se reserva para golpes de identidad. */
.fba-section { margin-block:clamp(42px,7vw,92px); }
.fba-section-tight { margin-block:clamp(26px,4vw,56px); }
.fba-fullbleed { width:100vw; margin-left:calc(50% - 50vw); }
.fba-eyebrow {
  margin:0 0 10px;
  color:var(--fba-magenta-intenso);
  font:800 12px/1.25 "Atkinson Hyperlegible Next",system-ui,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}