/*
 * Responsive overrides for the project.
 * Breakpoints aligned with Bootstrap 5.3.
 */

/* Tablet and smaller devices (below 992px) */
@media (max-width: 991.98px) {
    /* INICIO: Ajustes responsivos de fichas */
    .page-editorial-content .ficha-gallery__logo { width: 36px; height: 36px; }
    .page-editorial-content .ficha-gallery__title { font-size: 1.125rem; }
    /* FIN: Ajustes responsivos de fichas */

    /* INICIO: Ajustes responsivos de información rápida en fichas */
    .page-editorial-content .ficha-summary__item { border-right: 0 !important; }
    .page-editorial-content .ficha-summary .row > .col:nth-child(odd) { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); }
    .page-editorial-content .ficha-summary .row > .col:nth-child(-n+2) { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); }
    /* FIN: Ajustes responsivos de información rápida en fichas */

    /* INICIO: Ajustes responsivos de contenido enriquecido en fichas */
    .page-editorial-content .ficha-rich-content h1,
    .page-editorial-content .ficha-rich-content h2,
    .page-editorial-content .ficha-rich-content h3,
    .page-editorial-content .ficha-rich-content h4,
    .page-editorial-content .ficha-rich-content h5,
    .page-editorial-content .ficha-rich-content h6,
    .page-editorial-content .ficha-rich-content p { text-align: center; }
    /* FIN: Ajustes responsivos de contenido enriquecido en fichas */
}

/* Mobile devices (below 576px) */
@media (max-width: 575.98px) {
    /* INICIO: Ajustes responsivos de fichas */
    .page-editorial-content .ficha-gallery__next { display: none !important; }
    .page-editorial-content .ficha-gallery__logo { width: 30px; height: 30px; margin-bottom: .25rem !important; }
    .page-editorial-content .ficha-gallery__title { font-size: 1rem; }
    /* FIN: Ajustes responsivos de fichas */

    /* INICIO: Ajustes móviles de información rápida en fichas */
    .page-editorial-content .ficha-summary__item { width: 100%; flex-direction: column; align-items: center !important; gap: .5rem !important; text-align: center; }
    /* FIN: Ajustes móviles de información rápida en fichas */
}
/* Small devices (576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
}

/* Large devices (992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
}

/* Extra extra large devices (1400px and up) */
@media (min-width: 1400px) {
}