/* ════════════════════════════════════════════════════════
 * Aiden Startup · Trust components
 * Testimonios · stats hero · trust badges
 * Design system tokens: var(--t500) verde · var(--pu600) púrpura
 * ════════════════════════════════════════════════════════ */

/* ─── Section base ─── */
.ts-section{
  padding:96px 0 120px;
  background:linear-gradient(180deg,var(--n0),var(--n50));
  position:relative;
  overflow:hidden;
}
.ts-section::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse 600px 400px at 15% 10%,rgba(19,150,126,.05),transparent 60%),
    radial-gradient(ellipse 500px 350px at 85% 90%,rgba(87,74,135,.04),transparent 60%);
  pointer-events:none;
}
.ts-section > .aiden-w{position:relative;z-index:1}

/* ─── Stats row ─── */
.ts-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;
  margin:0 auto 80px;
  max-width:980px;
  background:var(--n0);
  border:1px solid var(--n100);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-md);
  overflow:hidden;
}
.ts-stat{
  padding:28px 24px;text-align:center;
  border-right:1px solid var(--n75);
  position:relative;
}
.ts-stat:last-child{border-right:none}
.ts-stat-num{
  font-family:var(--fd);font-weight:800;
  font-size:clamp(28px,3.4vw,40px);
  line-height:1;letter-spacing:-.025em;
  background:linear-gradient(135deg,var(--t600),var(--t500));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:8px;
}
.ts-stat-num span{
  font-size:.5em;color:var(--n300);
  -webkit-text-fill-color:var(--n300);
  font-weight:700;margin-left:1px;
}
.ts-stat-l{
  font-family:var(--fb);font-size:13px;font-weight:500;
  color:var(--n400);line-height:1.3;
}

/* ─── Header ─── */
.ts-head{margin-bottom:56px}
.ts-head .aiden-title em{
  font-style:normal;
  background:linear-gradient(135deg,var(--t600),var(--t500));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ─── Grid de cards ─── */
.ts-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:20px;
}
@media(min-width:1100px){
  .ts-grid--grid{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:768px) and (max-width:1099px){
  .ts-grid--grid{grid-template-columns:repeat(2,1fr)}
}

.ts-card{
  background:var(--n0);
  border:1px solid var(--n100);
  border-radius:var(--r-md);
  padding:24px 24px 20px;
  display:flex;flex-direction:column;gap:16px;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s;
  position:relative;
  overflow:hidden;
}
.ts-card::before{
  content:"";position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--t500),var(--t400));
  transform:scaleX(0);transform-origin:left;
  transition:transform .35s var(--ease);
}
.ts-card:hover{
  transform:translateY(-4px);
  border-color:var(--t300);
  box-shadow:var(--sh-lg);
}
.ts-card:hover::before{transform:scaleX(1)}

/* Card destacada (featured) ocupa 2 columnas en grid grande */
.ts-card--feat{
  background:linear-gradient(135deg,var(--n0),#FAFCFB);
  border-color:var(--t200);
}
.ts-card--feat::before{transform:scaleX(1)}
@media(min-width:1100px){
  .ts-grid--grid .ts-card--feat:nth-of-type(1),
  .ts-grid--grid .ts-card--feat:nth-of-type(2){
    grid-column:span 2;
  }
}
.ts-card--feat .ts-quote{font-size:18px;line-height:1.5}

.ts-card-head{
  display:flex;align-items:center;gap:12px;
}
.ts-avatar{
  width:48px;height:48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  font-family:var(--fd);font-weight:700;font-size:15px;color:#fff;
  letter-spacing:-.01em;
}
.ts-avatar--img{padding:0;overflow:hidden}
.ts-avatar--img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.ts-avatar--teal  {background:linear-gradient(135deg,var(--t600),var(--t500))}
.ts-avatar--purple{background:linear-gradient(135deg,#574A87,#7B6FA8)}
.ts-avatar--blue  {background:linear-gradient(135deg,var(--bl600),var(--bl500))}
.ts-avatar--green {background:linear-gradient(135deg,var(--gn600),var(--gn500))}
.ts-avatar--orange{background:linear-gradient(135deg,var(--or600),var(--or500))}
.ts-avatar--rose  {background:linear-gradient(135deg,var(--ro600),var(--ro500))}

.ts-card-id{flex:1;min-width:0}
.ts-name{
  font-family:var(--fd);font-weight:700;font-size:14.5px;
  color:var(--n950);letter-spacing:-.005em;
  display:flex;align-items:center;gap:6px;line-height:1.2;
}
.ts-flag{font-size:13px;line-height:1}
.ts-role{
  font-size:12.5px;color:var(--n400);
  margin-top:2px;line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.ts-video-btn{
  width:32px;height:32px;border-radius:50%;
  background:var(--n900);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:transform .2s var(--ease),background .2s;
}
.ts-video-btn:hover{
  background:var(--t500);
  transform:scale(1.08);
}
.ts-video-btn svg{margin-left:1px}

.ts-quote{
  font-family:var(--fb);font-size:15px;line-height:1.55;
  color:var(--n800);
  font-weight:400;letter-spacing:-.005em;
  position:relative;
  flex:1;
}
.ts-quote::before{
  content:"\201C";
  font-family:Georgia,serif;
  font-size:48px;font-weight:700;
  color:var(--t100);
  position:absolute;top:-18px;left:-6px;line-height:1;
  z-index:0;
  pointer-events:none;
}
.ts-card--feat .ts-quote::before{color:var(--t200);font-size:64px}

/* Métrica destacada */
.ts-metric{
  display:flex;align-items:baseline;gap:10px;
  padding:12px 14px;
  background:var(--t50);
  border:1px solid var(--t100);
  border-radius:var(--r-sm);
}
.ts-metric-v{
  font-family:var(--fd);font-weight:800;font-size:22px;
  color:var(--t600);letter-spacing:-.02em;line-height:1;
}
.ts-metric-l{
  font-size:11.5px;font-weight:600;
  color:var(--n500);letter-spacing:.01em;
  line-height:1.3;
}

/* Footer card */
.ts-card-foot{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  padding-top:14px;
  border-top:1px solid var(--n75);
  margin-top:auto;
}
.ts-tag{
  display:inline-flex;align-items:center;
  padding:3px 9px;border-radius:var(--r-pill);
  font-family:var(--fb);font-size:10.5px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;
}
.ts-tag--standard{background:var(--n75);color:var(--n600)}
.ts-tag--pro{background:linear-gradient(135deg,var(--pu600),#7B6FA8);color:#fff}
.ts-tag--juris{background:var(--bl50);color:var(--bl600)}
.ts-tenure{
  font-size:11px;color:var(--n300);
  font-weight:500;margin-left:auto;
}

/* CTA final */
.ts-cta{
  display:flex;flex-direction:column;align-items:center;gap:14px;
  margin-top:64px;
}
.ts-cta .b{font-size:15px;padding:14px 28px}
.ts-cta-trust{
  font-size:13px;color:var(--n400);font-weight:500;
}

/* ─── Layout marquee (rotación horizontal) ─── */
.ts-grid--marquee{
  display:flex;gap:18px;
  overflow:hidden;
  position:relative;
  /* mask para fade en bordes */
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.ts-grid--marquee .ts-card{
  flex:0 0 360px;
  animation:ts-scroll 60s linear infinite;
}
.ts-grid--marquee:hover .ts-card{animation-play-state:paused}
@keyframes ts-scroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-360px * 4 - 18px * 4))}
}

/* ─── Responsive ─── */
@media(max-width:768px){
  .ts-section{padding:64px 0 80px}
  .ts-stats{
    grid-template-columns:repeat(2,1fr);
    margin-bottom:48px;
  }
  .ts-stat{
    border-right:none;
    border-bottom:1px solid var(--n75);
    padding:20px 16px;
  }
  .ts-stat:nth-child(odd){border-right:1px solid var(--n75)}
  .ts-stat:nth-last-child(-n+2){border-bottom:none}
  .ts-stat-num{font-size:26px}
  .ts-stat-l{font-size:12px}
  .ts-grid{grid-template-columns:1fr;gap:14px}
  .ts-card{padding:20px}
  .ts-card--feat{grid-column:auto !important}
  .ts-card--feat .ts-quote{font-size:15.5px}
  .ts-tenure{margin-left:0;width:100%;margin-top:4px}
}

/* ════════════════════════════════════════════════════════
 * Trust badges row · seguridad / compliance
 * ════════════════════════════════════════════════════════ */
.tb-row{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:14px 24px;
  padding:36px 24px;
  background:var(--n0);
  border-top:1px solid var(--n75);
  border-bottom:1px solid var(--n75);
}
.tb-row--alt{background:var(--n25)}

.tb-item{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 14px;border-radius:var(--r-pill);
  background:var(--n0);
  border:1px solid var(--n100);
  font-family:var(--fb);font-size:12.5px;font-weight:600;
  color:var(--n600);letter-spacing:-.005em;
  transition:border-color .2s,background .2s;
}
.tb-item:hover{border-color:var(--t300);background:var(--t50);color:var(--t700)}
.tb-item svg{
  width:14px;height:14px;color:var(--t500);flex-shrink:0;
}
.tb-item-strong{
  font-family:var(--fd);font-weight:700;color:var(--n900);
}

/* ════════════════════════════════════════════════════════
 * Stats hero · "+5.000 founders" como banner
 * ════════════════════════════════════════════════════════ */
.sh-stats{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:8px 16px;
  padding:14px 18px;
  background:rgba(19,150,126,.06);
  border:1px solid rgba(19,150,126,.12);
  border-radius:var(--r-pill);
  font-family:var(--fb);font-size:13.5px;
  color:var(--n700);
  margin:0 auto 24px;
  width:fit-content;max-width:100%;
}
.sh-stats-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--t500);
  animation:sh-pulse 2s infinite;
  flex-shrink:0;
}
@keyframes sh-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.4;transform:scale(.7)}
}
.sh-stats-num{
  font-family:var(--fd);font-weight:700;color:var(--t700);
}
.sh-stats-divider{color:var(--n200);margin:0 4px}

@media(max-width:560px){
  .sh-stats{font-size:12.5px;padding:10px 14px}
  .sh-stats-divider{display:none}
}