/* La colchoneta de goma: el lienzo, la palabra hundida y el botón con las profes */
.palabra-v{position:relative;margin:0;width:100vw;margin-left:calc(50% - 50vw)}
.palabra-v .texto{display:block;text-align:center;font-family:"Fraunces",serif;font-weight:900;font-size:clamp(80px,19vw,300px);line-height:1}
.palabra-v.con-vidrio .texto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bajada-v{margin-top:14px;text-align:center;font-size:clamp(18px,2.2vw,24px);font-weight:500;color:var(--text-soft);transition:color 1.4s}
/* Pilates: tipográfico, con las profes. Al pasar, la letra toma aire (gana peso de a poco) */
.cta-pil{display:flex;flex-direction:column;align-items:center;margin-top:clamp(34px,5vw,56px)}
.cta-pil a{display:inline-flex;align-items:center;gap:clamp(14px,1.6vw,22px);color:var(--text);text-decoration:none;transition:color 1.4s}
.cta-pil .caras{display:flex;flex:none}
.cta-pil .caras img{width:clamp(40px,3.6vw,50px);aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--bg);transition:margin 1.1s cubic-bezier(.3,.9,.3,1),box-shadow 1.6s}
.cta-pil .caras img+img{margin-left:-14px}
.cta-pil .txt{font-family:"Fraunces",serif;font-style:italic;font-weight:340;font-size:clamp(30px,4.2vw,58px);line-height:1.05;letter-spacing:-.01em;
  font-variation-settings:"opsz" 144;transition:font-weight 1.4s cubic-bezier(.3,.9,.3,1),letter-spacing 1.4s cubic-bezier(.3,.9,.3,1)}
.cta-pil svg{flex:none;width:clamp(36px,4vw,56px);overflow:visible}
.cta-pil svg path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform 1.1s cubic-bezier(.3,.9,.3,1)}
.cta-pil .fila{position:relative;display:inline-flex;align-items:center;gap:clamp(14px,1.6vw,22px);padding:6px 2px 16px}
.cta-pil .fila::before,.cta-pil .fila::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor}
.cta-pil .fila::before{opacity:.22}
.cta-pil .fila::after{transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.3,.9,.3,1)}
.cta-pil a:is(:hover,:focus-visible,.activa) .txt{font-weight:560;letter-spacing:-.025em}
.cta-pil a:is(:hover,:focus-visible,.activa) .fila::after{transform:none}
.cta-pil a:is(:hover,:focus-visible,.activa) .caras img+img{margin-left:6px}
.cta-pil a:is(:hover,:focus-visible,.activa) svg path{transform:translateX(8px)}
.cta-pil a:focus-visible{outline:none}
.cta-pil p{margin-top:14px;font-size:14px;letter-spacing:.02em;color:var(--text-soft);transition:color 1.4s}
@media (max-width:640px){
  .cta-pil a{flex-direction:column;gap:12px}
}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.portada{position:relative;z-index:1;isolation:isolate;box-shadow:0 12px 20px -10px rgba(50,18,18,.55);width:100%;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:76px 0 32px}
.mat{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.palabra-v .hueco{display:block}
@media (min-width:701px){.portada .palabra-v{width:80vw;margin-left:auto;margin-right:auto}}
.portada .bajada-v,.portada .cta-pil p{color:#2A1A18}
.portada .cta-pil a{color:#2A1A18}
.portada[data-color="naranja"] .bajada-v,.portada[data-color="fucsia"] .bajada-v{color:#1E0F10}
.portada[data-color="fucsia"] .cta-pil a,.portada[data-color="fucsia"] .cta-pil p{color:#140709}
.puntos{position:fixed;left:14px;bottom:14px;z-index:90;display:flex;gap:8px;padding:8px;border-radius:999px;background:rgba(28,22,20,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.punto{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.35);cursor:pointer}
.punto[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
:root{--bajo-barra:0px}
@media (max-width:700px){
  :root{--bajo-barra:120px}
  .portada{min-height:calc(100lvh + var(--bajo-barra));padding-top:calc(76px + var(--bajo-barra));padding-bottom:calc(32px + 100lvh - 100svh)}
  body{transition:background-color .4s ease}
  /* el fondo de la página toma el color de la colchoneta: lo que sigue abajo conserva el suyo */
}