/* =================================================================== */
/*  SOLUCIÓN PARA BOTONES DE GALERADAS (PDF, HTML, MP3)
/* =================================================================== */

/* 1. Resetea el contenedor principal del resumen del artículo */
.obj_article_summary .col-md-7 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

/* 2. Estilos para el contenedor de los botones (flexbox) */
.galleryLinksWrp {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-start;
    margin-top: 15px !important;
    align-items: stretch; /* NUEVO: Asegura que todos los botones tengan la misma altura */
}

/* 3. Estilos para los botones individuales */
.galleryLinksWrp .galley-link {
    margin: 0 !important;
    display: flex !important;             /* NUEVO: Convierte el botón en un contenedor flex */
    justify-content: center !important;   /* NUEVO: Centra el texto horizontalmente */
    align-items: center !important;       /* NUEVO: Centra el texto verticalmente */
    text-align: center !important;        /* NUEVO: Asegura el centrado del texto si se rompe en líneas */
    flex-grow: 1;                         /* NUEVO: Permite que los botones crezcan si hay espacio */
}

/* =================================================================== */
/*  ESTILOS ADICIONALES (Tus personalizaciones anteriores)
/* =================================================================== */

/* --- Centrado para galley HTML y MP3 (sin romper PDF) --- */
.galley_view, .obj_galley_view {
    text-align: center !important;
    margin: 40px auto !important;
    padding: 0 !important;
}

iframe[name="htmlFrame"], iframe {
    display: block !important;
    margin: 0 auto 60px auto !important;
    width: 95% !important;
    max-width: 1100px !important;
    min-height: 80vh !important;
    height: 150vh !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

audio, audio.controls {
    display: block !important;
    margin: 60px auto !important;
    width: 90% !important;
    max-width: 800px !important;
}

div.journalInfoCol .currentIssueInfoAuthor,
.currentIssueInfoAuthor,
[class*="currentIssueInfoAuthor"] {
    display: none !important;
}