/*====================================
=              HERO - RESPONSIVE
=====================================*/

@media (max-width: 1024px){
    .hero h1{
        font-size:56px;
        max-width:100%;
    }

    .hero p{
        font-size:18px;
        max-width:100%;
    }
}

@media (max-width: 640px){
    .hero{
        min-height:auto;
        padding:110px 0 60px;
    }

    .hero-content{
        padding:0 20px;
    }

    .hero h1{
        font-size:32px;
        line-height:1.15;
        margin-bottom:18px;
    }

    .hero p{
        font-size:15px;
        margin-bottom:26px;
    }

    .hero-buttons{
        flex-direction:column;
        gap:14px;
    }

    .hero-buttons .btn{
        width:100%;
        text-align:center;
    }
}

/*====================================
=            INSPIRACION - RESPONSIVE
=====================================*/

@media (max-width: 1024px){
    .home-inspiration{
        padding:80px 0;
    }

    .home-inspiration .section-header h2{
        font-size:38px;
    }

    .inspiration-grid{
        grid-template-columns:repeat(2,1fr) !important;
        gap:16px !important;
    }

    .gallery-item img{
        height:230px;
    }

    .featured-grid{
        grid-template-columns:repeat(3,1fr) !important;
    }
}


@media (max-width: 768px){
    .home-inspiration{
        padding:60px 0;
    }

    .home-inspiration .section-header{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
        margin-bottom:35px;
    }

    .home-inspiration .section-header h2{
        font-size:30px;
        margin:10px 0 14px;
    }

    .home-inspiration .section-header p{
        max-width:100%;
        font-size:16px;
    }

    .featured-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .home-about .container{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start;
        gap:30px;
        flex-wrap:wrap !important;
    }

    .about-title{
        white-space:normal;
    }

    .about-grid{
        display:flex !important;
        flex-wrap:wrap !important;
        justify-content:flex-start;
        gap:28px;
    }

    .about-item{
        flex:0 0 calc(50% - 14px) !important;
    }

    .home-benefits .container{
        flex-wrap:wrap;
        gap:24px;
        justify-content:flex-start;
    }

    .benefit-item{
        flex:0 0 calc(50% - 12px);
        padding:0;
    }

    .benefit-item::after{
        display:none;
    }

    .social-proof-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .home-featured{
        padding:60px 0;
    }

    .home-featured .section-header{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }
}

@media (max-width: 560px){
    .inspiration-grid{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .gallery-item img{
        height:220px;
    }

    .featured-grid{
        grid-template-columns:1fr !important;
    }

    .about-item{
        flex:0 0 100% !important;
    }

    .benefit-item{
        flex:0 0 100%;
    }

    .instagram-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .instagram-cta{
        position:static;
        transform:none;
        margin-top:20px;
        width:100%;
        justify-content:center;
    }
}