


.admisiones {
    background: var(--bg-white);
    opacity: 1;
    padding: var(--padding-screen);
    box-sizing: border-box;
}

.admission-process-title
{
    text-align: center;
        font-size: var(--fn-h2);
        padding-bottom: 1rem;
        color: var(--bg-amarillo-b);
        text-transform: uppercase;
        opacity: 1;
        font-weight: 700;
}

.admission-process-subtitle{
    font-size: var(--fn-p);
    color: var(--bg-dark-b);
    text-align: center;
    margin: 0 auto;
}

.admission-process-steps-container
{
    padding: 1rem  0 0 0 ;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap:50px;
}

.admission-process-steps-container .step-item{
    text-align: center;
    margin:  0 auto;
    padding: 2rem 0;
}

.admission-process-steps-container .step-description{
    font-size: var(--fn-p);
    color: var(--bg-dark-b);
    padding: 1rem 0;
}

.admission-process-steps-container .step-number {
    font-size: var(--fn-h2);
    color: var(--bg-white);
    font-weight: 700;
    display: grid;
    align-items: center;
    width: 4rem;
    height: 4rem;
    margin:  0 auto;
    border-radius: 50%;
}

/* Elementos impares (1ro, 3ro, 5to, etc.) */
.admission-process-steps-container .step-number {
    background-color: var(--bg-naranja-c) ;
}

/* Elementos pares (2do, 4to, 6to, etc.) */
.admission-process-steps-container div:nth-child(even) .step-number {
    background-color: var(--bg-amarillo-b) !important;
 }


 @media(max-width:1250px) {

    .admission-process-steps-container {
            padding: 1rem 0 0 0;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 20px;
        }

                .admission-process-steps-container>*:nth-child(5) {
                    grid-column: 1 / -1;
                    justify-self: center;
                }
 }


 @media(max-width:800px) {
    .admission-process-steps-container {
            padding: 1rem 0 0 0;
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 20px;
        }

 .admission-process-title {
     font-size: var(--fn-h1);
     }
 }