/* =========================================
   INSCRIPCIÓN
========================================= */

.inscripcion{

    display:flex;

    gap:40px;

    padding:120px 40px;

    background:#f8fafc;

    align-items:flex-start;
}

/* =========================================
   TARJETAS
========================================= */

.inscripcion__requisitos{

    flex:1;

    background:#fff;

    border-radius:24px;

    padding:50px;

    position:relative;

    overflow:hidden;

    box-shadow:
        0 15px 40px rgba(0,0,0,.08);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}
.inscripcion__materiales{

    flex:1;

    background:#fff;

    border-radius:24px;

    padding:50px;

    position:relative;

    overflow:hidden;

    box-shadow:
        0 15px 40px rgba(0,0,0,.08);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.inscripcion__requisitos:hover,
.inscripcion__materiales:hover{

    transform:translateY(-8px);

    box-shadow:
        0 25px 50px rgba(0,0,0,.12);
}

/* =========================================
   MARCA DE AGUA
========================================= */

.inscripcion__requisitos::after{

    content:"";

    position:absolute;

    inset:0;

    background-image:url("/wp-content/uploads/2026/05/logo-felinos.png");

    background-repeat:no-repeat;

    background-position:center;

    background-size:65%;

    opacity:.04;

    pointer-events:none;
}

/* =========================================
   TITULOS
========================================= */

.inscripcion h2{

    margin-bottom:35px;

    color:var(--secondary);

    font-size:clamp(2.5rem,5vw,4rem);

    line-height:1;

    text-transform:uppercase;
}

/* =========================================
   REQUISITOS
========================================= */

.requisito-item{

    display:flex;

    align-items:center;

    gap:16px;

    padding:14px 0;

    font-size:1.15rem;

    transition:.3s ease;
}

.requisito-item:hover{

    transform:translateX(8px);

    color:var(--primary);
}

.requisito-item .elementor-icon{

    color:var(--primary);

    transition:.3s ease;
}

.requisito-item:hover .elementor-icon{

    transform:scale(1.2);
}

/* =========================================
   GRID MATERIALES
========================================= */

.material-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:40px;
}

.material-columna{

    display:flex;

    flex-direction:column;

    gap:20px;
}

/* =========================================
   SUBTITULOS
========================================= */

.material-columna h3{

    color:var(--secondary);

    font-size:1.4rem;

    font-weight:700;

    text-transform:uppercase;

    margin:0;
}

/* =========================================
   LISTAS
========================================= */

.material-columna .requisito-item{

    padding:8px 0;
}

/* =========================================
   IMAGENES
========================================= */

.material-images{

    display:flex;

    justify-content:center;

    align-items:flex-end;

    gap:24px;

    margin-top:25px;
}

.material-images img{

    transition:
        transform .4s ease,
        filter .4s ease;
}

.material-images img:hover{

    transform:
        translateY(-10px)
        scale(1.05);

    filter:
        drop-shadow(0 15px 25px rgba(0,0,0,.18));
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1024px){

    .inscripcion{

        flex-direction:column;
    }

    .material-grid{

        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .inscripcion{

        padding:80px 20px;
    }

    .inscripcion__requisitos,
    .inscripcion__materiales{

        padding:35px 25px;
    }

    .material-images{

        flex-wrap:wrap;
    }

    .material-images img{

        max-width:120px;
    }
}