/* GENERAL  */

.navbar {
    background-color: #28A746FF;
    transition: background-color 0.3s, padding 0.3s;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    gap: 30px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    /* padding: 20px; */
}



/* DESPÚES DE  */


.cartamod {


    --white: #ffffff;
    /* --black: #2d2a2d; */
    --paragraph: #d4d4d4;
    /* --line: #2c2a2b; */


    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    width: 19rem;
    margin: 0 auto;
    /* Centra las cartas */
    background-color: #12CDE6FF;
    background-image: radial-gradient(at 88% 40%, #2d2a2d 0px, transparent 85%),
        radial-gradient(at 49% 30%, #2d2a2d 0px, transparent 85%),
        radial-gradient(at 14% 26%, #2d2a2d 0px, transparent 85%),
        radial-gradient(at 0% 64%, #5EE037FF 0px, transparent 85%),
        radial-gradient(at 41% 94%, #AAFFF8FF 0px, transparent 85%),
        radial-gradient(at 100% 99%, #EDFF4DFF 0px, transparent 85%);
    border-radius: 1rem;
    box-shadow: 0px -16px 24px 0px rgba(255, 255, 255, 0.25) inset;
}

.cartamod .carta_title__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
}

.cartamod .cardd {
    width: 8rem;
    height: auto;
}

.cartamod .carta_title {
    font-size: 1.2rem;
    color: var(--white);
    margin-top: 0.5rem;
}