.header-landing{width: 100%;background: #2d4860;box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);position: relative;z-index: 1;}
.header-landing .logo{width: 150px;display: block;height: 70px;transition: .4s;background: radial-gradient(circle, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 60%);}
.header-landing .logo img{width:100%;height: 100%;object-fit: contain;}
.header-landing .inner{display:flex; justify-content:center;}

main[data-depth="Landing Page"] {background: #223342;}
main[data-depth="Landing Page"] header .logo{height:100px}

/* .landing{position:relative;} */

.landing_new{background: #223342;padding: 2rem 0;}
.landing_new .inner{ gap: 1rem}
.landing_new figure {width: 45%;}
.landing_new figure img{width: 100%;height: auto;position: sticky;top: 100px;}
.landing_new figure .logo{ display: none;}
.landing_new figure .logo img[data-desarrollo="Pescara"]{width: 80%;margin: 0 auto;position: initial;display: block;}
.landing_new .info_landing {width: 50%;}
.landing_new .logo_landing {width: 50%;max-width: 300px;margin-bottom: 2rem;}
.landing_new .info_landing h1{color:#fff;font: 600 2.4em/1.2em 'Hind Siliguri';margin: 0 0 4%;}
.landing_new .info_landing h2{color:#fff;font: 400 1.4em/1.3em 'Hind Siliguri';margin: 0 0 .5em;max-width: 80%;}
.landing_new .info_landing h5{color: #fff;font: 100 1.2em/1.3em 'Hind Siliguri';margin: 0 0 .5em;text-align: center;}

.promoForm{padding: 1em;background: rgba(255,255,255,.2);border-radius:10px;margin-bottom: 4%;}
.promoForm h3{color: #0cddc8;font: 900 1.4em/1.3em 'Hind Siliguri';margin: 0 0 .5em;text-align: center;}
.promoForm p{text-align:center;font: 700 1.2em/1.3em 'Hind Siliguri';color: #fff;margin: 0 0 1rem;}
.promoForm label span{position:absolute;font-weight:100;color:#ddd;line-height: 40px;}
.promoForm label{border-bottom: 1px solid #586e7f;box-shadow: none;background: rgba(0,0,0,.1);border-radius: 4px;margin: 0 0 10px!important;background: #e2e2e2;}
.promoForm label input{color:#000;height: 45px;}
.promoForm label input::placeholder{ color:#666;}
.promoForm label input:focus::placeholder{ color:#6e6e6e;}
.promoForm label input:focus{background:rgba(0,0,0,.1)}

.text{margin: 1rem 0 0;padding: 1em;/* filter: invert(1); */max-width: 600px;margin: 0 auto;color: #fff;font-size: 1.1rem;}
.text:empty{ display: none;}
.text p { line-height:1.1}
.landing_new .btns{ display: flex; flex-direction:column; gap:.7rem}

.top_landing figure{display: flex;width: 100%;left: 0;grid-column: 1;position: relative;align-items: flex-end;justify-content: flex-end;}
.top_landing > figure img{left:0;width: 100%;object-fit: cover;object-position: bottom;margin-bottom: 40px;max-width: 780px;}
.top_landing > figure img.buenfin{width: 20%;height:auto;bottom: 20%;left: 7%;}
.top_landing > figure .icon_play{position:absolute;margin: 0;top: calc(50% - 35px);width: 70px;left: calc(50% - 35px);height: 70px;background: rgba(0,0,0,.8);}
.top_landing .info_landing{grid-column:2;padding: 9em 3em 2em;max-width: 660px;}
.top_landing .info_landing h1{color:#fff;font: 500 2.4em/1em 'Hind Siliguri';margin: 0 0 4%;}
.top_landing .info_landing h2{color:#fff;font: 100 1.2em/1.3em 'Hind Siliguri';margin: 0 0 .5em;}
.top_landing .info_landing h3{color:#fff;font: 100 1.2em/1.3em 'Hind Siliguri';margin: 0 0 2%;text-align: center;}
.top_landing .info_landing p{color:#fff;margin: 0 0 4%;font-weight: 900;font-size: 1.2em;line-height: 1.2em;}
.top_landing .info_landing .btn{line-height:50px;height:50px;margin: 0 0 6px;font-size: 1.1em;}
.top_landing .logo_landing{width: 50%;margin: 0 0 6% -1%;display:block;}
.top_landing .logo_landing[data-desarrollo="El Secreto"]{width: 60%;margin: 0 0 6% 0%;}
.top_landing .logo_landing[data-desarrollo="Thandi B"]{width: 70%;margin: 0 0 1em -4%;}
.top_landing .vigencia{position:absolute;bottom:0;text-align:center;color:#fff;background: #223342;padding: 2% 4%;width: 100%;line-height: 1.2em;font-size: 1em;width: 100%;max-width: 780px;}
.top_landing .vigencia strong{font-weight:900;font-size:1.1em;/* display:block */}

.landing form{padding: 1em;background: rgba(255,255,255,.2);border-radius:10px;margin-bottom: 4%;}
.landing .text{margin:0 0 2em;padding: 1em;}
.landing form label span{position:absolute;font-weight:100;color:#ddd;line-height: 40px;}
.landing form label{border-bottom: 1px solid #586e7f;box-shadow: none;background: rgba(0,0,0,.1);border-radius: 4px;margin: 0 0 10px!important;background: #e2e2e2;}
.landing form label input{color:#000;height: 45px;}
.landing form label input::placeholder{ color:#666;}
.landing form label input:focus::placeholder{ color:#6e6e6e;}
.landing form label input:focus{background:rgba(0,0,0,.1)}

.card_note{position:relative;background: #fff;display: block;box-shadow: 0 10px 13px rgba(0,0,0,.01);}
.card_note figure{position:relative;padding: 0 0 56%;}
.card_note figure img{width:100%; height:100%; position:absolute;; object-fit:cover;}
.card_note figcaption{padding:20px;}
.card_note figcaption strong{font-weight: 900;font-size: 1.4em;display: block;line-height: 1.4em;}
.card_note figcaption span.cat{text-transform:uppercase;color: #0a6daf;display: block;margin: 0 0 10px;}
.card_note figcaption span.excerpt{display: block;margin: 0 0 20px;}

.grid_blog{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap: 30px;margin: 0 0 150px;width: 100%;}

.gallery {/* background:#2d4860; */display:flex;/* gap:1rem; */padding:1rem;margin-top:3rem;}
.gallery img { width:100%; height:100%; object-fit:cover;}


.grid_data{width:100%;display: flex;justify-content: space-between;}
.grid_data > section{text-align: center;background: #fff;display: flex;flex-wrap: wrap;margin: 0 1% 2%;width: 100%;}
.grid_data > section:first-child{margin-left:0;}
.grid_data > section:last-child{margin-right:0;}
.grid_data section em{text-transform:uppercase;color: #05b2a1;width: 100%;text-align: center;justify-content: center;font-style: normal;}
.grid_data section h3{font-size: 1.4em;line-height: 1.2em;font-weight: 900;margin: 2% 0;}
.grid_data section p{font-size:1.3em;line-height: 1.4em;}
.grid_data section figcaption{padding: 4% 10%;width: 100%;}
.grid_data section figure{position:relative;width: 92%;padding: 0 0 54%;margin: 0 auto 20px;}
.grid_data section figure:after{position:absolute;top: 18px;left: 18px;width: calc(100% - 40px);height: calc(100% - 40px);content:'';display:block;z-index: 0;border: 1px solid #FFF;opacity: .4;}
.grid_data section figure img{position:absolute;width:100%;height:100%;object-fit:cover;left: 0;}
.grid_data section .descripcion{margin:4% 0;}


/* mobile portrait */
@media only screen and (max-width: 799px) {

    .top_landing{grid-template-columns:1fr;}
    .top_landing > figure img{margin:0}
    .top_landing .info_landing{grid-column:1;padding: 4%;font-size: .9em;}
    .top_landing .logo_landing{margin: 2% auto 8%!important;}
    
    
    .top_landing .logo_landing{margin: 1rem auto!important;height: auto;}

    .promo .top_landing{padding: 60px 0 0;}
    
    .grid_blog{grid-template-columns:1fr; grid-gap:20px}

    main[data-depth="Landing Page"] header .logo{height:60px}

}

@media only screen and (max-width: 700px) {
    .header-landing .logo{height:50px; padding:.5rem 0;}
    .landing_new{padding:0;overflow: hidden;}
    .landing_new .inner {flex-direction:column;max-width: 500px;margin: 0 auto;}
    .landing_new figure {width: 110%;margin: -1rem -5% 1rem;position: relative;}
    .landing_new .info_landing {width:100%;text-align: center;}
    .landing_new .info_landing h1{font-size: 1.5rem;}
    .landing_new .info_landing h2{max-width:90%;font-size: 1.1rem;margin:0 auto 2rem}
    .landing_new .logo_landing { display:none;}
    .landing_new figure .logo {display:block;position: absolute;z-index: 1;width: 54%;top: 1rem;left: 24%;/* background: radial-gradient(circle,rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0) 80%); */padding: .5rem 0 5rem;}
    .gallery{flex-direction:column;padding: 0 0 1rem;margin: 0;}

    .grid_data{flex-wrap:wrap;}
    .grid_data > section{width:100%;margin: 0 0 4%;}
    .grid_data section figcaption{padding: 4% 8%;}
    .grid_data section.amenidades_new figcaption{padding:4% 10%;}
    .grid_data section h3{font-size:1.4em}
    .grid_data section p{font-size:1.2em;background-color: white;}
}