/* ============================
DESTINOS VIDEO SECTION
============================ */

.gs-home-destinos-video {
    display: flex;
    margin-top: 150px;
    position: relative;
    align-items: flex-end;
    justify-content: flex-end;
    height: 600px;
}
/* VIDEO BACKGROUND */

.gs-destinos-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:0;
overflow:hidden;
}

.gs-destinos-video{
width:100%;
height:100%;
object-fit:cover;
}

/* OVERLAY OPCIONAL */

.gs-home-destinos-video::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: linear-gradient(270deg, #00000082 0%, #0000001a 40%, rgb(255 255 255 / 0%) 70%, rgb(0 0 0 / 0%) 100%);
z-index:1;
}
/* ============================
DESTINOS TITLE
============================ */

.gs-destinos-heading {
    position: absolute;
    top: -200px;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

.gs-destinos-heading h2 {
    font-size: 200px;
    font-weight: var(--font-bold);
    color: white;
    text-shadow: 3px 3px 8px rgb(209 209 209 / 50%);
    letter-spacing: 2px;
}
/* CONTENT */

.gs-home-destinos-video .gs-container{
position:relative;
z-index:2;
}

/* WHITE BOX */

.gs-container-custom-destinos-home {
    display: flex;
    max-width: 1200px;
    width: 90%;
    position: relative;
    align-items: center;
    z-index: 2;
    margin: 0 auto -70px auto;
    justify-content: flex-end;
}

.gs-destinos-wrapper {
    background: white;
    width: 470px;
    padding: 30px;
    border-radius: var(--radius-lg);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

/* HEADER */

.gs-destinos-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 20px;
}

.gs-destinos-title{
display: none;
}

.gs-destinos-btn{
background:var(--color-primario);
color:white;
padding:8px 18px;
border-radius:var(--radius-xl);
font-size:var(--text-sm);
text-decoration:none;
transition:.25s;
}

.gs-destinos-btn:hover{
background:var(--color-primario-oscuro);
}

/* GRID */

.gs-destinos-grid{
gap:14px;
    grid-template-columns: repeat(1, 1fr);
}

/* CARD */

.gs-destino-card{
display:flex;
align-items:center;
background:var(--color-bg);
border-radius:var(--radius-md);
padding:12px;
text-decoration:none;
border:1px solid #eee;
transition:all .25s ease;
height:80px;
}

.gs-destino-card:hover{
transform:translateY(-3px);
box-shadow:0 8px 18px rgba(0,0,0,0.08);
}

.gs-destino-img{
width:60px;
height:60px;
border-radius:var(--radius-md);
overflow:hidden;
flex-shrink:0;
}

.gs-destino-img img{
width:100%;
height:100%;
object-fit:cover;
}

.gs-destino-content{
margin-left:14px;
}

.gs-destino-title{
font-size:var(--text-md);
color:var(--color-text-cafe);
font-weight:var(--font-semibold);
}

.gs-destino-count{
font-size:var(--text-sm);
color:var(--color-text-azul);
}

@media screen and (max-width: 1024px) {
.gs-destinos-heading {
    top: -140px;
} 
.gs-destinos-heading h2 {
    font-size: 140px;
}

}

@media screen and (max-width: 767px) {
.gs-home-destinos-video {
    margin-top: 0px;
    height: 350px;
}

.gs-container-custom-destinos-home {
    margin: 0px auto -300px auto;
}

.gs-destinos-header {
    justify-content: space-between;
}

.gs-destinos-title{
display: flex;
font-size:var(--text-md);
font-weight:var(--font-semibold);
color:var(--color-text-cafe);
}

.gs-destinos-heading {
    display: none;
} 

}