* {
    box-sizing: border-box;
}

section {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow-x: hidden;
}

.video-fundo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.container_informacao {
    background: rgba(10, 10, 10, 0.2);
    backdrop-filter: blur(5px);
    margin: 20px;
    padding: 20px 10px;
    box-sizing: border-box;
    width: 95%;
    max-width: 500px;


    height: calc(100vh - 40px);

    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */

    position: relative;
    z-index: 1;
    gap: 40px;
}

.cartas {
    position: absolute; /* Permite flutuar sobre a outra div */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centraliza */
    z-index: 2; /* Camada superior - Fica por cima */
    pointer-events: none; /* Permite clicar no que está atrás se necessário */
}

.casal_roupa {
    position: absolute; /* Permite flutuar sobre a outra div */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centraliza */
    z-index: 0; /* Camada superior - Fica por cima */
    pointer-events: none; /* Permite clicar no que está atrás se necessário */
}

.nome h2 {
    color: #ff0000;
    font-family: 'Alex Brush', cursive;
    font-size: 2rem;

    text-shadow:
        0 0 5px #640101,
        0 0 10px #c5000085;

}

.dresscode h1 {
    color: #ff0000;
    font-family: 'Alex Brush', cursive;
    font-size: 4rem;

    text-shadow:
        0 0 5px #640101,
        0 0 10px #c5000085;

}

.coresproibidas p {
    color: #ffffff;
    font-family: 'Bellota', cursive;
    font-size: 1rem;
    text-align: center;
}

.nome_traje {
    text-align: center;
}

.nome_traje h2 {
    color: white;
    font-family: 'Bellota';
}

.nome_traje h3 {
    color: #ffffff59;
    font-family: 'Bellota';
}

.ideias_de_roupa h3 {
    color: red;
    font-family: 'Bellota';
}

.ideias_de_roupa h3 a {
    text-decoration: none; /* Remove o sublinhado */
    color: rgb(255, 0, 0);          /* Ou a cor que você preferir */

        text-shadow:
        0 0 5px #640101,
        0 0 10px #c5000085;
}

.coresproibidas {
    display: flex;
    flex-direction: column; /* Coloca o texto em cima e a imagem embaixo */
    align-items: center;    /* Centraliza horizontalmente */
    text-align: center;     /* Garante que o texto dentro do <p> também alinhe */
    margin-bottom: 100px;
}

.paleta img {
    display: block;         /* Remove espaços extras na base da imagem */
    max-width: 100%;        /* Garante que a imagem não transborde */
    height: auto;
}