.imagenqr {
    border-radius: 20px;
    width: 350px;
    height: 350px;
}

.card-title {
    font-size: 20px;
    color: hsl(212, 45%, 8%);
    padding: 0 20px;
    margin-top: 20px;
    font-family: outfit;
}

.card-text {
    color: hsl(216, 15%, 48%);
    font-size: 15px;
    padding: 0 20px;
    font-family: outfit;
}    

.carta1 {
    width: 400px; 
    height: 600px;
    max-width: 90vw;
    max-height: 90vw;
    border-style: none;
    border-radius: 20px;
} 
body {
    background-color: hsl(212, 45%, 89%);
    min-height: 100vh;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;     /* Centra verticalmente */
    flex-direction: column;
}

/* ========= Media Queries ========= */

@media (max-width: 400px) {
    .carta1 {
        width: 90vw;
        height: auto;
        padding: 16px !important;
    }
    .imagenqr {
        width: 80vw;
        height: auto;
        max-width: 300px;
    }
    .card-title,
    .card-text {
        padding: 0 8px;
        font-size: 16px;
    }
}