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

html{
    scroll-behavior:smooth;
}

body{
    font-family: Georgia, serif;
    background:#111;
    color:#222;
}

/* HERO PRINCIPAL - PC */
.hero{
    min-height:100vh;
    background:
        linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.65)),
        url('assets/imgs/fondo_inicio.png?v=3');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:30px;
}

.contenido{
    color:white;
    max-width:1000px;
    padding:30px;
}

.contenido h1{
    font-size:4.5rem;
    margin-bottom:15px;
    text-shadow:0 0 18px rgba(0,0,0,.8);
    letter-spacing:2px;
    text-transform:uppercase;
}

.contenido h2{
    font-size:2rem;
    color:#d4af37;
    margin-bottom:30px;
}

.contenido p{
    font-size:1.4rem;
    line-height:1.8;
}

.boton{
    display:inline-block;
    margin-top:40px;
    padding:15px 35px;
    background:#d4af37;
    color:#111;
    text-decoration:none;
    border-radius:8px;
    font-weight:bold;
    transition:.3s;
}

.boton:hover{
    background:#f1cc58;
    transform:scale(1.05);
}

.section{
    padding:80px 20px;
}

.bg-white{
    background:#ffffff;
}

.bg-light{
    background:#f4f4f4;
}

.container{
    max-width:1200px;
    margin:0 auto;
}

.row{
    display:flex;
    align-items:center;
    gap:40px;
}

.row.reverse{
    flex-direction:row-reverse;
}

.col-img{
    flex:1;
    text-align:center;
}

.col-text{
    flex:2;
}

.col-img img{
    width:100%;
    max-width:360px;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.25);
}

.section h2{
    font-size:2.4rem;
    color:#1b263b;
    text-align:center;
    margin-bottom:25px;
}

.section h3{
    font-size:1.5rem;
    color:#8a6d1d;
    text-align:center;
    margin:25px 0 15px;
}

.section p{
    font-size:1.15rem;
    line-height:1.8;
    text-align:justify;
}

.lead{
    font-size:1.25rem;
    line-height:1.9;
}

.lista-valores{
    margin-top:20px;
    font-size:1.15rem;
    line-height:1.9;
}

.lista-valores p{
    margin-bottom:10px;
}

/* TABLET */
@media(max-width:900px){

    .row,
    .row.reverse{
        flex-direction:column;
    }

    .contenido h1{
        font-size:2.8rem;
    }

    .contenido h2{
        font-size:1.6rem;
    }

    .contenido p{
        font-size:1.15rem;
    }

    .section h2{
        font-size:2rem;
    }

    .section p{
        text-align:left;
    }
}

/* CELULAR */
@media(max-width:768px){

    .hero{
        min-height:100svh;
        background:
            linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.65)),
            url('assets/imgs/fondo_inicio_movil.png?v=3');
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
        padding:70px 18px 40px;
    }

    .contenido{
        padding:15px;
        max-width:100%;
    }

    .contenido h1{
        font-size:2.5rem;
        line-height:1.15;
        letter-spacing:1px;
    }

    .contenido h2{
        font-size:1.5rem;
        margin-bottom:25px;
    }

    .contenido p{
        font-size:1.2rem;
        line-height:1.6;
    }

    .boton{
        margin-top:30px;
        padding:15px 32px;
        font-size:1.1rem;
    }

    .section{
        padding:60px 15px;
    }
}

/* IPHONE PEQUEÑO */
@media(max-width:500px){

    .contenido h1{
        font-size:2rem;
    }

    .contenido h2{
        font-size:1.35rem;
    }

    .contenido p{
        font-size:1.05rem;
    }

    .boton{
        padding:13px 25px;
    }
}