/* FSP Portada v4 — prototipo. Todo colgado de .fsp4 para no afectar al resto de la web. */
body.fsp4-page{overflow-x:clip}
body.fsp4-page #brx-content>h1:first-child{display:none}
.fsp4{--lila:#8B3FD9;--ciruela:#3F1D75;--lav:#F3ECFB;--lav2:#EADFF8;--crema:#FCFBFD;--rosa:#E85D9B;--rosatxt:#C7306F;--texto:#2E2145;--mid:#6E6280;--linea:rgba(74,50,104,.14);
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--texto);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.fsp4 *,.fsp4 *::before,.fsp4 *::after{box-sizing:border-box}
.fsp4 h1,.fsp4 h2,.fsp4 h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.01em;margin:0;color:var(--ciruela)}
.fsp4 p{margin:0}
.fsp4 ul{list-style:none;margin:0;padding:0}
.fsp4 a{color:inherit;text-decoration:none}
.fsp4 .i{width:20px;height:20px;flex:0 0 auto}
.fsp4 .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fsp4 a:focus-visible,.fsp4 button:focus-visible,.fsp4 select:focus-visible,.fsp4 input:focus-visible,.fsp4 [tabindex]:focus-visible{outline:3px solid var(--lila);outline-offset:3px;border-radius:6px}
.fsp4 .band{width:100vw;margin-left:calc(50% - 50vw);position:relative}
.fsp4 .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.fsp4 .eyebrow{font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--rosatxt);margin-bottom:12px}
.fsp4 .sub{color:var(--mid);font-size:17px;margin-top:12px;max-width:58ch}
.fsp4 h2{font-size:clamp(32px,3.6vw,46px)}
.fsp4 .f4-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.fsp4 .btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;background:var(--lila);color:#fff;font-weight:600;font-size:16px;transition:background .2s,transform .2s}
.fsp4 .btn:hover{background:var(--ciruela)}
.fsp4 .btn.rosa{background:var(--rosatxt)}
.fsp4 .btn.rosa:hover{background:#A3245A}
.fsp4 .btn.claro{background:#fff;color:var(--ciruela)}
.fsp4 .btn.claro:hover{background:var(--lav)}
.fsp4 .more{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--ciruela)}
.fsp4 .more .i{transition:transform .2s}
.fsp4 .more:hover{color:var(--lila)}
.fsp4 .more:hover .i{transform:translateX(3px)}
.fsp4 .tag{display:inline-block;font-size:14px;font-weight:600;border-radius:999px;padding:4px 12px;background:var(--rosatxt);color:#fff}
.fsp4 .tag.lav{background:#fff;color:var(--ciruela)}

/* HERO */
.fsp4 .f4-hero{background:linear-gradient(180deg,var(--lav) 0%,#F8F3FD 100%);padding:64px 0 0;overflow:hidden}
.fsp4 .f4-hero-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.fsp4 .f4-hero-t{padding-bottom:88px}
.fsp4 .f4-hero h1{font-size:clamp(44px,5.6vw,76px);max-width:13ch;margin-bottom:22px}
.fsp4 .f4-hero h1 em{display:block;font-style:italic;color:var(--rosatxt)}
.fsp4 .f4-hero .lead{font-size:19px;color:var(--mid);max-width:48ch;margin-bottom:32px}
.fsp4 .f4-search{display:flex;align-items:center;gap:0;background:#fff;border-radius:999px;padding:7px;box-shadow:0 16px 40px rgba(63,29,117,.12);max-width:660px;margin:0}
.fsp4 .f4-f{flex:1 1 0;min-width:0;display:block;margin:0}
.fsp4 .f4-f+.f4-f{border-left:1px solid var(--linea)}
.fsp4 .f4-search select,.fsp4 .f4-search input{width:100%;min-height:50px;padding:10px 18px;border:0;background:transparent;font:inherit;font-size:16px;color:var(--texto);-webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none;margin:0}
.fsp4 .f4-search select{cursor:pointer;padding-right:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236E6280' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 14px center}
.fsp4 .f4-search input::placeholder{color:#766B86;opacity:1}
.fsp4 .fsp-s-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 26px;border:0;border-radius:999px;background:var(--lila);color:#fff;font:600 16px 'DM Sans',sans-serif;cursor:pointer;transition:background .2s}
.fsp4 .fsp-s-btn:hover{background:var(--ciruela)}
.fsp4 .f4-hero-f{margin:0;align-self:end;position:relative}
.fsp4 .f4-hero-f::before{content:'';position:absolute;inset:8% -6% -10% 12%;background:var(--lav2);border-radius:50% 50% 0 0}
.fsp4 .f4-hero-f img{position:relative;display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:260px 260px 0 0}

/* CIFRAS */
.fsp4 .f4-cifras{margin-top:-1px;background:#fff;border-bottom:1px solid var(--linea)}
.fsp4 .f4-cifras ul{display:grid;grid-template-columns:repeat(4,1fr)}
.fsp4 .f4-cifras li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:26px 22px}
.fsp4 .f4-cifras li+li{border-left:1px solid var(--linea)}
.fsp4 .f4-cifras .i{grid-row:1/3;width:46px;height:46px;padding:11px;border-radius:50%;background:var(--lav);color:var(--lila)}
.fsp4 .f4-cifras b{font-family:'DM Serif Display',serif;font-weight:400;font-size:34px;line-height:1;color:var(--ciruela)}
.fsp4 .f4-cifras span{font-size:15px;color:var(--mid)}
.fsp4 .f4-cifras .rosa .i{background:#FCE7F1;color:var(--rosatxt)}
.fsp4 .f4-cifras .rosa b{color:var(--rosatxt)}

/* CLÍNICAS */
.fsp4 .f4-cl{padding:84px 0 72px;background:var(--crema)}
.fsp4 .f4-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 2px;padding:4px 2px 18px;scrollbar-width:none}
.fsp4 .f4-track::-webkit-scrollbar{display:none}
.fsp4 .f4-card{flex:0 0 calc((100% - 80px)/5);min-width:230px;scroll-snap-align:start}
.fsp4 .f4-card>a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--linea);border-radius:18px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.fsp4 .f4-card>a:hover{border-color:rgba(139,63,217,.45);transform:translateY(-3px);box-shadow:0 14px 30px rgba(63,29,117,.10)}
.fsp4 .f4-img{position:relative;aspect-ratio:16/10;background:var(--lav)}
.fsp4 .f4-img img{display:block;width:100%;height:100%;object-fit:cover}
.fsp4 .f4-img .tag{position:absolute;left:12px;top:12px}
.fsp4 .f4-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--lila)}
.fsp4 .f4-ph .i{width:40px;height:40px}
.fsp4 .f4-cb{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.fsp4 .f4-cb h3{font-size:21px;line-height:1.15}
.fsp4 .lugar{display:flex;align-items:center;gap:6px;font-size:15px;color:var(--mid)}
.fsp4 .lugar .i{width:16px;height:16px;color:var(--lila)}
.fsp4 .chips{display:flex;flex-wrap:wrap;gap:6px}
.fsp4 .chips span{font-size:14px;background:var(--lav);color:var(--ciruela);border-radius:999px;padding:3px 11px}
.fsp4 .chips .mas{background:transparent;border:1px solid var(--linea);color:var(--mid)}
.fsp4 .ver{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--lila)}
.fsp4 .ver .i{width:17px;height:17px}
.fsp4 .f4-mas>a{justify-content:center;align-items:flex-start;gap:6px;padding:24px;background:var(--lav);border-style:dashed}
.fsp4 .f4-mas b{font-family:'DM Serif Display',serif;font-weight:400;font-size:48px;line-height:1;color:var(--ciruela)}
.fsp4 .f4-mas span:not(.ver){color:var(--mid)}
.fsp4 .f4-mas .ver{margin-top:10px}
.fsp4 .f4-car-pie{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:10px}
.fsp4 .osm{font-size:14px;color:var(--mid);margin-right:auto}
.fsp4 .osm a{text-decoration:underline}
.fsp4 .f4-arr{display:flex;gap:10px}
.fsp4 .f4-arr button{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--linea);background:#fff;color:var(--ciruela);cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.fsp4 .f4-arr button:hover{background:var(--ciruela);color:#fff}
.fsp4 .f4-arr button[disabled]{opacity:.35;cursor:default;background:#fff;color:var(--ciruela)}

/* MAPA */
.fsp4 .f4-mapa{background:var(--lav);padding:84px 0;overflow:hidden}
.fsp4 .f4-mapa-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.fsp4 .f4-big{font-family:'DM Serif Display',serif;font-size:clamp(96px,11vw,150px);line-height:.85;color:var(--rosatxt);margin-bottom:8px}
.fsp4 .f4-mapa h2{font-size:clamp(30px,3.2vw,42px);max-width:14ch}
.fsp4 .f4-sinlist{margin:20px 0 28px;font-size:15px;color:var(--ciruela);line-height:1.8;max-width:44ch}
.fsp4 .f4-mapa-f{position:relative}
.fsp4 .f4-svg{display:block;width:100%;height:auto;overflow:visible}
.fsp4 .f4-svg path{stroke:#fff;stroke-width:1.1;stroke-linejoin:round;transition:fill .15s}
.fsp4 .f4-svg .con path,.fsp4 .f4-svg .con circle{fill:#CDB6EE}
.fsp4 .f4-svg .sin path,.fsp4 .f4-svg .sin circle{fill:var(--rosa)}
.fsp4 .f4-svg .con:hover path,.fsp4 .f4-svg .con:focus path,.fsp4 .f4-svg .con:hover circle{fill:var(--lila)}
.fsp4 .f4-svg .sin:hover path,.fsp4 .f4-svg .sin:focus path,.fsp4 .f4-svg .sin:hover circle{fill:var(--rosatxt)}
.fsp4 .f4-svg circle{stroke:#fff;stroke-width:1.5}
.fsp4 .f4-svg .can{fill:none;stroke:#9C8FB0;stroke-width:1;stroke-dasharray:3 4}
.fsp4 .f4-svg text{font:500 12px 'DM Sans',sans-serif;fill:var(--mid)}
.fsp4 .f4-leyenda{display:flex;gap:22px;margin-top:14px;font-size:15px;color:var(--ciruela)}
.fsp4 .f4-leyenda span{display:inline-flex;align-items:center;gap:8px}
.fsp4 .f4-leyenda i{width:14px;height:14px;border-radius:4px;background:#CDB6EE}
.fsp4 .f4-leyenda i.sin{background:var(--rosa)}
.fsp4 .f4-nota{position:absolute;right:-6px;top:-18px;width:210px;transform:rotate(-5deg);pointer-events:none}
.fsp4 .f4-nota svg{display:block;width:100%;height:auto}
.fsp4 .f4-tip{position:fixed;z-index:50;pointer-events:none;background:var(--ciruela);color:#fff;font-size:14px;font-weight:500;padding:6px 10px;border-radius:8px;transform:translate(-50%,-130%);white-space:nowrap;opacity:0;transition:opacity .12s}
.fsp4 .f4-tip.on{opacity:1}

/* BLOG */
.fsp4 .f4-blog{padding:84px 0;background:#fff}
.fsp4 .f4-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fsp4 .f4-posts a{display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;background:var(--crema);border:1px solid var(--linea);transition:transform .2s,box-shadow .2s}
.fsp4 .f4-posts a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(63,29,117,.10)}
.fsp4 .f4-pimg{aspect-ratio:3/2;overflow:hidden;background:var(--lav)}
.fsp4 .f4-pimg img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.fsp4 .f4-posts a:hover .f4-pimg img{transform:scale(1.03)}
.fsp4 .f4-pb{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.fsp4 .cat{align-self:flex-start;font-size:14px;font-weight:600;color:var(--rosatxt)}
.fsp4 .f4-pb h3{font-size:23px;line-height:1.2}
.fsp4 .f4-pb time{margin-top:auto;font-size:15px;color:var(--mid)}

/* PODCAST */
.fsp4 .f4-pod{padding:84px 0;background:linear-gradient(180deg,#F8F3FD,var(--lav))}
.fsp4 .f4-pod-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}
.fsp4 .f4-mic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ciruela);color:#fff;margin-bottom:22px}
.fsp4 .f4-mic .i{width:30px;height:30px}
.fsp4 .f4-pod-t .more{margin-top:18px}
.fsp4 .f4-pod-c{background:#fff;border-radius:22px;padding:28px;border:1px solid var(--linea);box-shadow:0 18px 44px rgba(63,29,117,.08)}
.fsp4 .f4-pod-top{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center}
.fsp4 .cov{display:block;width:120px;height:120px;border-radius:14px;object-fit:cover;background:var(--lav)}
.fsp4 .cov.ph{display:grid;place-items:center;color:var(--lila)}
.fsp4 .f4-pod-c h3{font-size:26px;margin:10px 0 6px}
.fsp4 .f4-pod-c h3 a:hover{color:var(--lila)}
.fsp4 .quien{font-size:15px;color:var(--mid)}
.fsp4 .motivo{margin-top:18px;color:var(--texto)}
.fsp4 .f4-player{margin-top:20px;padding-top:20px;border-top:1px solid var(--linea)}
.fsp4 .f4-play{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px 0 18px;border:0;border-radius:999px;background:var(--ciruela);color:#fff;font:600 16px 'DM Sans',sans-serif;cursor:pointer}
.fsp4 .f4-play:hover{background:var(--lila)}
.fsp4 .aviso{font-size:14px;color:var(--mid);margin-top:10px}
.fsp4 .aviso a{text-decoration:underline;color:var(--ciruela)}
.fsp4 .f4-player iframe{display:block;width:100%;height:152px;border:0;border-radius:12px}

/* FORMACIÓN */
.fsp4 .f4-form{padding:84px 0;background:#fff}
.fsp4 .f4-fcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.fsp4 .f4-fcards a{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);height:100%;border-radius:20px;overflow:hidden;background:var(--lav);transition:transform .2s,box-shadow .2s}
.fsp4 .f4-fcards a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(63,29,117,.10)}
.fsp4 .f4-fimg{position:relative;min-height:240px}
.fsp4 .f4-fimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fsp4 .f4-fimg .tag{position:absolute;left:14px;top:14px}
.fsp4 .f4-fb{display:flex;flex-direction:column;gap:10px;padding:24px 26px}
.fsp4 .f4-fb h3{font-size:24px;line-height:1.15}
.fsp4 .f4-fb p{font-size:16px;color:var(--mid)}
.fsp4 .f4-fb .meta{color:var(--ciruela);font-weight:600}
.fsp4 .f4-fb .org{font-size:14px}

/* CTA */
.fsp4 .f4-cta{background:var(--ciruela);color:#fff;padding:64px 0;overflow:hidden}
.fsp4 .f4-cta::after{content:'';position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;border:48px solid rgba(255,255,255,.05);pointer-events:none}
.fsp4 .f4-cta-g{display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap}
.fsp4 .f4-cta h2{color:#fff;font-size:clamp(30px,3.4vw,44px)}
.fsp4 .f4-cta p{color:#E4D6F7;font-size:18px;margin-top:8px}

/* TABLET */
@media (max-width:1100px){
  .fsp4 .f4-card{flex-basis:calc((100% - 40px)/3)}
  .fsp4 .f4-cifras li{padding:22px 16px}
}
@media (max-width:900px){
  .fsp4 .wrap{padding:0 20px}
  .fsp4 .f4-hero{padding-top:40px}
  .fsp4 .f4-hero-g,.fsp4 .f4-mapa-g,.fsp4 .f4-pod-g{grid-template-columns:1fr;gap:32px}
  .fsp4 .f4-hero-t{padding-bottom:0}
  .fsp4 .f4-hero-f{max-width:460px;margin:0 auto;width:100%}
  .fsp4 .f4-hero-f img{max-height:none;aspect-ratio:1/1}
  .fsp4 .f4-cifras ul{grid-template-columns:1fr 1fr}
  .fsp4 .f4-cifras li:nth-child(3){border-left:0}
  .fsp4 .f4-cifras li:nth-child(n+3){border-top:1px solid var(--linea)}
  .fsp4 .f4-posts{grid-template-columns:1fr}
  .fsp4 .f4-posts a{display:grid;grid-template-columns:132px 1fr}
  .fsp4 .f4-pimg{aspect-ratio:auto;height:100%}
  .fsp4 .f4-pb{padding:16px 18px}
  .fsp4 .f4-pb h3{font-size:19px}
  .fsp4 .f4-mapa-f{order:-1}
}
/* MÓVIL */
@media (max-width:640px){
  .fsp4{font-size:17px}
  .fsp4 .f4-hero h1{font-size:44px}
  .fsp4 .f4-hero .lead{font-size:17px;margin-bottom:24px}
  .fsp4 .f4-search{flex-direction:column;align-items:stretch;border-radius:22px;padding:8px}
  .fsp4 .f4-f+.f4-f{border-left:0;border-top:1px solid var(--linea)}
  .fsp4 .fsp-s-btn{justify-content:center;margin-top:6px}
  .fsp4 .f4-cifras li{grid-template-columns:1fr;grid-template-rows:auto;row-gap:6px;padding:18px 14px}
  .fsp4 .f4-cifras .i{grid-row:auto;width:40px;height:40px;padding:9px}
  .fsp4 .f4-cifras b{font-size:30px}
  .fsp4 .f4-cl,.fsp4 .f4-mapa,.fsp4 .f4-blog,.fsp4 .f4-pod,.fsp4 .f4-form{padding:56px 0}
  .fsp4 .f4-head{margin-bottom:24px}
  .fsp4 .f4-card{flex-basis:78%;min-width:0}
  .fsp4 .f4-track{gap:14px;margin:0 -20px;padding:4px 20px 16px;scroll-padding:0 20px}
  .fsp4 .osm{order:3;width:100%}
  .fsp4 .f4-nota{width:150px;right:0;top:-26px}
  .fsp4 .f4-posts a{grid-template-columns:112px 1fr}
  .fsp4 .f4-pod-c{padding:20px}
  .fsp4 .f4-pod-top{grid-template-columns:84px 1fr;gap:16px}
  .fsp4 .cov{width:84px;height:84px}
  .fsp4 .f4-pod-c h3{font-size:22px}
  .fsp4 .f4-fcards{grid-template-columns:1fr}
  .fsp4 .f4-fcards a{grid-template-columns:1fr}
  .fsp4 .f4-fimg{min-height:0;aspect-ratio:16/9}
  .fsp4 .f4-cta .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.fsp4 *{transition:none!important;scroll-behavior:auto!important}}