:root{
  --v3-ink:#14252e;
  --v3-panel:#20323b;
  --v3-green:#bfd0b9;
  --v3-green-strong:#93a88d;
  --v3-white:#f8f7f2;
  --v3-line:rgba(255,255,255,.13);
  --v3-soft:rgba(255,255,255,.08);
}

/* TRANSPARENCIA + EQUIPO: eliminar cajas detrás del texto */
.transparency-copy,
.team-copy{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
  position:relative;
  z-index:4;
}

.transparency-copy .section-title,
.team-copy .section-title,
.transparency-copy .lead,
.team-copy .lead{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  border:none !important;
}

.transparency-copy .section-title>span,
.team-copy .section-title>span,
.transparency-copy .lead,
.team-copy .lead{
  background:transparent !important;
}

/* mejorar contraste y lectura */
.transparency-copy .section-title,
.team-copy .section-title{
  color:#fff;
  text-shadow:0 2px 28px rgba(0,0,0,.16);
  max-width:10.5ch;
}

.transparency-copy .section-title .serif,
.team-copy .section-title .serif{
  color:#c8d7c3;
}

.transparency-copy .lead,
.team-copy .lead{
  color:rgba(255,255,255,.90) !important;
  max-width:42ch;
  text-shadow:0 1px 18px rgba(0,0,0,.12);
}

.team-copy{
  padding-right:clamp(8px,2vw,32px) !important;
}

.team-shade{
  background:
    linear-gradient(90deg,rgba(12,24,31,.96) 0%,rgba(12,24,31,.88) 42%,rgba(12,24,31,.46) 100%),
    linear-gradient(180deg,rgba(9,18,24,.10),rgba(9,18,24,.34));
}

/* INFOGRAFÍA TRANSPARENCIA V3 */
.dashboard-big{
  border:none !important;
  background:
    radial-gradient(circle at 18% 18%,rgba(197,212,184,.10),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.05),transparent 22%),
    linear-gradient(145deg,#1f3038 0%,#243740 58%,#2b3c44 100%) !important;
  border-radius:34px 88px 34px 88px;
  box-shadow:0 32px 90px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.08);
  overflow:hidden;
  isolation:isolate;
}

.dashboard-big::before{
  content:"";
  position:absolute;
  width:38%;
  aspect-ratio:1;
  left:-10%;
  top:-18%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(197,212,184,.16),rgba(197,212,184,0) 68%);
  filter:blur(4px);
  animation:dashOrb 9s ease-in-out infinite alternate;
  pointer-events:none;
}

.dashboard-big::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 88%);
  pointer-events:none;
  z-index:0;
}

.dashboard-big>*{
  position:relative;
  z-index:2;
}

.dash-top{
  font-size:10px;
  letter-spacing:.18em;
  color:rgba(255,255,255,.68);
}

.dash-top b{
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
}

.dash-top i{
  width:8px;
  height:8px;
  background:var(--v3-green);
  box-shadow:0 0 0 8px rgba(191,208,185,.08);
  animation:statusPulse 2.4s ease-in-out infinite;
}

.dash-number{
  left:clamp(24px,3vw,42px);
  top:21%;
  z-index:4;
}

.dash-number small{
  top:-24px;
  font-size:10px;
  letter-spacing:.20em;
  color:rgba(255,255,255,.68);
}

.dash-number strong{
  font-family:var(--display);
  font-weight:700;
  font-size:clamp(120px,14vw,210px);
  line-height:.72;
  letter-spacing:-.08em;
  color:#fff;
  text-shadow:0 18px 60px rgba(0,0,0,.14);
}

.dash-number em{
  font-family:var(--display);
  font-size:clamp(28px,3vw,44px);
  margin-left:8px;
  color:rgba(255,255,255,.9);
}

.dash-trend{
  position:absolute;
  right:24px;
  top:14%;
  width:44%;
  height:34%;
  overflow:visible;
  z-index:2;
  opacity:.96;
}

.trend-grid{
  fill:none;
  stroke:rgba(255,255,255,.07);
  stroke-width:1;
}

.trend-line{
  fill:none;
  stroke:#c6d7c0;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:700;
  stroke-dashoffset:700;
  filter:drop-shadow(0 0 12px rgba(198,215,192,.18));
  animation:drawTrend 3.2s cubic-bezier(.22,1,.36,1) forwards, trendBreath 6s ease-in-out 3.2s infinite;
}

.trend-dot{
  fill:#f8f7f2;
  stroke:#9aad95;
  stroke-width:3;
  transform-origin:center;
  animation:trendDot 2.8s ease-in-out infinite;
}
.trend-dot.d2{animation-delay:-.7s}
.trend-dot.d3{animation-delay:-1.4s}
.trend-dot.d4{animation-delay:-2.1s}

.bars{
  right:clamp(24px,3vw,42px);
  top:27%;
  width:32%;
  height:31%;
  gap:10px;
  align-items:flex-end;
  z-index:3;
}

.bars i{
  border-radius:999px 999px 8px 8px;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.40)) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
  animation:barPulseV3 3.8s ease-in-out infinite !important;
}
.bars i:nth-child(2n){
  background:linear-gradient(180deg,#a9bba3,#7f9278) !important;
  animation-delay:-1s !important;
}
.bars i:nth-child(3n){animation-delay:-2s !important}

.dash-steps{
  left:clamp(24px,3vw,42px);
  right:clamp(24px,3vw,42px);
  bottom:clamp(24px,3vw,40px);
  gap:12px;
}

.dash-steps span{
  position:relative;
  padding:16px 16px 14px;
  border-top:none;
  border-radius:20px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(10px);
  overflow:hidden;
  transition:transform .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease);
}

.dash-steps span::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:42%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--v3-green),transparent);
  transform-origin:left;
  animation:stepProgress 4.4s ease-in-out infinite;
}

.dash-steps span:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.14);
}

.dash-steps em{
  font-size:9px;
  color:rgba(255,255,255,.42);
}

.dash-steps b{
  font-size:11px;
  letter-spacing:.10em;
  color:#fff;
}

.scan{
  left:18px;
  right:18px;
  top:44%;
  height:76px;
  background:linear-gradient(180deg,transparent,rgba(197,212,184,.07),transparent);
  animation:scanV3 5.2s ease-in-out infinite;
  z-index:1;
}

.dash-pulse{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#c8d7c3;
  box-shadow:0 0 0 0 rgba(200,215,195,.32);
  z-index:5;
  animation:pulseTravel 4.8s ease-in-out infinite, pulseRing 2.2s ease-out infinite;
}
.dash-pulse.pulse-a{right:39%;top:31%}
.dash-pulse.pulse-b{right:20%;top:19%;animation-delay:-2.3s,-1.1s}

/* chips */
.dark-chips{
  gap:10px;
  margin-top:24px;
}
.dark-chips span{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(10px);
  color:rgba(255,255,255,.86);
}

/* team infographic visual refinement */
.team-network{
  border:none;
  border-radius:36px 90px 36px 90px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 28px 72px rgba(0,0,0,.16);
  overflow:hidden;
}

.team-network::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 30% 20%,rgba(197,212,184,.08),transparent 24%),
    radial-gradient(circle at 80% 76%,rgba(255,255,255,.05),transparent 20%);
  pointer-events:none;
}

.team-core{
  width:146px;
  height:146px;
  box-shadow:0 24px 50px rgba(0,0,0,.20);
  animation:coreBreathV3 5s ease-in-out infinite !important;
}

.team-node{
  width:160px;
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 36px rgba(0,0,0,.16);
  padding:14px 15px;
}

.team-node strong{font-size:10px;letter-spacing:.09em}
.team-node small{font-size:13px}

.team-network svg .flow{
  stroke:#c5d4b8;
  stroke-width:2.6;
  stroke-dasharray:14 16;
  filter:drop-shadow(0 0 8px rgba(197,212,184,.18));
  animation:dash 10s linear infinite;
}

.network-pulse{
  width:12px;
  height:12px;
  background:#dbe5d7;
  box-shadow:0 0 0 9px rgba(197,212,184,.08);
}

/* motion */
@keyframes dashOrb{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(18%,18%,0) scale(1.15)}}
@keyframes statusPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.26);opacity:1}}
@keyframes drawTrend{to{stroke-dashoffset:0}}
@keyframes trendBreath{0%,100%{opacity:.78}50%{opacity:1}}
@keyframes trendDot{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.45);opacity:1}}
@keyframes barPulseV3{0%,100%{transform:scaleY(.88);transform-origin:bottom;filter:brightness(.9)}50%{transform:scaleY(1.04);transform-origin:bottom;filter:brightness(1.08)}}
@keyframes stepProgress{0%,100%{transform:scaleX(.42);opacity:.45}50%{transform:scaleX(1);opacity:1}}
@keyframes scanV3{0%,100%{transform:translateY(-52px);opacity:.2}50%{transform:translateY(94px);opacity:1}}
@keyframes pulseTravel{0%,100%{transform:translate3d(-18px,8px,0)}50%{transform:translate3d(24px,-12px,0)}}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(200,215,195,.28)}100%{box-shadow:0 0 0 16px rgba(200,215,195,0)}}
@keyframes coreBreathV3{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.045)}}

/* tablet */
@media (max-width:920px){
  .transparency-copy,.team-copy{padding:0 !important}
  .transparency-copy .section-title,.team-copy .section-title{max-width:12ch}
  .dashboard-big{border-radius:28px 60px 28px 60px}
  .dash-trend{top:16%;width:42%}
  .team-network{border-radius:28px 60px 28px 60px}
}

/* mobile */
@media (max-width:640px){
  .transparency-copy .lead,.team-copy .lead{max-width:none}
  .dashboard-big{border-radius:22px 42px 22px 42px}
  .dash-trend{right:10px;top:18%;width:44%;height:28%}
  .dash-number{left:13px;top:25%}
  .bars{right:13px;top:31%;width:32%;height:20%;gap:4px}
  .dash-pulse{display:none}
  .dash-steps{left:13px;right:13px;bottom:13px;gap:5px}
  .dash-steps span{padding:8px 7px;border-radius:12px}
  .dash-steps b{font-size:7px}
  .dash-steps em{font-size:5px}
  .team-network{border-radius:22px 42px 22px 42px}
}

@media (prefers-reduced-motion:reduce){
  .trend-line{stroke-dashoffset:0}
}