/* ===== Separador visual entre secciones ===== */
.section-separator{
  position: relative;
  height: 140px;
  overflow: hidden;
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #ffffff 100%);
}
.sep-svg{
  position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 180px;
  transform: translateZ(0);
  will-change: transform;
}   



















/* LOGOS CLIENTES */
  :root{
    --seppat-azul:#0F3B5F; --seppat-verde-osc:#416F6B; --seppat-verde-cl:#72A276;
  }

  .seppat-clientes{
    position:relative;
    padding: clamp(24px,4vw,34px) 0;
    font-family:"Helvetica Neue",sans-serif;
  }
  .seppat-clientes::before{
    content:""; position:absolute; inset:0; left:50%; transform:translateX(-50%);
    width:100vw; background:#fdfdff; z-index:-1;
  }

  .clientes-heading{
    text-align:center;
    padding:0 clamp(16px,4vw,24px);
    font-weight:800; 
    font-size:clamp(24px,3.8vw,36px);
    background:linear-gradient(90deg, #0F3B5F, #416F6B, #72A276);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  }

  .logos-grid {
  max-width:1200px;
  margin:0 auto;
  padding:0 clamp(16px,4vw,24px);
  display:grid;
  row-gap: clamp(50px, 4vw, 70px);     /* espacio entre filas */
  column-gap: clamp(50px, 4vw, 70px);  /* espacio entre columnas */
  grid-template-columns:repeat(4,minmax(0,1fr));
  list-style:none;
  align-items:center;
  justify-items:center;
}

  @media(max-width:1100px){.logos-grid{grid-template-columns:repeat(3,1fr);}}
  @media(max-width:720px){.logos-grid{grid-template-columns:repeat(2,1fr);}}

  .logo {
  max-height: 100px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%) brightness(0.9);
  opacity: 0.85;
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.3s ease;
}
  
  .logo:hover,.logo:active{
    filter:grayscale(0%) brightness(1);
    opacity:1;
    transform:scale(1.05);
  }

  /* Ocultos */
  .oculto {
    display: none;
    opacity: 0;
    transform: translateY(10px);
  }

  /* Botón */
  .btn-vermas{
    display:block;
    margin:40px auto 0;
    margin-top: 60px;
    background:linear-gradient(90deg,var(--seppat-azul),var(--seppat-verde-cl));
    color:#fff;
    font-weight:700;
    border:none;
    border-radius:12px;
    padding:12px 28px;
    cursor:pointer;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .btn-vermas:hover{
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(15,59,95,0.25);
  }

  /* Animación suave al mostrar */
  .mostrar {
    animation: fadeSlideIn 0.6s ease forwards;
  }

  @keyframes fadeSlideIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }











/* Personal */
:root{
  --seppat-azul:#0F3B5F; 
  --seppat-verde-osc:#416F6B; 
  --seppat-verde-cl:#72A276;
  --text:#111827; 
  --muted:#475569;
  --radius:18px; 
  --shadow:0 8px 24px rgba(15,59,95,.10); 
  --shadow-hover:0 12px 32px rgba(15,59,95,.18);
  --border:1px solid rgba(17,24,39,.12);
}

.seppat-equipo{
  position:relative; 
  padding: clamp(28px,4vw,56px) 0;
  font-family:"Helvetica Neue",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.seppat-equipo::before{
  content:""; 
  position:absolute; 
  inset:0; 
  left:50%; 
  transform:translateX(-50%); 
  width:100vw; 
  background:#fff; 
  z-index:-1;
}

/* Título principal */
.equipo-heading{
  max-width:1200px; 
  margin:0 auto clamp(24px,4vw,40px); /*  más espacio debajo */
  padding:0 clamp(16px,4vw,24px);
  font-weight:800; 
  font-size:clamp(25px,3.8vw,36px);
  text-align: center;
  background: linear-gradient(90deg, #0F3B5F, #416F6B, #72A276);
  -webkit-background-clip:text; 
  background-clip:text; 
  color:transparent; 
  -webkit-text-fill-color: transparent;
}

/* Subtítulos de bloques (Gerencia, Coordinación, Consultores) */
.equipo-subheading{
  max-width:1200px;
  margin:0 auto clamp(22px,4vw,38px);
  padding:0 clamp(16px,4vw,24px);
  font-size: clamp(19px, 2.4vw, 22px);
  font-weight:800;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .06em;
  background:linear-gradient(90deg, #0F3B5F, #416F6B, #72A276);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}

/* Filas del equipo */
.equipo-row{
  max-width:1200px;
  margin:0 auto clamp(16px,3vw,24px);
  padding:0 clamp(16px,4vw,24px);
  display:flex;
  gap: clamp(16px,2.2vw,22px);
  justify-content:center;
  flex-wrap:nowrap;
}
.row-gerencia { margin-top: clamp(4px, 1.4vw, 10px); }
.row-coord    { margin-top: clamp(4px, 1.4vw, 12px); }

@media (max-width: 900px){
  .equipo-row{
    flex-wrap:wrap;
    justify-content:center;
  }
}

/* Card persona */
.persona-card{
  background:#fff; 
  border:var(--border); 
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin-bottom: 20px;
  margin-left: 13px;
  margin-right: 13px;
  overflow:hidden; 
  display:flex; 
  flex-direction:column; 
  align-items:stretch;
  transition: transform .25s ease, box-shadow .25s ease;
  min-width: 0;
  flex: 1 1 0;
  max-width: 260px; /* 👈 tamaño máximo horizontal de cada card */
}
.persona-card:hover{
  transform: translateY(-2px); 
  box-shadow: var(--shadow-hover);
}

.persona-foto {
  width: 100%;
  aspect-ratio: 1 / 1;   /* 👈 imagen cuadrada */
  object-fit: cover;      /* 👈 llena sin deformar */
  display: block;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}



.persona-body{
  display:flex; 
  flex-direction:column; 
  gap:4px;
  padding: 12px 14px 16px;
}

/* SIN chips de líneas */

/* Tipografías internas de la card */
.persona-nombre{
  margin:3px 0 0; 
  font-size: clamp(16px,2.4vw,18px);  /*tamaño nombre */
  font-weight:800; 
  text-align: center;
  color:var(--text);
}
.persona-cargo{
  margin:0; 
  color:var(--muted); 
  font-size: clamp(13px,2.4vw,15px);        
  font-weight:500;       
  color: #222222;
  text-align: center;
}
.persona-mail{
  margin:0;
  color:var(--muted);
  font-size: clamp(10px,2.4vw,12px);      
  font-weight:500;   
  color: #222222;   
  text-align: center;    
}