/*
Theme Name: Vantage Child
Theme URI: https://siteorigin.com/theme/vantage/
Description: Tema hijo de Vantage para las páginas personales del LEICI
Author: LEICI
Template: vantage
Version: 1.0.0
Text Domain: vantage-child
*/

/* ==========================================================================
   Estructura Principal en 2 Columnas (Páginas Personales LEICI)
   ========================================================================== */

/* Contenedor principal flex */
#primary .entry-content .perfil-instituto {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    align-items: flex-start !important;
    margin-top: 15px !important;
}

/* 1. Columna Izquierda: Foto y Contacto (Ancho suficiente para la dirección) */
#primary .entry-content .columna-izquierda-perfil {
    flex: 0 0 285px !important;
    width: 285px !important;
    max-width: 100% !important;
}

.foto-perfil img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 15px;
    display: block;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.contacto-integrante {
    background: #f9f9f9;
    padding: 12px 15px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}

.contacto-integrante .item-contacto {
    margin-bottom: 6px !important;
    font-size: 13px;
    line-height: 1.35;
    color: #444;
}

.contacto-integrante .item-contacto-linea2 {
    margin-top: -3px !important;
    margin-bottom: 8px !important;
    padding-left: 22px !important;
    font-size: 12.5px;
    color: #555;
    display: block;
}

.contacto-integrante a {
    color: #248cc8;
    text-decoration: none;
}

.contacto-integrante a:hover {
    text-decoration: underline;
}

/* 2. Columna Derecha: Secciones y contenidos ultra compactos */
#primary .entry-content .datos-perfil {
    flex: 1 1 300px !important;
    min-width: 300px !important;
}

/* Reducción del espacio vertical entre los 4 bloques principales */
.seccion-posiciones, 
.seccion-areas, 
.seccion-formacion, 
.seccion-perfiles {
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
}

/* Normalización y reducción de títulos/etiquetas */
.etiqueta-posiciones, 
.etiqueta-areas,
.seccion-formacion h3,
.seccion-perfiles h3 {
    display: block !important;
    font-weight: bold !important;
    font-size: 13.5px !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    padding-bottom: 2px !important;
    color: #333 !important;
    border-bottom: 1px solid #248cc8 !important;
    line-height: 1.2 !important;
}

/* Eliminación de márgenes fantasma inyectados por Vantage en las listas */
.lista-posiciones, 
.lista-areas, 
.seccion-formacion ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 16px !important;
    list-style: disc !important;
}

/* Ítems de listas bien pegados entre sí */
.lista-posiciones li, 
.lista-areas li, 
.seccion-formacion li {
    margin-bottom: 2px !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    font-size: 12.5px !important;
    color: #333 !important;
}

/* Bloque de perfiles ajustado */
.contenedor-badges-perfiles {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-top: 4px !important;
}

.badge-perfil {
    display: inline-block !important;
    padding: 4px 8px !important;
    background-color: #248cc8 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    transition: background-color 0.2s ease;
}

.badge-perfil:hover {
    background-color: #f47e3c !important;
}

/* Adaptabilidad para celulares */
@media (max-width: 768px) {
    #primary .entry-content .perfil-instituto {
        flex-direction: column !important;
    }
    
    #primary .entry-content .columna-izquierda-perfil, 
    #primary .entry-content .datos-perfil {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
}
/* Ocultar barra lateral en páginas de integrantes y forzar ancho completo */
.page-template-template-integrante #secondary,
.single-integrante #secondary {
    display: none !important;
}

.page-template-template-integrante #primary,
.single-integrante #primary {
    width: 100% !important;
    float: none !important;
}

/* Alineación perfecta del título con la foto de perfil */
.single-integrante #primary .entry-header,
.page-template-template-integrante #primary .entry-header,
#primary .entry-header {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.single-integrante #primary .entry-title,
.page-template-template-integrante #primary .entry-title,
#primary .entry-title {
    padding-left: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}

/* Alineación del contenedor principal del perfil */
#primary .entry-content .perfil-instituto {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* Ocultar la barra lateral en TODO el sitio */
#secondary {
    display: none !important;
}