/* Contenedor general */
.congresos{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:350px 350px;
    grid-template-areas:
        "c1 c1"
        "c2 c3";
    gap:20px;
    width:100%;
    padding:50px 5%;
}

/* Cada congreso */
.congreso{
    position:relative;
    background-size:cover;
    background-position:center;
    border-radius:20px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .4s, box-shadow .4s;
}

.congreso:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

/* Zonas específicas en la grid */
.congreso1{grid-area:c1;}
.congreso2{grid-area:c2;}
.congreso3{grid-area:c3;}

/* Texto dentro de cada bloque */
.textoq{
    color:#fff;
    padding:30px;
    background-color:rgba(0,0,0,0.6);
    border-radius:15px;
    max-width:400px;
}

/* Alineación */
.textoq.derecha{
    margin-left:auto;
    text-align:right;
}

.textoq.centrado{
    margin:auto;
    text-align:center;
}

/* Títulos y párrafos */
.textoq h2{
	font-family:Calibri;
	font-weight:600;
    font-size:5vh;
    margin-bottom:15px;
    color:#FF7F2A;
}

.textoq p{
	font-family:Calibri;
	font-weight:600;	
    font-size:5vh;
    line-height:1.0;
}

/* Responsive */
@media(max-width:900px){
    .congresos{
        grid-template-columns:1fr;
        grid-template-rows:auto;
        grid-template-areas:
            "c1"
            "c2"
            "c3";
    }
    .textoq{
        max-width:90%;
        text-align:center;
        margin:auto;
    }
	.textoq h2{font-size:2.2vh;}
	.textoq  p{font-size:2.5vh;}
	.congreso .congreso1{text-align:center;}
}