/* ═══ DIGITEAM ═══════════════════════════════════════════════════════════════
   Página del equipo. Estructura tomada de la referencia de Cristina: nombre
   gigante en el hero, franja de áreas y rejilla de personas. */

.diginova-digiteam main{margin-left:var(--sidebar-w);min-width:0}
.diginova-digiteam .section{padding:96px clamp(24px,5vw,80px)}

/* ── Hero ── */
.dt-hero{background:var(--ink);color:#fff;min-height:82vh;display:flex;
  flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.dt-titulo{display:flex;flex-wrap:wrap;margin:14px 0 0;line-height:.86;
  font-size:clamp(56px,13.5vw,190px);font-weight:600;letter-spacing:-.045em}
.dt-titulo span{display:inline-block;opacity:0;transform:translateY(38%);
  animation:dtSube .78s cubic-bezier(.16,1,.3,1) forwards}
.dt-titulo span:nth-child(1){animation-delay:.05s}
.dt-titulo span:nth-child(2){animation-delay:.10s}
.dt-titulo span:nth-child(3){animation-delay:.15s}
.dt-titulo span:nth-child(4){animation-delay:.20s}
.dt-titulo span:nth-child(5){animation-delay:.25s;color:var(--cyan)}
.dt-titulo span:nth-child(6){animation-delay:.30s;color:var(--cyan)}
.dt-titulo span:nth-child(7){animation-delay:.35s;color:var(--cyan)}
.dt-titulo span:nth-child(8){animation-delay:.40s;color:var(--cyan)}
@keyframes dtSube{to{opacity:1;transform:translateY(0)}}

.dt-lead{max-width:52ch;margin:30px 0 0;font-size:clamp(16px,1.75vw,20px);
  line-height:1.6;color:rgba(255,255,255,.78)}
.dt-cifras{display:flex;flex-wrap:wrap;gap:clamp(28px,5vw,64px);margin-top:52px;
  padding-top:30px;border-top:1px solid rgba(255,255,255,.16)}
.dt-cifras div{display:flex;flex-direction:column;gap:3px}
.dt-cifras b{font-size:clamp(30px,3.6vw,46px);font-weight:600;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;line-height:1}
.dt-cifras span{font-size:12.5px;color:rgba(255,255,255,.6);letter-spacing:.04em}

/* ── Encabezados de sección ── */
.dt-cab{max-width:62ch;margin-bottom:44px}
.dt-cab h2{font-size:clamp(27px,3.4vw,42px);line-height:1.12;margin:12px 0 0;
  font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.dt-sub{margin:14px 0 0;color:var(--ink-dim);font-size:15px}

/* ── Áreas ── */
.dt-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:1px;
  background:var(--linea,#E4E7EA);border:1px solid var(--linea,#E4E7EA)}
.dt-area-card{background:var(--paper);padding:30px 26px 34px;display:flex;
  flex-direction:column;gap:9px;transition:background .3s ease}
.dt-area-card:hover{background:#F6FBFD}
.dt-cuenta{font-size:12px;font-weight:600;color:var(--cyan);letter-spacing:.1em}
.dt-area-card h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em}
.dt-area-card p{margin:0;font-size:14.5px;color:var(--ink-dim);line-height:1.55}

/* ── El equipo ── */
.dt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));
  gap:clamp(18px,2.4vw,30px)}
.dt-persona{background:var(--paper);border:1px solid var(--linea,#E4E7EA);
  border-radius:18px;overflow:hidden;display:flex;flex-direction:column;
  transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,border-color .32s ease;
  cursor:default}
.dt-persona:hover,.dt-persona:focus-visible{transform:translateY(-6px);
  border-color:rgba(0,204,255,.42);box-shadow:0 18px 44px rgba(20,22,61,.13);outline:none}

.dt-retrato{position:relative;aspect-ratio:4/3;display:flex;align-items:center;
  justify-content:center;background:linear-gradient(140deg,#14163D 0%,#1F4E63 55%,#00A8CC 100%)}
.dt-ini{font-size:clamp(38px,4.6vw,58px);font-weight:600;color:#fff;letter-spacing:.02em;
  opacity:.94;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.dt-persona:hover .dt-ini{transform:scale(1.07)}
.dt-n{position:absolute;top:14px;right:16px;font-size:11.5px;font-weight:600;
  color:rgba(255,255,255,.6);letter-spacing:.08em;font-variant-numeric:tabular-nums}

.dt-datos{padding:22px 24px 26px;display:flex;flex-direction:column;gap:7px;flex:1}
.dt-area{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--cyan-ink,#00708C)}
.dt-persona h3{margin:2px 0 0;font-size:20px;font-weight:600;letter-spacing:-.015em}
.dt-cargo{margin:0;font-size:14.5px;color:var(--ink-soft);font-weight:500}
.dt-hace{margin:8px 0 0;font-size:14px;color:var(--ink-dim);line-height:1.55}
/* La biografía se guarda hasta que la tarjeta recibe atención. */
.dt-bio{margin:0;font-size:14px;line-height:1.6;color:var(--ink-dim);
  max-height:0;opacity:0;overflow:hidden;
  transition:max-height .42s cubic-bezier(.16,1,.3,1),opacity .32s ease,margin .42s ease}
.dt-persona:hover .dt-bio,.dt-persona:focus-visible .dt-bio,.dt-persona.abierta .dt-bio{
  max-height:220px;opacity:1;margin-top:12px}

/* ── Experiencia ── */
.dt-exp{background:var(--ink);color:#fff}
.dt-exp-in{max-width:70ch}
.dt-exp h2{font-size:clamp(26px,3.2vw,40px);line-height:1.14;margin:12px 0 22px;
  font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.dt-exp p{margin:0 0 16px;color:rgba(255,255,255,.76);font-size:16.5px;line-height:1.68}
.dt-exp .btn{margin-top:14px}

/* ── Cierre ── */
.dt-cierre{text-align:center;background:#F6FBFD}
.dt-cierre h2{font-size:clamp(26px,3.2vw,40px);margin:0 0 12px;font-weight:600;letter-spacing:-.02em}
.dt-cierre p{margin:0 0 28px;color:var(--ink-dim);font-size:16.5px}

/* ── Aparición al entrar en pantalla ── */
.has-anim .anim{opacity:0;transform:translateY(20px)}
.anim.dentro{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}

@media(max-width:820px){
  .diginova-digiteam main{margin-left:0}
  .diginova-digiteam .section{padding:64px 22px}
  .dt-hero{min-height:auto;padding-top:88px}
  .dt-cifras{gap:24px}
}
@media(prefers-reduced-motion:reduce){
  .dt-titulo span{animation:none;opacity:1;transform:none}
  .dt-persona,.dt-bio,.dt-ini{transition:none}
  .has-anim .anim{opacity:1;transform:none}
}
/* La barra va sólida en esta página: aquí no hay efecto detrás que dejar ver,
   y el cristal dejaba pasar el blanco de la sección siguiente. */
.diginova-digiteam .sidebar{background:var(--ink) !important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-right:1px solid rgba(255,255,255,.08)}
.diginova-digiteam .sidebar::before{display:none}