/* HERO */

.hero-disco {
    position: relative;
    height: 75vh;
    overflow: hidden;
}

.hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(60%);
}

.hero-overlay {
    position: absolute;
    inset: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;
    padding: 20px;
}

.hero-content {
    max-width: 850px;
    color: white;
}

.hero-content h1 {

    font-size: 3rem;
    font-weight: 400;

    margin-bottom: 20px;

    text-shadow:
    0 4px 12px rgba(0,0,0,.45);

}


.hero-content p {

    font-size: 1.2rem;
    line-height: 1.8;

    text-shadow:
    0 2px 8px rgba(0,0,0,.45);

}





/* INTRO */

.intro-section {

    background:
    white;

}


.intro-section .lead {

    font-size:
    1.35rem;

    color:
    #222;

    line-height:
    1.8;

}


.intro-section p {

    color:
    #555;

    line-height:
    1.95;

    font-size:
    1.05rem;

}





/* FEATURES */

.features-section {

    background:
    #f8f8f8;

}


.features-section h2 {

    font-weight:
    400;

}



.feature-card {

    background:
    white;

    padding:
    35px;

    border-radius:
    12px;

    box-shadow:
    0 4px 14px rgba(0,0,0,.05);

    transition:
    .3s ease;

}


.feature-card:hover {

    transform:
    translateY(-4px);

}



.feature-card h3 {

    margin-bottom:
    15px;

    font-size:
    1.25rem;

    color:
    #111;

}


.feature-card p {

    color:
    #666;

    line-height:
    1.8;

}





/* GALLERY */

.gallery-section {

    background:
    white;

}


.gallery-section h2 {

    font-weight:
    400;

}



.gallery-img {

    width:
    100%;

    height:
    100%;

    min-height:
    320px;

    object-fit:
    cover;

    border-radius:
    12px;

    box-shadow:
    0 3px 12px rgba(0,0,0,.08);

    transition:
    .3s ease;

}


.gallery-img:hover {

    transform:
    scale(1.015);

}





/* CTA */

.bg-dark {

    background:
    #111 !important;

}


.bg-dark h2 {

    font-weight:
    400;

}


.bg-dark p {

    max-width:
    700px;

    margin:
    auto;

}


.boton-secundario {

    background:
    transparent !important;

    border:
    1px solid rgba(255,255,255,.25);

}


.boton-secundario:hover {

    background:
    rgba(255,255,255,.08) !important;

}





/* MOBILE */

@media (max-width:768px){

.hero-disco{

height:
65vh;

}


.hero-content h1{

font-size:
2rem;

}


.hero-content p{

font-size:
1rem;

}


.gallery-img{

min-height:
240px;

}


.feature-card{

padding:
25px;

}


.intro-section .lead{

font-size:
1.15rem;

}

}