/* Fundadela Theme by Teraby
 * Aquí vive lo que no es una clase de Bricks: fuentes, base, estados, animaciones y texto de artículos.
 * 1rem = 10px (base de Bricks).
 */

/* ---------- Fuentes propias ---------- */
@font-face{font-family:"Bricolage Grotesque";src:url(../fonts/bricolage-grotesque-latin.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin-italic.woff2) format("woff2");font-weight:300 900;font-style:italic;font-display:swap}

/* ---------- Base ---------- */
:root{--fd-font-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--fd-font-head:"Bricolage Grotesque","Figtree",system-ui,sans-serif;--fd-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--fd-font-body);font-size:1.7rem;line-height:1.65;color:var(--ink,#1b2a35);background-color:var(--surface,#f6f8f9);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{font-family:var(--fd-font-head);margin:0}
p{margin:0}
img{max-width:100%;height:auto}
.brxe-container{width:1200px}
::selection{background-color:var(--coral,#db5461);color:#fff}
:focus-visible{outline:2px solid var(--slate,#3c5467);outline-offset:3px;border-radius:4px}
.site-footer :focus-visible,.cta__box :focus-visible{outline-color:#fff}
.skip-link{position:absolute;left:1.6rem;top:-10rem;z-index:1000;padding:1.2rem 2rem;border-radius:999px;background:var(--ink,#1b2a35);color:#fff;font-weight:600}
.skip-link:focus{top:1.6rem}

/* ---------- Header fijo y menú móvil ---------- */
/* Cristal: 70% de opacidad (30% de transparencia) con desenfoque del contenido que pasa por detrás. */
#brx-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:100;background-color:rgba(246,248,249,.7);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:0 1px 0 rgba(27,42,53,.1);transition:background-color .3s ease,box-shadow .3s ease}
#brx-header .site-header{background-color:transparent}

/* Inicio: el header flota sobre la foto con elementos blancos; al bajar pasa a cristal oscuro. */
.fd-home #brx-header{position:fixed;left:0;right:0;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.fd-home #brx-header.is-scrolled{background-color:rgba(36,56,74,.7);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:0 1px 0 rgba(255,255,255,.12)}
.fd-home .hero--cover{padding-top:15.2rem}
.fd-home .site-logo__img{filter:brightness(0) invert(1)}
.fd-home #brx-header .lang-switch{background-color:transparent;border-color:rgba(255,255,255,.45)}
.fd-home #brx-header .lang-switch__link{color:#fff}
.fd-home #brx-header .lang-switch__link[aria-current]{background-color:#fff;color:var(--slate-deep,#24384a)}
.fd-home #brx-header .nav-toggle{background-color:transparent;border-color:rgba(255,255,255,.45)}
.fd-home #brx-header .nav-toggle__bar{background-color:#fff}
.fd-home #brx-header :focus-visible{outline-color:#fff}
@media (min-width:992px){
  .fd-home #brx-header .site-nav__link{color:#fff}
  .fd-home #brx-header .site-nav__link:hover{color:#ffd9dc}
}
@media (max-width:991px){
  .fd-home #brx-header.is-open-menu{background-color:rgba(36,56,74,.94)}
}
@media (prefers-reduced-transparency:reduce){
  #brx-header{background-color:var(--surface,#f6f8f9);-webkit-backdrop-filter:none;backdrop-filter:none}
  .fd-home #brx-header.is-scrolled{background-color:var(--slate-deep,#24384a);-webkit-backdrop-filter:none;backdrop-filter:none}
}
.lang-switch__link[aria-current]{background-color:var(--slate,#3c5467);color:#fff}
.site-nav__link[aria-current="page"]{color:var(--coral-strong,#c23c4a)}
#brx-header .site-header__inner{flex-wrap:nowrap}
#brx-header .site-nav__link--mobile{display:none}
@media (max-width:991px){
  #brx-header .site-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;gap:0;padding:1.2rem 2.4rem 2.4rem;background-color:var(--surface,#f6f8f9);border-top:1px solid var(--line,#d3dce2);box-shadow:0 2.4rem 4rem -2.4rem rgba(27,42,53,.35)}
  #brx-header .site-header.is-open .site-nav{display:flex;animation:fd-drop .25s var(--fd-ease)}
  #brx-header .site-nav__link{display:block;padding:1.6rem 0;font-size:1.9rem;border-bottom:1px solid var(--line,#d3dce2)}
  #brx-header .site-nav__link--mobile{display:block}
  .site-header.is-open .nav-toggle__bar:first-child{transform:translateY(4px) rotate(45deg)}
  .site-header.is-open .nav-toggle__bar:last-child{transform:translateY(-4px) rotate(-45deg)}
}
@media (max-width:478px){
  #brx-header .site-header__tools .btn{display:none}
}
@keyframes fd-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ---------- Movimiento ----------
 * Entrada del hero al cargar y aparición suave de bloques al hacer scroll.
 * El scroll usa animaciones nativas de CSS (sin JavaScript); donde no hay soporte, el contenido simplemente se ve.
 */
@media (prefers-reduced-motion:no-preference){
  .hero__copy > *{animation:fd-rise .7s var(--fd-ease) both}
  .hero__copy > :nth-child(2){animation-delay:.07s}
  .hero__copy > :nth-child(3){animation-delay:.14s}
  .hero__copy > :nth-child(4){animation-delay:.21s}
  @supports (animation-timeline:view()){
    .reveal{animation:fd-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@keyframes fd-rise{from{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:none}}
@keyframes fd-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* ---------- Listas con viñetas dentro de componentes ---------- */
.partners,.checks{list-style:none}
ul.partners > li,ul.checks > li{display:block}

/* ---------- Formulario de AidaForm ---------- */
.fd-form iframe{display:block;width:100%;min-height:50rem;border:0}
.fd-form__fallback{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start}

/* ---------- Texto de artículos (contenido del editor de WordPress) ---------- */
.prose{font-size:1.9rem;line-height:1.75;color:#2b3b47}
.prose > * + *{margin-top:2.4rem}
.prose h2{font-size:clamp(2.6rem,2.6vw,3.2rem);line-height:1.2;letter-spacing:-.015em;font-weight:700;color:var(--ink,#1b2a35);margin-top:5.6rem}
.prose h3{font-size:2.4rem;line-height:1.3;font-weight:600;color:var(--ink,#1b2a35);margin-top:4rem}
.prose h4{font-size:2rem;line-height:1.35;font-weight:600;color:var(--ink,#1b2a35);margin-top:3.2rem}
.prose a{color:var(--coral-strong,#c23c4a);text-decoration:underline;text-underline-offset:.3rem}
.prose a:hover{color:var(--ink,#1b2a35)}
.prose ul,.prose ol{padding-left:2.4rem}
.prose li + li{margin-top:.8rem}
.prose strong{color:var(--ink,#1b2a35)}
.prose img{border-radius:1.2rem;display:block}
.prose figure{margin-left:0;margin-right:0}
.prose figcaption{margin-top:1rem;font-size:1.4rem;color:var(--muted,#52636f);text-align:center}
.prose blockquote{margin-left:0;margin-right:0;padding:.4rem 0 .4rem 2.4rem;border-left:3px solid var(--coral,#db5461);font-family:var(--fd-font-head);font-size:2.3rem;line-height:1.45;color:var(--ink,#1b2a35)}
.prose blockquote cite{display:block;margin-top:1.2rem;font-family:var(--fd-font-body);font-size:1.5rem;font-style:normal;color:var(--muted,#52636f)}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:1.2rem}
.prose table{width:100%;border-collapse:collapse;font-size:1.6rem}
.prose th,.prose td{padding:1.2rem;border-bottom:1px solid var(--line,#d3dce2);text-align:left}
.prose .wp-block-buttons{display:flex;flex-wrap:wrap;gap:1.2rem}
.prose .wp-block-button__link,.prose .wp-element-button{display:inline-flex;align-items:center;min-height:4.8rem;padding:1.2rem 2.6rem;border-radius:999px;background-color:var(--coral-strong,#c23c4a);color:#fff;font-size:1.6rem;font-weight:600;text-decoration:none}
.prose .wp-block-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:2.4rem}
.prose .aligncenter{margin-left:auto;margin-right:auto}
.prose hr{border:0;border-top:1px solid var(--line,#d3dce2);margin:4.8rem 0}

/* ---------- Paginación del blog (elemento de Bricks) ---------- */
.bricks-pagination{margin-top:5.6rem}
.bricks-pagination ul{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;padding:0;list-style:none}
.bricks-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:4.6rem;height:4.6rem;padding:0 1.4rem;border-radius:999px;border:1px solid var(--line,#d3dce2);background-color:var(--paper,#fdfefe);font-size:1.6rem;font-weight:600;color:var(--ink,#1b2a35)}
.bricks-pagination .page-numbers.current,.bricks-pagination a.page-numbers:hover{background-color:var(--slate,#3c5467);border-color:var(--slate,#3c5467);color:#fff}

/* ---------- Detalles dentro de textos (no son elementos de Bricks) ---------- */
.tier__period{font-size:1.5rem;font-weight:500;letter-spacing:0;color:var(--muted,#52636f)}
.tier--accent .tier__period{color:#d3dce2}
.text a{color:var(--coral-strong,#c23c4a);text-decoration:underline;text-underline-offset:.3rem}
.article-meta p{margin:0}
.eyebrow a{color:inherit;text-decoration:none}

/* ---------- Reglas que dependen de un elemento padre ---------- */
.tier--accent .tier__amount{color:#fff}
.tier--accent .tier__text{color:#d3dce2}
.post-card:hover .post-card__img{transform:scale(1.04)}
.post-card__title a{color:inherit;text-decoration:none}
.post-card__title a:hover{color:var(--coral-strong,#c23c4a)}
.site-footer__small a{color:#fff}
@media (min-width:992px){.split--media-first .split__media{order:-1}}
.article-cover__img{max-height:62rem}

/* ---------- Hero con foto de fondo: velo y texto claro ---------- */
.hero--cover::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(27,42,53,.9) 0%,rgba(27,42,53,.72) 40%,rgba(27,42,53,.18) 74%,rgba(27,42,53,0) 100%)}
.hero--cover .h-display,.hero--cover .eyebrow{color:#fff}
.hero--cover .lead{color:#e8edf0}
.hero--cover :focus-visible{outline-color:#fff}
@media (max-width:767px){
  .hero--cover::before{background:linear-gradient(180deg,rgba(27,42,53,.25) 0%,rgba(27,42,53,.78) 48%,rgba(27,42,53,.94) 100%)}
}

/* ---------- Infografías dentro de artículos (hechas en HTML y CSS) ---------- */
.prose .fd-standfirst{font-family:var(--fd-font-head);font-size:2.3rem;line-height:1.4;color:var(--slate,#3c5467)}
.prose .fd-note{padding:2rem 2.4rem;border-radius:1.2rem;background-color:var(--surface-muted,#e8edf0);font-size:1.6rem;line-height:1.6;color:var(--muted,#52636f)}
.prose .fd-info{margin:4.8rem 0;padding:clamp(2.4rem,4vw,4rem);border-radius:1.6rem;background-color:var(--slate-deep,#24384a);color:#fff}
.prose .fd-info__title{font-family:var(--fd-font-head);font-size:2.4rem;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:#fff}
.prose .fd-info figcaption,.prose .fd-info__note{margin-top:2.4rem;font-size:1.5rem;line-height:1.55;text-align:left;color:#b4c2cc}
.prose .fd-info ol{margin:2.4rem 0 0;padding:0;list-style:none}
.prose .fd-info li + li{margin-top:0}

.prose .fd-plan__list{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;counter-reset:none}
.prose .fd-plan__step{position:relative;display:flex;flex-direction:column;gap:.8rem;padding:2rem;border-radius:1.2rem;background-color:rgba(255,255,255,.08)}
.prose .fd-plan__step.is-accent{background-color:var(--coral-strong,#c23c4a)}
.prose .fd-plan__week{font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b4c2cc}
.prose .fd-plan__step.is-accent .fd-plan__week{color:#ffe1e4}
.prose .fd-plan__name{font-family:var(--fd-font-head);font-size:1.9rem;line-height:1.2;color:#fff}
.prose .fd-plan__text{font-size:1.5rem;line-height:1.5;color:#d3dce2}
.prose .fd-plan__step.is-accent .fd-plan__text{color:#fff}

.prose .fd-check__list{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;counter-reset:fdc}
.prose .fd-check__item{counter-increment:fdc;display:flex;flex-direction:column;gap:.8rem;padding-top:1.6rem;border-top:2px solid var(--coral,#db5461)}
.prose .fd-check__item::before{content:counter(fdc);display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:999px;background-color:#fff;font-family:var(--fd-font-head);font-size:1.7rem;font-weight:700;color:var(--slate-deep,#24384a)}
.prose .fd-check__item strong{font-family:var(--fd-font-head);font-size:1.7rem;line-height:1.25;color:#fff}
.prose .fd-check__item span{font-size:1.45rem;line-height:1.5;color:#d3dce2}

.prose .fd-session__bar{display:flex;gap:.6rem;margin-top:2.4rem}
.prose .fd-session__seg{display:flex;flex-direction:column;gap:.4rem;min-width:0;padding:1.6rem 1.4rem;border-radius:1rem;background-color:rgba(255,255,255,.1)}
.prose .fd-session__seg.is-accent{background-color:var(--coral-strong,#c23c4a)}
.prose .fd-session__seg--5{flex:5 1 0}
.prose .fd-session__seg--10{flex:10 1 0}
.prose .fd-session__seg--15{flex:15 1 0}
.prose .fd-session__min{font-family:var(--fd-font-head);font-size:2.8rem;line-height:1;font-weight:700;color:#fff}
.prose .fd-session__what{font-size:1.35rem;line-height:1.3;color:#e8edf0;overflow-wrap:anywhere}

.prose ul.fd-checklist{padding:0;list-style:none}
.prose ul.fd-checklist li{position:relative;padding:1.4rem 1.6rem 1.4rem 5rem;border-radius:1.2rem;background-color:var(--paper,#fdfefe);border:1px solid var(--line,#d3dce2)}
.prose ul.fd-checklist li::before{content:"";position:absolute;left:1.8rem;top:1.7rem;width:1.8rem;height:1.8rem;border-radius:.5rem;border:2px solid var(--slate,#3c5467)}

@media (max-width:767px){
  .prose .fd-plan__list{grid-template-columns:1fr 1fr}
  .prose .fd-check__list{grid-template-columns:1fr}
  .prose .fd-check__item{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:1.2rem}
  .prose .fd-check__item span{flex-basis:100%}
  .prose .fd-session__bar{flex-direction:column}
  .prose .fd-session__seg{flex:none;flex-direction:row;align-items:baseline;gap:1.2rem}
}
@media (max-width:478px){.prose .fd-plan__list{grid-template-columns:1fr}}

/* Esquema del montaje (vista desde arriba) */
.prose .fd-stage__room{display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-areas:"stand player ." "light gap ." ". phone .";gap:1.2rem;margin-top:2.4rem;padding:2.4rem;border-radius:1.2rem;border:1px dashed rgba(255,255,255,.3)}
.prose .fd-stage__node{display:flex;flex-direction:column;gap:.4rem;justify-content:center;padding:1.6rem;border-radius:1.2rem;background-color:rgba(255,255,255,.1);text-align:center}
.prose .fd-stage__node strong{font-family:var(--fd-font-head);font-size:1.7rem;line-height:1.2;color:#fff}
.prose .fd-stage__node span{font-size:1.4rem;line-height:1.4;color:#d3dce2}
.prose .fd-stage__node--player{grid-area:player;background-color:var(--coral-strong,#c23c4a);border-radius:999px;padding:2.4rem 2rem}
.prose .fd-stage__node--player span{color:#fff}
.prose .fd-stage__node--stand{grid-area:stand;align-self:center}
.prose .fd-stage__node--light{grid-area:light;align-self:center;background-color:transparent;border:1.5px solid #fff}
.prose .fd-stage__node--phone{grid-area:phone;background-color:#fff}
.prose .fd-stage__node--phone strong{color:var(--slate-deep,#24384a)}
.prose .fd-stage__node--phone span{color:var(--muted,#52636f)}
.prose .fd-stage__gap{grid-area:gap;display:flex;align-items:center;justify-content:center;min-height:9rem;margin:0 auto;padding-left:1.6rem;border-left:2px dashed var(--coral,#db5461);font-size:1.4rem;line-height:1.4;color:#fff;max-width:20ch}

/* Problema y primera prueba */
.prose .fd-fix__list{display:flex;flex-direction:column;gap:1rem}
.prose .fd-fix__row{display:grid;grid-template-columns:1fr 1.3fr;gap:1.6rem;align-items:center;padding:1.6rem 2rem;border-radius:1.2rem;background-color:rgba(255,255,255,.08);border-left:3px solid var(--coral,#db5461)}
.prose .fd-fix__problem{font-family:var(--fd-font-head);font-size:1.7rem;line-height:1.25;color:#fff}
.prose .fd-fix__try{font-size:1.5rem;line-height:1.5;color:#d3dce2}
@media (max-width:767px){
  .prose .fd-stage__room{grid-template-columns:1fr;grid-template-areas:"light" "stand" "player" "gap" "phone";padding:1.6rem}
  .prose .fd-fix__row{grid-template-columns:1fr;gap:.6rem}
}

/* Cifras animadas: dígitos de ancho fijo para que no "bailen" al contar. */
.stat__num{font-variant-numeric:tabular-nums}

/* ---------- Páginas de fondo: enlaces y listas dentro del texto ---------- */
.body a,.bullet a,.fact__text a,.refs a,.inline-figure__cap a{color:var(--coral-strong,#c23c4a);text-decoration:underline;text-underline-offset:.3rem}
.body a:hover,.bullet a:hover,.refs a:hover{color:var(--ink,#1b2a35)}
.fact__text a{color:#fff}
.body sup,.bullet sup,.fact__text sup{font-size:.65em;font-weight:700;line-height:0}
.body sup a,.bullet sup a{text-decoration:none}
ol.refs{list-style:decimal}
ol.refs > li{display:list-item}
.refs li:target{color:var(--ink,#1b2a35);background-color:var(--surface-muted,#e8edf0);border-radius:.6rem}
html{scroll-padding-top:10rem}

/* Hero: el botón principal se invierte al pasar el cursor. */
#brx-content .hero--cover .btn--primary:hover,#brx-content .hero--cover .btn--primary:focus-visible{background-color:#fff;color:var(--coral-strong,#c23c4a)}

/* Estructura del CV en seis bloques */
.prose .fd-cv__list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;counter-reset:fdcv}
.prose .fd-cv__block{counter-increment:fdcv;display:flex;flex-direction:column;gap:.6rem;padding:2rem;border-radius:1.2rem;background-color:rgba(255,255,255,.08)}
.prose .fd-cv__block::before{content:counter(fdcv);font-family:var(--fd-font-head);font-size:1.4rem;font-weight:700;color:#b4c2cc}
.prose .fd-cv__block.is-accent{background-color:var(--coral-strong,#c23c4a)}
.prose .fd-cv__block.is-accent::before{color:#ffe1e4}
.prose .fd-cv__block strong{font-family:var(--fd-font-head);font-size:1.9rem;line-height:1.2;color:#fff}
.prose .fd-cv__block span{font-size:1.5rem;line-height:1.5;color:#d3dce2}
.prose .fd-cv__block.is-accent span{color:#fff}

/* Fórmula para describir la experiencia */
.prose .fd-formula__before{margin-top:2rem;font-size:1.6rem;color:#b4c2cc}
.prose .fd-formula__list{display:grid;grid-template-columns:1fr 1.2fr 2fr .7fr;gap:.8rem;margin-top:1.6rem}
.prose .fd-formula__part{display:flex;flex-direction:column;gap:.8rem;padding:1.8rem;border-radius:1.2rem;background-color:rgba(255,255,255,.08)}
.prose .fd-formula__part.is-accent{background-color:var(--coral-strong,#c23c4a)}
.prose .fd-formula__label{font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b4c2cc}
.prose .fd-formula__part.is-accent .fd-formula__label{color:#ffe1e4}
.prose .fd-formula__part strong{font-family:var(--fd-font-head);font-size:1.7rem;line-height:1.3;font-weight:600;color:#fff}

/* Plantilla para copiar */
.prose .fd-template{margin:4rem 0;padding:clamp(2.4rem,4vw,4.8rem);border-radius:1.6rem;background-color:var(--paper,#fdfefe);border:1px solid var(--line,#d3dce2);box-shadow:0 2.4rem 4.8rem -3.2rem rgba(27,42,53,.35);font-size:1.65rem;line-height:1.6;color:#2b3b47}
.prose .fd-template > * + *{margin-top:.8rem}
.prose .fd-template__name{font-family:var(--fd-font-head);font-size:2.6rem;line-height:1.2;font-weight:700;color:var(--ink,#1b2a35)}
.prose .fd-template__label{margin-top:2.8rem;padding-top:1.6rem;border-top:2px solid var(--slate,#3c5467);font-size:1.3rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--coral-strong,#c23c4a)}
@media (max-width:767px){
  .prose .fd-cv__list{grid-template-columns:1fr 1fr}
  .prose .fd-formula__list{grid-template-columns:1fr}
}
@media (max-width:478px){.prose .fd-cv__list{grid-template-columns:1fr}}

/* ---------- Submenú "Recursos" ---------- */
.site-nav__group{position:relative;display:flex;align-items:center}
#brx-header .site-nav__link--parent::after{content:"";display:inline-block;width:.7rem;height:.7rem;margin-left:.8rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.3rem) rotate(45deg);transition:transform .2s ease}
.site-nav__sub{display:flex;flex-direction:column}
#brx-header .site-nav__sublink{display:block;padding:1.1rem 1.6rem;border-radius:1rem;font-size:1.6rem;font-weight:500;line-height:1.3;color:var(--ink,#1b2a35);text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
#brx-header .site-nav__sublink:hover,#brx-header .site-nav__sublink[aria-current="page"]{background-color:var(--surface-muted,#e8edf0);color:var(--coral-strong,#c23c4a)}
@media (min-width:992px){
  .site-nav__sub{position:absolute;top:100%;left:-1.6rem;min-width:24rem;padding:.8rem;border-radius:1.6rem;background-color:var(--paper,#fdfefe);border:1px solid var(--line,#d3dce2);box-shadow:0 2.4rem 4.8rem -2rem rgba(27,42,53,.35);opacity:0;visibility:hidden;transform:translateY(.8rem);transition:opacity .2s ease,transform .2s ease,visibility .2s}
  .site-nav__group:hover .site-nav__sub,.site-nav__group:focus-within .site-nav__sub{opacity:1;visibility:visible;transform:none}
  .site-nav__group:hover .site-nav__link--parent::after,.site-nav__group:focus-within .site-nav__link--parent::after{transform:translateY(.1rem) rotate(225deg)}
}
@media (max-width:991px){
  .site-nav__group{flex-direction:column;align-items:stretch}
  #brx-header .site-nav__link--parent::after{display:none}
  .site-nav__sub{padding:.4rem 0 .8rem 1.6rem;border-bottom:1px solid var(--line,#d3dce2)}
  #brx-header .site-nav__group .site-nav__link{border-bottom:0}
  #brx-header .site-nav__sublink{padding:1rem 0;font-size:1.7rem;color:var(--muted,#52636f)}
}

/* Variante de la fórmula con columnas iguales */
.prose .fd-formula--even .fd-formula__list{grid-template-columns:repeat(4,1fr)}
@media (max-width:767px){.prose .fd-formula--even .fd-formula__list{grid-template-columns:1fr}}

/* ---------- 404: el violín se mece suavemente ---------- */
.error-page .lead{margin-left:auto;margin-right:auto}
@media (prefers-reduced-motion:no-preference){
  .error-page__img{animation:fd-sway 4.5s ease-in-out infinite;transform-origin:50% 90%}
}
@keyframes fd-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-.6rem)}}

/* Lista numerada de tres elementos */
.prose .fd-check--3 .fd-check__list{grid-template-columns:repeat(3,1fr)}
@media (max-width:767px){.prose .fd-check--3 .fd-check__list{grid-template-columns:1fr}}
/* Aviso de descarga dentro de un artículo */
.prose .fd-download{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem 2.4rem;padding:2.4rem 2.8rem;border-radius:1.6rem;background-color:var(--paper,#fdfefe);border:1px solid var(--line,#d3dce2);border-left:4px solid var(--coral,#db5461)}
.prose .fd-download p{margin:0;font-size:1.7rem;line-height:1.5;color:var(--ink,#1b2a35);max-width:44ch}
.prose .fd-download strong{display:block;font-family:var(--fd-font-head);font-size:1.9rem}
.prose .fd-download__links{display:flex;flex-wrap:wrap;gap:1rem}
.prose .fd-download__links a{display:inline-flex;align-items:center;min-height:4.4rem;padding:1rem 2rem;border-radius:999px;font-size:1.5rem;font-weight:600;text-decoration:none;border:1.5px solid var(--slate,#3c5467);color:var(--slate,#3c5467);transition:background-color .2s ease,color .2s ease}
.prose .fd-download__links a:first-child{background-color:var(--coral-strong,#c23c4a);border-color:var(--coral-strong,#c23c4a);color:#fff}
.prose .fd-download__links a:hover{background-color:var(--ink,#1b2a35);border-color:var(--ink,#1b2a35);color:#fff}

/* Página de gracias: palomita dentro del círculo. */
.thanks__mark::after{content:"";width:1.6rem;height:3rem;margin-top:-.6rem;border:solid #fff;border-width:0 .4rem .4rem 0;border-radius:.2rem;transform:rotate(45deg)}