/* ==========================================
   EXPERIENCIA PROFESIONAL
========================================== */

section.experiencia-laboral{
    margin: 70px 80px;
    padding: 50px 30px;
    background: #f5f7ff;
    border-radius: 15px;
}

/* Título */

.experiencia-laboral__titulo{
    text-align: center;
    font-size: 2.3rem;
    color: #222;
    margin-bottom: 15px;
}

/* Introducción */

.experiencia-laboral__intro{
    max-width: 900px;
    margin: 0 auto 40px;
    text-align: center;
    color: #555;
    font-size: 1.1rem;
    line-height: 1.7;
}

/* Contenedor */

.experiencia-laboral__contenedor{

    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:35px;

}

/* Tarjetas */

.experiencia-laboral__card{

    background:#fff;
    width:520px;
    padding:30px;

    border-radius:18px;

    box-shadow:0 8px 20px rgba(0,0,0,.12);

    transition:.35s;

}

.experiencia-laboral__card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 28px rgba(0,0,0,.20);

}

/* Cargo */

.experiencia-laboral__cargo{

    font-size:1.6rem;
    color:#4f46e5;
    margin-bottom:8px;

}

/* Empresa */

.experiencia-laboral__empresa{

    font-size:1.1rem;
    font-weight:600;
    color:#444;

}

/* Fecha */

.experiencia-laboral__fecha{

    display:inline-block;

    margin:12px 0 20px;

    padding:6px 14px;

    border-radius:20px;

    background:#e0e7ff;

    color:#4338ca;

    font-size:.95rem;

    font-weight:600;

}

/* Descripción */

.experiencia-laboral__descripcion{

    line-height:1.7;

    color:#555;

    margin-bottom:25px;

    text-align:justify;

}

/* Subtítulos */

.experiencia-laboral__card h4{

    color:#333;

    margin-bottom:12px;

    margin-top:20px;

}

/* Tecnologías */

.experiencia-laboral__tecnologias{

    background:#eef2ff;

    color:#3730a3;

    padding:15px;

    border-radius:10px;

    line-height:1.8;

    font-weight:500;

}

/* Lista */

.experiencia-laboral__card ul{

    margin-top:18px;

    padding-left:22px;

}

.experiencia-laboral__card li{

    margin-bottom:10px;

    line-height:1.6;

    color:#444;

}

/* Responsive */

@media (max-width:768px){

    section.experiencia-laboral{

        margin:40px 15px;
        padding:35px 20px;

    }

    .experiencia-laboral__card{

        width:100%;

    }

    .experiencia-laboral__titulo{

        font-size:2rem;

    }

}