/* ==========================================
   ORGANIGRAMA G&S ABOGADOS
========================================== */

.organigrama{max-width:1400px;margin:60px auto;}
.organigrama h2{color:#061B3A;font-weight:700;margin-bottom:60px;}

/* FILAS */

.org-row{display:flex;justify-content:center;align-items:flex-start;gap:60px;position:relative;}
.org-gerencia{position:relative;margin-bottom:0;padding-bottom:55px;}
.org-direcciones{position:relative;margin-top:0;padding-top:55px;}
.org-coordinaciones{position:relative;margin-top:35px;padding-top:45px;gap:90px;z-index:1;}

/* TARJETAS */

.org-card{
width:280px;
background:#fff;
border:2px solid #D4AF37;
border-radius:18px;
padding:25px;
text-align:center;
box-shadow:0 8px 18px rgba(0,0,0,.08);
transition:.35s;
position:relative;
}

.org-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 30px rgba(0,0,0,.15);
}

.org-card img{
width:120px;
height:120px;
border-radius:50%;
object-fit:cover;
border:4px solid #D4AF37;
margin-bottom:18px;
}

.org-card h4,
.org-card h5{
color:#061B3A;
font-weight:700;
margin-bottom:10px;
}

.cargo-principal{
display:block;
color:#C99A2E;
font-weight:700;
margin-bottom:10px;
}

.org-card p{
margin:0;
color:#555;
font-size:.95rem;
line-height:1.5;
}

/* GERENCIA */

.gerente{
width:330px;
border-top:8px solid #061B3A;
}

/* CONEXIONES GERENCIA A DIRECCIONES */

.org-gerencia::after{
content:"";
position:absolute;
left:50%;
bottom:0;
width:3px;
height:55px;
background:#C99A2E;
transform:translateX(-50%);
}

.org-direcciones::before{
content:"";
position:absolute;
top:0;
left:calc(50% - 425px);
width:850px;
height:3px;
background:#C99A2E;
}

.org-direcciones .org-card::before{
content:"";
position:absolute;
top:-55px;
left:50%;
width:3px;
height:55px;
background:#C99A2E;
transform:translateX(-50%);
}

/* CONEXIONES DIRECCIÓN JURÍDICA A COORDINACIONES */

.org-coordinaciones::before{
content:"";
position:absolute;
top:0;
left:calc(50% - 230px);
width:460px;
height:3px;
background:#C99A2E;
}

.org-coordinaciones::after{
content:"";
position:absolute;
top:-35px;
left:50%;
width:3px;
height:35px;
background:#C99A2E;
transform:translateX(-50%);
z-index:-1;
}

.org-coordinaciones .org-card::before{
content:"";
position:absolute;
top:-45px;
left:50%;
width:3px;
height:45px;
background:#C99A2E;
transform:translateX(-50%);
}

/* EQUIPO JURÍDICO */

.org-equipo-juridico{
position:relative;
margin-top:35px;
padding-top:45px;
gap:90px;
z-index:1;
}

.org-equipo-juridico::before{
content:"";
position:absolute;
top:0;
left:calc(50% - 230px);
width:460px;
height:3px;
background:#C99A2E;
}

.org-equipo-juridico::after{
content:"";
position:absolute;
top:-35px;
left:50%;
width:3px;
height:35px;
background:#C99A2E;
transform:translateX(-50%);
z-index:-1;
}

.org-equipo-juridico .org-card::before{
content:"";
position:absolute;
top:-45px;
left:50%;
width:3px;
height:45px;
background:#C99A2E;
transform:translateX(-50%);
}

/* RESPONSIVE */

@media(max-width:992px){

.org-row{
flex-direction:column;
align-items:center;
gap:35px;
}

.org-card{
width:100%;
max-width:340px;
}

.org-gerencia,
.org-direcciones,
.org-coordinaciones{
padding:0;
margin:0;
}

.org-gerencia::after,
.org-direcciones::before,
.org-direcciones .org-card::before,
.org-coordinaciones::before,
.org-coordinaciones::after,
.org-coordinaciones .org-card::before,
.org-equipo-juridico::before,
.org-equipo-juridico::after,
.org-equipo-juridico .org-card::before{
display:none;
}


}