/**
 * ================================================================
 * TTR - Turismo Restaurantes
 * Responsive
 * ================================================================
 */


/* ================================================================
   1400px
================================================================ */

@media (max-width: 1400px) {

    #ttr-portal .ttr-container {
        width: min(1200px, calc(100% - 60px));
    }

    #ttr-portal .ttr-restaurant-grid {
        gap: 22px;
    }

}


/* ================================================================
   1200px
================================================================ */

@media (max-width: 1200px) {

    #ttr-portal .ttr-restaurant-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #ttr-portal .ttr-hero,
    #ttr-portal .ttr-hero-content {
        min-height: 520px;
    }

}


/* ================================================================
   992px
================================================================ */

@media (max-width: 992px) {

    #ttr-portal .ttr-container {
        width: min(100% - 40px, 850px);
    }

    #ttr-portal .ttr-hero h1 {
        font-size: 56px;
    }

    #ttr-portal .ttr-section-header h2 {
        font-size: 36px;
    }

}


/* ================================================================
   768px
================================================================ */

@media (max-width: 768px) {

    #ttr-portal .ttr-container {
        width: calc(100% - 32px);
    }

    #ttr-portal .ttr-hero,
    #ttr-portal .ttr-hero-content {
        min-height: 470px;
    }

    #ttr-portal .ttr-hero h1 {
        font-size: 46px;
    }

    #ttr-portal .ttr-hero p {
        font-size: 17px;
    }

    #ttr-portal .ttr-zone-tabs {
        min-height: 68px;
    }

    #ttr-portal .ttr-zone-tab {
        padding: 10px 15px;
    }

    #ttr-portal .ttr-restaurants-section {
        padding: 65px 0 80px;
    }

    #ttr-portal .ttr-section-header {
        margin-bottom: 50px;
    }

    #ttr-portal .ttr-zone-group {
        margin-bottom: 65px;
    }

}


/* ================================================================
   576px
================================================================ */

@media (max-width: 576px) {

    #ttr-portal .ttr-container {
        width: calc(100% - 24px);
    }

    #ttr-portal .ttr-hero,
    #ttr-portal .ttr-hero-content {
        min-height: 420px;
    }

    #ttr-portal .ttr-hero h1 {
        font-size: 40px;
    }

    #ttr-portal .ttr-hero p {
        font-size: 16px;
    }

    #ttr-portal .ttr-section-header h2 {
        font-size: 32px;
    }

    #ttr-portal .ttr-restaurant-grid {
        grid-template-columns: 1fr;
    }

    #ttr-portal .ttr-card-media {
        height: 230px;
    }

    #ttr-portal .ttr-zone-heading h3 {
        font-size: 26px;
    }

    #ttr-portal .ttr-offcanvas-panel {
        width: 100%;
    }

    #ttr-portal .ttr-detail-gallery {
        height: 280px;
    }

    #ttr-portal .ttr-detail-content {
        padding: 26px 20px;
    }

    #ttr-portal .ttr-detail-content h2 {
        font-size: 29px;
    }

    #ttr-portal .ttr-detail-actions {
        flex-wrap: wrap;
    }

}


/* ================================================================
   380px
================================================================ */

@media (max-width: 380px) {

    #ttr-portal .ttr-hero h1 {
        font-size: 36px;
    }

    #ttr-portal .ttr-card-body {
        padding: 20px;
    }

    #ttr-portal .ttr-detail-gallery {
        height: 240px;
    }

}