/* ==========================================================
   REBORN WEB 2026
   BACHILLERATO
   ========================================================== */

.hero img{
display:block;
width:100%;
height:auto;
}

.bachillerato{
max-width:1200px;
margin:80px auto;
padding:0 20px;
}

.bachillerato h1{
margin:0 0 60px;
text-align:center;
font-family:"Questrial",sans-serif;
font-size:64px;
font-weight:400;
color:#21b26b;
text-transform:uppercase;
}

.bachillerato-grid{
display:grid;
grid-template-columns:420px 1fr;
gap:60px;
align-items:center;
margin-bottom:80px;
}

.bachillerato-imagen img{
display:block;
width:100%;
border-radius:14px;
}

.bachillerato-texto h2,
.bloque h2{
margin:0 0 25px;
font-family:"Questrial",sans-serif;
font-size:42px;
font-weight:400;
text-align:center;
color:#ff4747;
}

.bachillerato-texto p,
.bloque p{
font-family:"Questrial",sans-serif;
font-size:20px;
line-height:1.9;
text-align:justify;
color:#444;
}

.bloque{
max-width:1000px;
margin:0 auto 60px;
}

.bloque ul{
margin:25px 0;
padding-left:30px;
}

.bloque li{
margin-bottom:12px;
font-family:"Questrial",sans-serif;
font-size:20px;
line-height:1.8;
color:#444;
}

.imagen-final{
max-width:900px;
margin:0 auto;
}

.imagen-final img{
display:block;
width:100%;
border-radius:14px;
}

@media(max-width:900px){

.bachillerato{
margin:60px auto;
}

.bachillerato h1{
font-size:42px;
margin-bottom:40px;
}

.bachillerato-grid{
grid-template-columns:1fr;
gap:35px;
margin-bottom:60px;
}

.bachillerato-texto h2,
.bloque h2{
font-size:32px;
}

.bachillerato-texto p,
.bloque p,
.bloque li{
font-size:18px;
}

}