/* 1. Tabletas y Móviles Grandes (≥ 768px) */
@media (min-width: 768px) {

    html {
        font-size: 19px; /* Incremento leve para pantallas medianas */
    }

    .familia__container-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    column-gap: 6rem;
    row-gap: 2rem;
    align-content: center;
    justify-items: center;

    text-align: center;
}

    

    


    .confirmacion__container2-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 2rem;
        row-gap: 2rem;
        align-content: center;
        justify-items: center;
        
        /*background-color: aqua;*/
    }

    
    .familia__container-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        /*background-color: aqua;*/
    }

    .vestimenta__container-items {
        display: grid;
        grid-template-columns: 1fr;
        /*background-color: aqua;*/
    }

    .hospedaje__container-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 3rem;
        row-gap: 2rem;
        /*background-color: aqua;*/
    }

    .w-padding {
    
    margin: 0 auto;    /* Asegura el centrado horizontal */
    padding: 5rem;     /* El padding ahora se restará del 90% */
    box-sizing: border-box; /* LA CLAVE: mantiene el ancho real en 90% */
    /*background-color: #542c9a;*/
}
}

/* 2. Ordenadores / Laptops (≥ 1024px) */
@media (min-width: 1024px) {

    html {
        font-size: 20px; /* 1rem = 20px */
    }

    .w-padding {    
    margin: 0 auto;    /* Asegura el centrado horizontal */
    padding: 7rem;     /* El padding ahora se restará del 90% */
    box-sizing: border-box; /* LA CLAVE: mantiene el ancho real en 90% */
    /*background-color: #542c9a;*/
    }
    

    .vestimenta__container-items {
        grid-template-columns: repeat(2, minmax(300px, 500px));
        justify-content: center;
    }

    

    .galeria__container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(2, 1fr);
        grid-gap: 0px;
        grid-auto-flow: row;
        gap: 0;
        column-gap: 0;
        row-gap: 0;

        /*background-color: aqua;*/
    }

    .regalos__container-items {
        text-align: center;
        display: grid;
        grid-template-columns: 1fr 1fr ;
        grid-template-rows: auto;
        column-gap: 1rem;
        row-gap: 2rem;

        /*background-color: aqua;*/
    }

    .hospedaje__container-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 1rem;
        row-gap: 2rem;
        /*background-color: aqua;*/
    }
    .w-padding { padding: 5rem; } /* Más espacio en pantallas grandes */
}



/* 2. Ordenadores / Laptops (≥ 1300px) */
@media (min-width: 1300px) {

    .regalos__container-items {
        text-align: center;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 1rem;
        row-gap: 2rem;

        /*background-color: aqua;*/
    }
    .sede__container-items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-content: center;
        justify-items: center;
        gap: 2rem;
        /*background-color: aqua;*/
    }

    .hospedaje__container-items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 1rem;
        row-gap: 2rem;
        /*background-color: aqua;*/
    }

    
}