/* ==========================================================
   REBORN WEB 2026
   Colegio Mexicano de Veracruz
   main.css
   ========================================================== */

/* ==========================================================
   RESET
   ========================================================== */

*,
*::before,
*::after{margin:0;padding:0;box-sizing:border-box;}
:root{--verde:#1fb36a;--verde-claro:#27c777;--verde-hover:#169458;--gris:#efefef;--gris-claro:#fafafa;--gris-oscuro:#555;--texto:#333;--blanco:#fff;--ancho:1000px;--radio:4px;--transicion:.25s;}
html{scroll-behavior:smooth;}
body{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:var(--texto);background:#fff;}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
video{display:block;width:100%;height:auto;}
main{width:100%;}
.oculto{display:none!important;}
.hero,.hero-video{width:100%;display:block;height:auto;}

.inicio-presentacion{padding:50px 20px 42px;text-align:center;}
.inicio-presentacion h1{color:var(--verde);font-size:24px;font-weight:800;line-height:1.25;margin-bottom:18px;}
.inicio-presentacion h2{color:var(--verde);font-size:22px;font-weight:700;}

.inicio-tarjetas{background:#efefef;padding:38px 20px 78px;}
.inicio-tarjetas .contenedor{max-width:930px;display:grid;grid-template-columns:repeat(2,1fr);gap:44px;}

.inicio-tarjeta{
    overflow:hidden;
}

.tarjeta-blanca{
    background:#fff;
}

.tarjeta-blanca img{
    width:85%;
    margin:30px auto 0;
}

.tarjeta-verde img{
    width:86%;
    margin:30px auto 0;
}

.tarjeta-blanca h3{
    margin:40px 50px 38px;
    font-family:"Questrial",Arial,sans-serif;
    font-size:28.5px;
    font-weight:600;
    line-height:1.22;
    letter-spacing:-0.02em;
    color:#343f64;
    text-align:center;
}

.tarjeta-blanca .frase{
    margin:40px 50px 38px;
    font-family:"Questrial",Arial,sans-serif;
    font-size:21.5px;
    line-height:1.22;
    color:#343f64;
    text-align:center;
}

.tarjeta-blanca .autor{
    margin:34px 38px 38px;
    font-family:"Questrial",Arial,sans-serif;
    font-size:19.5px;
    color:#343f64;
    text-align:center;
}

.tarjeta-verde{
    background:var(--verde);
    color:#fff;
}

.tarjeta-verde img{
    width:86%;
    margin:30px auto 0;
}

.tarjeta-texto{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:245px;
    padding:34px 40px 42px;
}

.tarjeta-texto p{
    font-family:"Questrial",Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    line-height:1.5;
    text-align:center;
    max-width:430px;
}

@media(max-width:900px){
.inicio-presentacion{padding:40px 20px;}
.inicio-presentacion h1{font-size:28px;}
.inicio-presentacion h2{font-size:20px;}
.inicio-tarjetas .contenedor{grid-template-columns:1fr;}
.tarjeta-verde img{width:100%;margin:0;}
.tarjeta-texto{min-height:auto;padding:35px;}
}