/*
 *  @Copyright (c) 2016 - 2023. XPanel® Hostiberi - Powerful CMS
 *  @Author: Hostiberi
 *  @Email: info@hostiberi.com
 *  @Filename: responsive.css
 *  @Last modified by: hostiberi
 *  @web: www.hostiberi.com
 */

.timeline .d-grid {
    grid-template-columns: repeat(5, 1fr); /* 5 columnas en pantallas grandes */
}

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {

    .equipo {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 1rem auto;
    }
    .grid-equipos {
        padding: 0;
    }

    #formBuscador {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: stretch;
    }
    #formBuscador input,
    #formBuscador select,
    #formBuscador button {
        width: 100%;
        text-align: center;
    }
    #formBuscador button {
        margin-top: 6px;
    }
    #formBuscador #reset_search {
        text-align: center;
        width: 100%;
        font-size: 0.9em;
    }
}

/* Tablet (768px–1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

/* Laptop (1024px–1439px) */
@media (min-width: 1024px) and (max-width: 1439px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

/* Desktop (1440px and up) */
@media (min-width: 1440px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}