body {
    background: linear-gradient(to bottom, #dbeeff, #f9f3ea);
    font-family: 'Crimson Text', serif;
    padding: 50px;
    display: flex;
    justify-content: center;
}

.carta {
    /* textura de papel antiguo */
    background-size: cover;
    max-width: 700px;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(0, 50, 100, 0.2);
    border: 2px solid #a4c8e1;
    color: #2e3a59;
    line-height: 1.8;
    position: relative;
    text-align: justify;
}

h1 {
    font-family: 'Great Vibes', cursive;
    font-size: 2.5em;
    color: #457da0;
    text-align: center;
    margin-bottom: 40px;
}

.firma {
    font-family: 'Great Vibes', cursive;
    font-size: 1.5em;
    color: #457da0;
    margin-top: 50px;
    text-align: right;
}

p,
.firma {
    text-shadow: 0.5px 0.5px #ccc;
}

.decoracion-izquierda,
.decoracion-derecha {
    position: absolute;
    width: 40px;
    height: 40px;
}

.decoracion-izquierda {
    top: 20px;
    left: 20px;
}

.decoracion-derecha {
    bottom: 20px;
    right: 20px;
}

/* RESPONSIVE: adapta a pantallas pequeñas */
@media screen and (max-width: 600px) {
    .carta {
        padding: 25px;
    }

    h1 {
        font-size: 1.8em;
    }

    .firma {
        font-size: 1.3em;
    }

    .decoracion-izquierda,
    .decoracion-derecha {
        width: 30px;
        height: 30px;
    }
}