*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    font-family:'Poppins', Arial, sans-serif;
    background:url("mantenimiento.jpg") center center;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    overflow-x:hidden;
}

.overlay{
    display:flex;
    justify-content:center;
    width:100%;
    min-height:100vh;
}

.contenedor{
    width:90%;
    max-width:1400px;
    margin:auto;
}

header{

    text-align:center;

    margin-bottom:55px;

}

.logo{

    max-width:260px;

    width:100%;

}

.contenido{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:start;

}

.izquierda{

    color:white;
    padding-left:60px;

}

.izquierda h1{

    font-size:4.5rem;

    margin-bottom:15px;

    font-weight:700;

}

.izquierda h2{

    font-size:2.5rem;

    line-height:1.2;

    font-weight:600;

    margin-bottom:35px;

}

.izquierda p{

    font-size:1.25rem;

    line-height:1.8;

    margin-bottom:25px;

    font-weight:300;

}

.contacto{

    margin-top:50px;

}

.contacto h3{

    margin-bottom:20px;

    font-size:1.4rem;

    font-weight:600;

}

.contacto strong{

    font-weight:600;

}

.titulo-seminarios{

    color:white;

    margin-bottom:30px;

    font-size:2.4rem;

    font-weight:700;

}

.seminario{

    background:white;

    border-radius:18px;

    padding:22px;

    display:flex;

    align-items:center;

    margin-bottom:22px;

    transition:.30s;

    box-shadow:0 10px 35px rgba(0,0,0,.15);

}

.seminario:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 45px rgba(0,0,0,.30);

}

.fecha{

    width:95px;

    min-width:95px;

    height:95px;

    border-radius:16px;

    background:#2563eb;

    color:white;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    margin-right:25px;

}

.dia{

    font-size:2rem;

    font-weight:700;

}

.mes{

    font-size:.95rem;

    letter-spacing:2px;

    text-transform:uppercase;

}

.anio{

    font-size:.80rem;

}

.info{

    flex:1;

}

.info h3{

    margin-bottom:18px;

    color:#222;

    font-size:1.25rem;

    line-height:1.4;

}

.info a{

    display:inline-block;

    text-decoration:none;

    background:#2563eb;

    color:white;

    padding:12px 28px;

    border-radius:50px;

    font-weight:600;

    transition:.30s;

}

.info a:hover{

    background:#1746b5;

}

@media(max-width:900px){

    .contenido{

        grid-template-columns:1fr;

        gap:60px;

    }

    .izquierda h1{

        font-size:3.2rem;

    }

    .izquierda h2{

        font-size:2rem;

    }

    .titulo-seminarios{

        font-size:2rem;

    }

}

@media(max-width:600px){

    .overlay{

        padding:30px;

    }

    .seminario{

        flex-direction:column;

        text-align:center;

    }

    .fecha{

        margin-right:0;

        margin-bottom:20px;

    }

    .info a{

        width:100%;

        text-align:center;

    }

}