/* ======================================================
   PARTYVERSO
   Archivo: responsive.css
   Adaptación Responsive Global
====================================================== */

/*======================================================
= PC Y LAPTOPS
======================================================*/

@media (min-width: 901px){

    .card-evento{

        width:30%;

        margin:0 auto;

    }

}


/*======================================================
= TABLETS
======================================================*/

@media (max-width: 900px){


    .hero{

        padding:60px 0 40px;

    }


    .hero h1{

        font-size:3rem;

    }


    .titulo-seccion h2{

        font-size:1.7rem;

    }


    .lista-eventos{

        gap:35px;

    }


}


/*======================================================
= CELULARES GRANDES
======================================================*/

@media (max-width: 600px){


    .container{

        width:90%;

    }


    .hero{

        padding:45px 0 35px;

    }


    .hero h1{

        font-size:2.4rem;

        letter-spacing:2px;

    }


    .hero p{

        font-size:.95rem;

    }


    .titulo-seccion{

        margin-bottom:30px;

    }


    .titulo-seccion h2{

        font-size:1.45rem;

    }


    .card-evento{

        border-radius:14px;

    }


    .contenido-evento{

        padding:25px 20px;

    }


    .contenido-evento h3{

        font-size:1.35rem;

    }


    .descripcion{

        font-size:.95rem;

    }


    .fecha{

        font-size:.95rem;

    }


    .btn-evento{

        width:100%;

        padding:14px 20px;

    }


}


/*======================================================
= CELULARES PEQUEÑOS
======================================================*/

@media (max-width: 380px){


    .hero h1{

        font-size:2rem;

    }


    .hero p{

        font-size:.9rem;

    }


    .contenido-evento{

        padding:20px 15px;

    }


    .contenido-evento h3{

        font-size:1.2rem;

    }


}