/* ════════════════════════════════════════════════════════════════
   TESTIMONIOS — opiniones de Google + videos de pacientes
   Va entre "Tu primera consulta" y el CTA del doctor. Sube sobre la
   pausa final de la primera consulta (como hacía el CTA) y el CTA ya
   no se monta encima de esta sección.
   ════════════════════════════════════════════════════════════════ */
.testimonios{position:relative;z-index:2;margin-top:-100vh;border-radius:48px 48px 0 0;overflow:hidden;color:#fff;
  box-shadow:0 -24px 60px rgba(0,20,40,.28);
  background:radial-gradient(55% 40% at 88% 4%,rgba(255,183,0,.12),rgba(255,183,0,0) 62%),
             radial-gradient(60% 45% at 4% 60%,rgba(70,198,220,.14),rgba(70,198,220,0) 64%),
             linear-gradient(170deg,#103352 0%,#0A2238 48%,#081B2E 100%);
  padding-block:clamp(84px,9vw,150px) clamp(70px,8vw,130px)}
.testimonios::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:80px 80px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.testimonios ~ .cta-seq{margin-top:0}
.t-in{position:relative;width:100%;max-width:1560px;margin:0 auto;padding-inline:max(16px,min(4vw,72px))}
.t-ey{font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6);display:inline-flex;align-items:center;gap:12px}
.t-ey::before{content:"";width:28px;height:1px;background:var(--amarillo)}
.t-h2{margin:14px 0 0;font-size:clamp(40px,5vw,92px);font-weight:700;letter-spacing:-.045em;line-height:.95;text-wrap:balance}
.t-h2 em{font-style:normal;color:var(--amarillo)}
.t-lead{margin:16px 0 0;max-width:46ch;font-size:clamp(15px,1.15vw,19px);font-weight:300;line-height:1.55;color:rgba(255,255,255,.74)}

/* Cabecera de opiniones */
.t-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px 40px;flex-wrap:wrap}
.t-nota{display:flex;align-items:center;gap:18px;padding:16px 22px 16px 16px;border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.t-g{flex:none;width:52px;height:52px;border-radius:16px;background:#fff;display:grid;place-items:center}
.t-g svg{width:28px;height:28px}
.t-num{font-size:clamp(36px,3vw,48px);font-weight:700;line-height:1;letter-spacing:-.03em}
.t-nota-txt{display:flex;flex-direction:column;gap:4px}
.t-nota-txt small{font-size:13px;color:rgba(255,255,255,.7)}
.t-stars{display:inline-flex;gap:2px;color:var(--amarillo)}
.t-stars svg{width:16px;height:16px}
.t-nota-btns{display:flex;flex-direction:column;gap:8px;margin-left:6px}
.t-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#fff;white-space:nowrap}
.t-link svg{width:14px;height:14px;transition:transform .3s var(--ease)}
.t-link:hover svg{transform:translateX(3px)}
.t-link.suave{color:rgba(255,255,255,.62)}

/* Carril de opiniones */
.t-rail-wrap{position:relative;margin-top:clamp(34px,3.6vw,60px)}
.t-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(280px,30vw,440px);gap:clamp(14px,1.4vw,24px);
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.t-rail::-webkit-scrollbar{display:none}
.t-card{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:18px;padding:26px 26px 22px;border-radius:28px;min-height:300px;
  background:linear-gradient(170deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.035) 100%);border:1px solid rgba(255,255,255,.14);
  transition:transform .5s var(--ease),border-color .4s,background .4s}
.t-card:hover{transform:translateY(-4px);border-color:rgba(255,183,0,.5);background:linear-gradient(170deg,rgba(255,183,0,.12),rgba(255,255,255,.04))}
.t-card .t-q{position:absolute;right:22px;top:6px;font-family:var(--f-serif);font-size:110px;line-height:1;color:rgba(255,183,0,.22);pointer-events:none}
.t-card p{margin:0;font-size:clamp(16px,1.15vw,19px);line-height:1.55;color:rgba(255,255,255,.94);flex:1}
.t-quien{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.t-av{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:16px;color:#0F1824;background:var(--c,#FFB700)}
.t-quien b{display:block;font-weight:600;font-size:15px}
.t-quien span{font-size:12.5px;color:rgba(255,255,255,.6)}
.t-quien .t-gmini{margin-left:auto;width:22px;height:22px;opacity:.9}
.t-ctrl{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}
.t-flechas{display:flex;gap:10px}
.t-flecha{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;transition:background .3s,color .3s,border-color .3s,opacity .3s}
.t-flecha:hover{background:#fff;color:var(--azul-marca);border-color:#fff}
.t-flecha[disabled]{opacity:.3;pointer-events:none}
.t-flecha svg{width:20px;height:20px}
.t-aviso{font-size:12px;color:rgba(255,255,255,.5);max-width:60ch}

/* Videos de pacientes */
.t-videos[hidden]{display:none}
.t-videos{margin-top:clamp(80px,8vw,140px);padding-top:clamp(50px,5vw,80px);border-top:1px solid rgba(255,255,255,.1)}
.t-vgrid{margin-top:clamp(30px,3vw,52px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.t-video{position:relative;aspect-ratio:9/16;border-radius:26px;overflow:hidden;isolation:isolate;text-align:left;color:#fff;
  background:var(--bg);border:1px solid rgba(255,255,255,.12);transition:transform .5s var(--ease),box-shadow .5s}
.t-video:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.t-video img,.t-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.t-video::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,14,26,.9) 0%,rgba(4,14,26,.25) 42%,rgba(4,14,26,0) 70%)}
.t-video .t-vtag{position:absolute;z-index:2;left:16px;top:16px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:rgba(6,20,34,.55);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.t-video .t-play{position:absolute;z-index:2;left:50%;top:44%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:var(--amarillo);color:#0F1824;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(255,183,0,.18);transition:transform .4s var(--ease)}
.t-video:hover .t-play{transform:translate(-50%,-50%) scale(1.08)}
.t-video .t-play svg{width:24px;height:24px;margin-left:3px}
.t-video .t-vtxt{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}
.t-video .t-vtxt b{display:block;font-size:clamp(17px,1.3vw,22px);font-weight:600;line-height:1.2}
.t-video .t-vtxt span{display:block;margin-top:6px;font-size:13px;color:rgba(255,255,255,.72)}
.t-video.is-pronto .t-play{background:rgba(255,255,255,.14);color:#fff;box-shadow:none;border:1px dashed rgba(255,255,255,.45)}
.t-video.is-pronto{cursor:default}
.t-video.is-pronto:hover{transform:none;box-shadow:none}
.t-video .t-mot{position:absolute;inset:0;opacity:.35}
.t-vpie{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin-top:22px}
.t-vpie p{margin:0;font-size:12.5px;color:rgba(255,255,255,.55);max-width:62ch}

/* Reproductor */
.t-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(3,10,18,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  padding:max(20px,env(safe-area-inset-top,0px)) 16px;opacity:0;pointer-events:none;transition:opacity .35s}
.t-modal.is-open{opacity:1;pointer-events:auto}
.t-modal video{max-height:84vh;max-width:min(92vw,480px);aspect-ratio:9/16;border-radius:22px;background:#000}
.t-cerrar{position:absolute;right:max(18px,env(safe-area-inset-right,0px));top:max(18px,env(safe-area-inset-top,0px));width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1}

@media (max-width:1100px){.t-vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:819px){
  .testimonios{border-radius:32px 32px 0 0}
  .t-nota{width:100%}
  .t-rail{grid-auto-columns:86%}
  .t-flechas{display:none}
  .t-vgrid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
  .t-vgrid::-webkit-scrollbar{display:none}
  .t-video{scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){.t-card,.t-video,.t-play{transition:none}}
/* El botón azul del tema claro no se ve sobre este fondo: versión clara */
.testimonios .pill-flecha{background:rgba(255,255,255,.16);color:#fff}
.testimonios .pill-flecha:hover{color:var(--tinta)}