/* ========================================================================== 
   ONIRIC TEST — CREATE
   Ajustes exclusivos de la landing de acceso al Recovery Test.

   Requiere:
   - oniric-common.css
   - oniric-modules.css
   ========================================================================== */

.oniric-test-create__hero {
    background-position: center center;
}

.oniric-test-create .oniric-hero-text-block {
    width: 100%;
    max-width: 72rem;
}

.oniric-test-create__closing {
    background-position: center center;
}

.oniric-test-create__closing-claim {
    display: flex;
    flex-direction: column;
    gap: 0.35em;

    max-width: 32ch;
    margin: 0;

    font-weight: 300;
    line-height: 1.08;
    text-align: center;
}

.oniric-test-create__closing-claim span,
.oniric-test-create__closing-claim strong {
    display: block;
}

.oniric-test-create__closing-claim strong {
    color: #ffffff;
    font-weight: 600;
}

@media (max-width: 991.98px) {
    .oniric-test-create__hero {
        background-position: 58% center;
    }
}

@media (max-width: 767.98px) {
    .oniric-test-create__closing {
        background-position: 58% center;
    }

    .oniric-test-create__closing-claim {
        max-width: 18ch;
        text-align: left;
    }
}