/*
Theme Name: Astra Aventura
Theme URI: https://example.com
Description: Child theme aventura turismo para Astra
Author: Tu Nombre
Template: astra
Version: 1.0
*/


/* HERO */

.hero-overlay {
    position: relative;
    color: white;
}

.hero-overlay::before {

    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(180deg,
            rgba(0, 0, 0, .4),
            rgba(0, 0, 0, .65));

    z-index: 1;

}

.hero-overlay .elementor-container {
    position: relative;
    z-index: 2;
}


/* TITULARES */

h1 {

    font-size: 64px;
    font-weight: 700;
    letter-spacing: -1px;

}

h2 {

    font-size: 40px;
    font-weight: 600;

}


/* HEADER */

.ast-site-header {

    backdrop-filter: blur(8px);

    background: rgba(0, 0, 0, .35);

}


/* MENU */

.main-header-menu a {

    color: white;
    font-weight: 500;
    letter-spacing: .04em;

}

.main-header-menu a:hover {

    color: #ff6b2d;

}


/* BOTONES */

.elementor-button {

    border-radius: 30px;

    background: linear-gradient(135deg,
            #ff6b2d,
            #ff9b2d);

    box-shadow: 0 10px 25px rgba(0, 0, 0, .4);

}

.elementor-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 12px 30px rgba(0, 0, 0, .5);

}


/* LOGIN CARD */

.login-card {

    background: rgba(255, 255, 255, .12);

    backdrop-filter: blur(10px);

    border-radius: 20px;

    padding: 35px;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .1);

}


/* CTA */

.adventure-cta h1 {

    color: white;

}

.adventure-cta p {

    color: rgba(255, 255, 255, .9);

}


/* FOOTER */

.site-footer {

    background: #0e1a20;

    color: white;

}

/* HERO TITLES */

.hero-aventura h1 {
    font-size: 72px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #ffffff;
    line-height: 1.05;
}

.hero-aventura p {
    font-size: 20px;
    color: rgba(255, 255, 255, .9);
    max-width: 520px;
}


/* HEADER SOBRE HERO */

.ast-primary-header-bar {
    background: rgba(0, 0, 0, .35);
    backdrop-filter: blur(8px);
}


/* MENU */

.main-header-menu a {
    color: white;
    font-weight: 500;
    letter-spacing: .05em;
}

.main-header-menu a:hover {
    color: #ff7a2f;
}


/* BOTONES AVENTURA */

.btn-aventura .elementor-button {

    background: linear-gradient(135deg,
            #ff6b2d,
            #ff9a2f);

    border-radius: 40px;

    padding: 16px 34px;

    font-weight: 600;

    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);

    transition: .25s;
}

.btn-aventura .elementor-button:hover {

    transform: translateY(-2px);

    box-shadow: 0 14px 35px rgba(0, 0, 0, .2);

}


/* CARD GLASS */

.card-aventura {

    background: rgba(255, 255, 255, .12);

    backdrop-filter: blur(10px);

    border-radius: 22px;

    padding: 35px;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);

}


/* LISTA BENEFICIOS */

.lista-aventura .elementor-icon-list-text {
    color: white;
    font-size: 16px;
}

.lista-aventura i {
    color: white;
}


/* RESPONSIVE */

@media(max-width:900px) {

    .hero-aventura h1 {
        font-size: 46px;
    }

}