.views-field-edit-node {
	text-align: right !important;
}

.views-label {
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}

.views-field:not(.views-field-field-fotografia):not(.views-field-field-departamento) {
  display: flex;
	justify-content: start;
	margin-bottom: 8px;
	margin-left: 12px;
}

.views-field-field-departamento {
	margin-left: 4px !important;
	margin-bottom: -8px !important;
	font-weight: bold;
	font-size: 32px;
	color: #004067;
}

.views-field-title {
	margin-top: 0px !important;
	font-weight: bold;
	font-size: 16px;
}

.view-id-directorio .views-label svg {
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

.views-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-template-rows: auto;
  background-color: #FFF;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  height: auto;
  margin-bottom: 12px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.02);
  transition: all 0.2s ease;
  box-sizing: border-box;
}

/* La foto ocupa la columna izquierda, todas las filas */
.views-field-field-fotografia {
  grid-column: 1;
  grid-row: 1 / -1;
  align-self: start;
}

.views-field-field-fotografia img {
  width: 100%;
  display: block;
}

/* Todo el texto va a la columna derecha */
.views-fields {
  grid-column: 2;
}


/* ==========================================================================
   ACOMODO AUTOMÁTICO POR ORDEN DE APARICIÓN (REINICIA EN CADA GRUPO)
   ========================================================================== */

/* Nivel 1: El que tenga el número 1 en su respectivo departamento */
.view-id-directorio .views-row.orden-1,
.view-id-directorio .views-row[class*="orden-1"] {
    margin-left: 0px !important;
    border-left: 5px solid #0d3b66 !important;
    padding-left: 15px;
}

/* Nivel 2: El que tenga el número 2 en su respectivo departamento */
.view-id-directorio .views-row.orden-2,
.view-id-directorio .views-row[class*="orden-2"] {
    margin-left: 30px !important;
    border-left: 5px solid #9cb2cd !important;
    padding-left: 15px;
}

/* Nivel 3: El que tenga el número 3 en su respectivo departamento */
.view-id-directorio .views-row.orden-3,
.view-id-directorio .views-row[class*="orden-3"] {
    margin-left: 60px !important;
    border-left: 5px solid #b0bec5 !important;
    padding-left: 15px;
}

/* Nivel 4: El que tenga el número 4 en adelante */
.view-id-directorio .views-row.orden-4,
.view-id-directorio .views-row[class*="orden-4"] {
    margin-left: 90px !important;
    border-left: 2px dashed #cfd8dc !important;
    padding-left: 15px;
}



/* ==========================================================================
   BLOQUE: NIVEL 1 RECTORÍA  
   ========================================================================== */

.view-id-directorio .views-row.puesto-rectora,
.view-id-directorio .views-row.pendiente-de-asignar-rectoria-1,
.view-id-directorio .views-row.pendiente-por-asignar-rectoria-1,
.view-id-directorio .views-row[class*="pendiente"][class*="1"] {
    margin-left: 0px ;
    border-left: 5px solid #0d3b66 !important;
    padding-left: 15px; /* Asegura espacio interno para que se vea como card */
}

/* ==========================================================================
   NIVEL 2
   ========================================================================== */
.view-id-directorio .views-row.pendiente-de-asignar-rectoria-2,
.view-id-directorio .views-row.pendiente-por-asignar-rectoria-2,
.view-id-directorio .views-row[class*="pendiente"][class*="2"] {
    margin-left: 30px ;
    border-left: 5px solid #9cb2cd !important;
    padding-left: 15px;
}

/* ==========================================================================
   NIVEL 3
   ========================================================================== */
.view-id-directorio .views-row.puesto-jefe-or,
.view-id-directorio .views-row.puesto-contralora,
.view-id-directorio .views-row.pendiente-de-asignar-rectoria-3,
.view-id-directorio .views-row.pendiente-por-asignar-rectoria-3,
.view-id-directorio .views-row[class*="pendiente"][class*="3"] {
    margin-left: 60px ;
    border-left: 5px solid #b0bec5 !important;
    padding-left: 15px;
}

/* ==========================================================================
   NIVEL 4
   ========================================================================== */
.view-id-directorio .views-row.puesto-asistente-rectoria,
.view-id-directorio .views-row.puesto-responsable-or,
.view-id-directorio .views-row.puesto-abogada,
.view-id-directorio .views-row.pendiente-de-asignar-rectoria-4,
.view-id-directorio .views-row.pendiente-por-asignar-rectoria-4,
.view-id-directorio .views-row[class*="pendiente"][class*="4"] {
    margin-left: 90px ;
    border-left: 2px dashed #cfd8dc !important;
    padding-left: 15px;
}



/* ==========================================================================
   BLOQUE: SECRETARÍA ACADEMICA 
   ========================================================================== */

/*
   

/* --- NIVEL 2 --- */
.view-id-directorio .views-row.puesto-secretaria,
.view-id-directorio .views-row.pendiente-de-asignar-academica-2,
.view-id-directorio .views-row.pendiente-por-asignar-academica-2,
.view-id-directorio .views-row[class*="pendiente"][class*="academica"][class*="2"] {
    margin-left: 30px ;
    border-left: 5px solid #9cb2cd !important;
    padding-left: 15px;
}

/* --- NIVEL 3 */
.view-id-directorio .views-row.puesto-coordinadora-academica,
.view-id-directorio .views-row.puesto-coordinador-academica,
.view-id-directorio .views-row.puesto-pendiente-de-asignar-academica-3, /* Tu clase original */
.view-id-directorio .views-row.pendiente-de-asignar-academica-3,
.view-id-directorio .views-row.pendiente-por-asignar-academica-3,
.view-id-directorio .views-row[class*="pendiente"][class*="academica"][class*="3"] {
    margin-left: 60px ;
    border-left: 5px solid #b0bec5 !important;
    padding-left: 15px;
}

/* --- NIVEL 4  */
.view-id-directorio .views-row.puesto-responsable-academica,
.view-id-directorio .views-row.puesto-jefa-academica,
.view-id-directorio .views-row.puesto-jefe-academica,
.view-id-directorio .views-row.pendiente-de-asignar-academica-4,
.view-id-directorio .views-row.pendiente-por-asignar-academica-4,
.view-id-directorio .views-row[class*="pendiente"][class*="academica"][class*="4"] {
    margin-left: 90px ;
    border-left: 2px dashed #cfd8dc !important;
    padding-left: 15px;
}


/* ==========================================================================
   BLOQUE: SECRETARIA ADMINISTRATIVA
   ========================================================================== */
   
/* --- NIVEL 2  */
.view-id-directorio .views-row.puesto-secretario,
.view-id-directorio .views-row.pendiente-por-asignar-administrativa-2,
.view-id-directorio .views-row.pendiente-de-asignar-administrativa-2,
.view-id-directorio .views-row[class*="pendiente"][class*="administrativa"][class*="2"] {
    margin-left: 30px ;
    border-left: 5px solid #9cb2cd !important;
    padding-left: 15px;
}

/* --- NIVEL 3  */
.view-id-directorio .views-row.puesto-jefe-ad,
.view-id-directorio .views-row.puesto-coordinador-administrativa,
.view-id-directorio .views-row.puesto-coordinadora-administrativa,
.view-id-directorio .views-row.pendiente-por-asignar-administrativa-3,
.view-id-directorio .views-row.pendiente-de-asignar-administrativa-3,
.view-id-directorio .views-row[class*="pendiente"][class*="administrativa"][class*="3"] {
    margin-left: 60px ;
    border-left: 5px solid #b0bec5 !important;
    padding-left: 15px;
}

/* --- NIVEL 4  */
.view-id-directorio .views-row.puesto-responsable-administrativa,
.view-id-directorio .views-row.puesto-jefa-administrativa,
.view-id-directorio .views-row.puesto-jefe-administrativa,
.view-id-directorio .views-row.pendiente-por-asignar-administrativa-4,
.view-id-directorio .views-row.pendiente-de-asignar-administrativa-4,
.view-id-directorio .views-row[class*="pendiente"][class*="administrativa"][class*="4"] {
    margin-left: 90px ;
    border-left: 2px dashed #cfd8dc !important;
    padding-left: 15px;
}

/* ==========================================================================
   6. BLOQUE 4: DIVISIONES Y DEPARTAMENTOS 
   ========================================================================== */


/* --- NIVEL 2  */
.view-id-directorio .views-row.puesto-director-departamentos,
.view-id-directorio .views-row.puesto-secretario-departamentos,
.view-id-directorio .views-row.puesto-secretaria-departamentos,
.view-id-directorio .views-row.pendiente-de-asignar-departamentos-2,
.view-id-directorio .views-row.pendiente-por-asignar-departamentos-2,
.view-id-directorio .views-row[class*="pendiente"][class*="departamentos"][class*="2"] {
    margin-left: 30px ;
    border-left: 5px solid #9cb2cd !important;
    padding-left: 15px;
}

/* --- NIVEL 3 */
.view-id-directorio .views-row.puesto-jefe,
.view-id-directorio .views-row.puesto-jefa,
.view-id-directorio .views-row.pendiente-de-asignar-departamentos-3,
.view-id-directorio .views-row.pendiente-por-asignar-departamentos-3,
.view-id-directorio .views-row[class*="pendiente"][class*="departamentos"][class*="3"] {
    margin-left: 60px ;
    border-left: 5px solid #b0bec5 !important;
    padding-left: 15px;
}

/* --- NIVEL 4 */
.view-id-directorio .views-row.pendiente-de-asignar-departamentos-4,
.view-id-directorio .views-row.pendiente-por-asignar-departamentos-4,
.view-id-directorio .views-row[class*="pendiente"][class*="departamentos"][class*="4"] {
    margin-left: 90px ;
    border-left: 2px dashed #cfd8dc !important;
    padding-left: 15px;
}

/* ==========================================================================
   7. BLOQUE 5: COORDINADORES DE PROGRAMAS 
   ========================================================================== */


/* --- NIVEL 2  */
.view-id-directorio .views-row.puesto-coordinadora,
.view-id-directorio .views-row.puesto-responsable,
.view-id-directorio .views-row.puesto-coordinador,
.view-id-directorio .views-row.pendiente-de-asignar-coordinador-2,
.view-id-directorio .views-row.pendiente-por-asignar-coordinador-2,
.view-id-directorio .views-row[class*="pendiente"][class*="coordinador"][class*="2"] {
    margin-left: 30px ;
    border-left: 5px solid #9cb2cd !important;
    padding-left: 15px;
}

/* --- NIVEL 3  */
.view-id-directorio .views-row.pendiente-de-asignar-coordinador-3,
.view-id-directorio .views-row.pendiente-por-asignar-coordinador-3,
.view-id-directorio .views-row[class*="pendiente"][class*="coordinador"][class*="3"] {
    margin-left: 60px ;
    border-left: 5px solid #b0bec5 !important;
    padding-left: 15px;
}

/* --- NIVEL 4  */
.view-id-directorio .views-row.pendiente-de-asignar-coordinador-4,
.view-id-directorio .views-row.pendiente-por-asignar-coordinador-4,
.view-id-directorio .views-row[class*="pendiente"][class*="coordinador"][class*="4"] {
    margin-left: 90px ;
    border-left: 2px dashed #cfd8dc !important;
    padding-left: 15px;
}

/* ==========================================================================
   8. BLOQUE 6: COORDINADORES DE POSGRADOS 
   ========================================================================== */
 

/* --- NIVEL 2  */
.view-id-directorio .views-row.puesto-coordinadora-posgrados,
.view-id-directorio .views-row.puesto-coordinador-posgrados,
.view-id-directorio .views-row.puesto-responsable-posgrados,
.view-id-directorio .views-row.pendiente-de-asignar-posgrados-2,
.view-id-directorio .views-row.pendiente-por-asignar-posgrados-2,
.view-id-directorio .views-row[class*="pendiente"][class*="posgrados"][class*="2"] {
    margin-left: 30px ;
    border-left: 5px solid #9cb2cd !important;
    padding-left: 15px;
}

/* --- NIVEL 3  */
.view-id-directorio .views-row.pendiente-de-asignar-posgrados-3,
.view-id-directorio .views-row.pendiente-por-asignar-posgrados-3,
.view-id-directorio .views-row[class*="pendiente"][class*="posgrados"][class*="3"] {
    margin-left: 60px ;
    border-left: 5px solid #b0bec5 !important;
    padding-left: 15px;
}

/* --- NIVEL 4  */
.view-id-directorio .views-row.pendiente-de-asignar-posgrados-4,
.view-id-directorio .views-row.pendiente-por-asignar-posgrados-4,
.view-id-directorio .views-row[class*="pendiente"][class*="posgrados"][class*="4"] {
    margin-left: 90px ;
    border-left: 2px dashed #cfd8dc !important;
    padding-left: 15px;
}
       
/* ==========================================================================
   9. BLOQUE 7: INSTITUTOS Y CENTROS
   ========================================================================== */


/* --- NIVEL 2  */
.view-id-directorio .views-row.puesto-responsable-institutos,
.view-id-directorio .views-row.puesto-director-institutos,
.view-id-directorio .views-row.pendiente-de-asignar-institutos-2,
.view-id-directorio .views-row.pendiente-por-asignar-institutos-2,
.view-id-directorio .views-row[class*="pendiente"][class*="institutos"][class*="2"] {
    margin-left: 30px ;
    border-left: 5px solid #9cb2cd !important;
    padding-left: 15px;
}

/* --- NIVEL 3  */
.view-id-directorio .views-row.pendiente-de-asignar-institutos-3,
.view-id-directorio .views-row.pendiente-por-asignar-institutos-3,
.view-id-directorio .views-row[class*="pendiente"][class*="institutos"][class*="3"] {
    margin-left: 60px ;
    border-left: 5px solid #b0bec5 !important;
    padding-left: 15px;
}

/* --- NIVEL 4  */
.view-id-directorio .views-row.pendiente-de-asignar-institutos-4,
.view-id-directorio .views-row.pendiente-por-asignar-institutos-4,
.view-id-directorio .views-row[class*="pendiente"][class*="institutos"][class*="4"] {
    margin-left: 90px ;
    border-left: 2px dashed #cfd8dc !important;
    padding-left: 15px;
}


/* ==========================================================================
   10. BLOQUE 8: CULTURA Y PAZ 
   ========================================================================== */


/* --- NIVEL 2 */
.view-id-directorio .views-row.puesto-responsable-cp,
.view-id-directorio .views-row.pendiente-por-asignar-cultura-2,
.view-id-directorio .views-row.pendiente-de-asignar-cultura-2,
.view-id-directorio .views-row[class*="pendiente"][class*="cultura"][class*="2"] {
    margin-left: 30px ;
    border-left: 5px solid #9cb2cd !important;
    padding-left: 15px;
}

/* --- NIVEL 3 */
.view-id-directorio .views-row.puesto-responsable-cultura,
.view-id-directorio .views-row.pendiente-por-asignar-cultura-3,
.view-id-directorio .views-row.pendiente-de-asignar-cultura-3,
.view-id-directorio .views-row[class*="pendiente"][class*="cultura"][class*="3"] {
    margin-left: 60px ;
    border-left: 5px solid #b0bec5 !important;
    padding-left: 15px;
}

/* --- NIVEL 4 */
.view-id-directorio .views-row.pendiente-por-asignar-cultura-4,
.view-id-directorio .views-row.pendiente-de-asignar-cultura-4,
.view-id-directorio .views-row[class*="pendiente"][class*="cultura"][class*="4"] {
    margin-left: 90px ;
    border-left: 2px dashed #cfd8dc !important;
    padding-left: 15px;
}


/* ==========================================================================
   Contenedor principal 
   ========================================================================== */

.view-id-directorio .views-row {
	position: relative;
}

/* Título educativo */
.view-id-directorio .views-field-field-titulo-educativo {
 display: inline-block; 
 margin-left: 12px;
	margin-top: 10px !important;
	 margin-bottom: 10px !important;
	font-size: 18px;
	font-weight: 700;
	color: #333333;
}

/* Nombre */
.view-id-directorio .views-field-title {
  display: inline-block; 
	margin: 10px 0 10px 6px !important; 
  font-size: 18px;
  font-weight: 700;
}


/* ==========================================================================
Adaptacion telefonos
   ========================================================================== */
@media screen and (max-width: 768px) {

    .view-id-directorio {
        transform: none ;
        width: 100% ;
    }

    .view-id-directorio .views-field:not(.views-field-field-fotografia) {
        display: flex ;
        flex-direction: column ;
        align-items: flex-start ;
        margin-bottom: 6px ;
    }

    .view-id-directorio .views-label {
        display: inline-flex ;
        align-items: center ;
        margin-left: 0 ;
        margin-bottom: 2px ;
    }

    .view-id-directorio .field-content {
        margin-left: 0 ;
        width: 100% ;
    }

    .view-id-directorio .views-field-field-correo-electronico .field-content,
    .view-id-directorio .views-field-field-correo .field-content {
        word-break: break-word ;
        overflow-wrap: break-word ;
    }

    .views-row {
        margin-left: 0 !important;
        display: flex ;
        flex-direction: column;
    }

    .form-group,
    .view-id-directorio,
    .view-content {
        height: auto ;
        min-height: 0 ;
    }
}