@media (min-width: 576px) {
    .areas-card {
        min-height: 260px;
    }
}

@media (min-width: 768px) {
    .header {
        margin-bottom: 2rem;
        padding: 2rem 0;
    }
    
    .header-logo {
        width: 250px;
    }
    
    .nav-link {
        margin-right: 1rem;
    }
    
    .nav-link-icon {
        width: 48px;
    }

    .intro-column {
        padding: 1.5rem;
    }

    .objetivos-wrapper {
        padding: 3rem 2rem 5rem;
    }

    .objetivos-text {
        font-size: 1.75rem;
        margin-bottom: 2rem;
    }

    .areas {
        margin-bottom: 6rem;
    }

    .areas-heading {
        margin-bottom: 3rem;
        padding-top: 2rem;
    }

    .areas-card {
        min-height: 240px;
    }

    .areas-card-info {
        height: calc(300% + 1rem);
        padding: 2rem;
        width: calc(300% + 1rem);
    }

    .areas-card-info-close {
        font-size: 3rem;
        right: .5rem;
    }

    .areas-card:nth-child(3) .areas-card-info {
        left: calc(-100% - .5rem);
    }

    .areas-card:nth-child(4) .areas-card-info {
        left: calc(-200% - 1rem);
    }
    
    .areas-card:nth-child(5) .areas-card-info {
        left: 0;
        top: calc(-100% - .5rem);
    }

    .areas-card:nth-child(6) .areas-card-info {
        left: calc(-100% - .5rem);
        top: calc(-100% - .5rem);
    }

    .areas-card:nth-child(7) .areas-card-info {
        left: calc(-100% - .5rem);
        top: calc(-100% - .5rem);
    }

    .areas-card:nth-child(8) .areas-card-info {
        left: calc(-200% - 1rem);
        top: calc(-100% - .5rem);
    }

    .areas-card:nth-child(9) .areas-card-info {
        left: 0;
        top: calc(-200% - 1rem);
    }

    .areas-card:nth-child(10) .areas-card-info {
        left: calc(-100% - .5rem);
        top: calc(-200% - 1rem);
    }

    .areas-card:nth-child(11) .areas-card-info {
        left: calc(-100% - .5rem);
    }

    .areas-card:nth-child(12) .areas-card-info {
        left: calc(-200% - 1rem);
    }

    .conoce-wrapper::before,
    .conoce-wrapper::after {
        height: 200px;
    }

    .conoce-slides .card {
        padding-inline: 2rem;
    }

    .conoce-slides .carousel-control-prev,
    .conoce-slides .carousel-control-next {
        transform: translateY(-70px);
    }

    .conoce-slides .carousel-control-prev {
        left: -80px;
    }

    .conoce-slides .carousel-control-next {
        right: -80px;
    }

    .conoce-slides .carousel-control-prev i,
    .conoce-slides .carousel-control-next i {
        font-size: 6rem;
    }

    .videos-wrapper {
        padding: 8rem 0;
    }

    .videos-slides .carousel-item {
        padding-inline: 0;
    }

    .videos-slides .carousel-control-prev {
        left: -100px;
    }

    .videos-slides .carousel-control-next {
        right: -100px;
    }

    .videos-slides .carousel-control-prev i,
    .videos-slides .carousel-control-next i {
        font-size: 4rem;
    }

    .jugando-wrapper::before,
    .jugando-wrapper::after {
        height: 200px;
    }

    .jugando-videos {
        text-align: left;
    }

    .jugando-videos ul {
        margin-bottom: 4rem;
    }
    
    .jugando-videos-icono {
        margin-top: 0;
        text-align: right;
    }

    .impulsado {
        padding: 6rem 0;
    }

    .footer {
        padding: 2rem 0 4rem;
    }

    .footer .nav {
        transform: translateY(-3.5rem);
    }
}

@media (min-width: 992px) {
    .intro-column {
        font-size: 1.25rem;
        padding: 2.5rem 4rem;
    }

    .mapa-bicisenda {
        padding-bottom: 6rem;
    }

    .objetivos-wrapper {
        min-height: 100vh;
    }

    .areas-card {
        min-height: 300px;
    }

    .areas-card-info {
        height: calc(200% + .5rem);
        padding: 3rem;
    }

    .areas-card-info h3,
    .areas-card-info > p:first-of-type,
    .areas-card-info-fauna {
        margin-bottom: 2rem;
    }

    .areas-card-info h3,
    .areas-card-info > p:first-of-type {
        padding-bottom: 2rem;
    }

    .areas-card-info > div + p:last-of-type {
        margin-top: 2rem;
        padding-top: 2rem;
    }

    .areas-card:nth-child(9) .areas-card-info,
    .areas-card:nth-child(10) .areas-card-info,
    .areas-card:nth-child(11) .areas-card-info,
    .areas-card:nth-child(12) .areas-card-info {
        top: calc(-100% - .5rem);
    }

    .conoce-slides .carousel-control-prev {
        left: -120px;
    }

    .conoce-slides .carousel-control-next {
        right: -120px;
    }

    .fotos-heading {
        margin-top: 8rem;
    }

    .videos-slides .carousel-control-prev {
        left: -110px;
    }

    .videos-slides .carousel-control-next {
        right: -110px;
    }

    .videos-slides .carousel-control-prev i,
    .videos-slides .carousel-control-next i {
        font-size: 5rem;
    }
}

@media (min-width: 1200px) {
    .intro-column {
        padding: 2.5rem 5rem;
    }

    .objetivos-wrapper {
        padding: 4rem 3rem 6rem;
    }
    
    .objetivos-text {
        font-size: 2.25rem;
        padding: 2rem 1.5rem;
    }

    .videos-slides .carousel-control-prev {
        left: -140px;
    }

    .videos-slides .carousel-control-next {
        right: -140px;
    }

    .videos-slides .carousel-control-prev i,
    .videos-slides .carousel-control-next i {
        font-size: 6rem;
    }
}