/*
  Theme Name: Escapadas 2020
  Theme URI: https://www.g21.com.mx;Description: Escapadas Tema 2021
  Version: 1
  Author: Ricardo Mares, Oscar Gascon (@riqrdo,@ogascon), Aurelio Carrera
  Author URI: https://g21.com.mx
  Tags: Escapadas, Page Speed

  License: g21 Comunicacion
  License URI: https://g21.com.mx/aviso-privacidad
*/

@charset "UTF-8";

:root {--box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.1),    0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.1),    0 0.25rem 0.53125rem rgba(4, 9, 20, 0.1);--primary: #075FDB;--secondary: #ff00b1;--terciary: #021a3c;

  /*--primarydark: #15199d; --secondaryhover: #2ba7a4;*/
  --primarydark: #022456;

  --hoteles: #008FED;
  --atractivos: #8E45AD;
  --actividades: #038E73;
  --tours: #F1C310;
  --festividades: #E74C3D;
  --restaurantes: #FF7B00;
  --entretenimiento: #2C3E4F;

  --blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #343434;--gray-dark: #343a40;

  --success: #3ac47d;--info: #16aaff;--warning: #f7b924;--danger: #d92550;--light: #eeeeee;--dark: #343a40;--focus: #444054;--alternate: #794c8a;}

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display: block;}
body {line-height: 1;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
table {border-collapse: collapse;border-spacing: 0;}
em {font-style: italic;}

img[data-src^="http"] {opacity: 0;transition: 0.4s;transition-delay: 0.2s;}
img[data-src] {opacity: 0;transition: 0.4s;transition-delay: 0.2s;}

img[data-src^="http"].ready {opacity: 1;}
img[data-src].ready {opacity: 1;}

/* normalize */
html,body {margin: 0;padding: 0;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width: 100%;background: #fff;}
body {font: 400 1em / normal "Poppins", sans-serif;color: #444;overflow-x: hidden;}
body.navopen {background: #29292b;}
h1,h2,h3,h4,h5 {font-family: "Poppins", serif;margin-bottom: 10px;font-weight: 700;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
ul,li {list-style: none;list-style-position: outside;}
.btn,a,a img,img {outline: none;text-decoration: none;}
.btns {display: flex;align-items: center;justify-content: center;width: 100%; /* display: none; */
}
.btns .btn {margin: 0 3px;white-space: nowrap;padding: 0 15px;width: 100%;}
.btns.flex {/* flex-wrap:wrap; */
  justify-content: space-between;}
.btns.flex .btn {margin: 0 0 10px;display: block;width: 100%;}
a {color: #2c3048;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}
.nice {position: relative;display: block;width: 100%;margin: 0;font-size: 1.8em;font-weight: 600;margin: 0 0 0.3em;color: var(--terciary);font-family: "Poppins";line-height: 1em;}
.nice.center {text-align: center;width: 100%;}
.nice.center i {display: block;position: absolute;top: 0;width: 30px;text-align: center;left: calc(50% - 15px);}
.nice:after {display: block;content: "";width: 70px;height: 11px;background: url(./img/nice.svg) no-repeat center/contain;margin: 9px -5px;}
.nice.center:after {margin: 5px auto !important;}

.subtitle {margin: 0 auto 2em;width: 100%;max-width: 600px;font-size: 1.5em;font-weight: 500;}
.subtitle.center {text-align: center;}

.nice.white:after,.nice.white:before {filter: brightness(100);}
.nice.white {color: #fff;}
.nice.center:before {display: inline-block;}
button {border: none;outline: none;background: none;cursor: pointer;}

/* buttons */
input[type="submit"],.btn,.text a.btn {padding: 0 20px;display: inline-block;text-align: center;box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);cursor: pointer;font: 600 1em/50px "Poppins";border: none;color: #fff;border-radius: 14px ;background: var(--primary);text-decoration: none;border-bottom: none;}
.btn i {margin: 0 5px 0 0;}
.btn.secondary {background: var(--secondary); /* color: #222; */
}
.btn.terciary {background: rgba(0, 0, 0, 0.4);color: #fff;text-shadow: none;border: 1px solid #ccc;box-shadow: none;}
.btn.quarty {background: none;color: #ddd;border: 1px solid #ddd;}
.btn.block {display: block;width: 100%;clear: both;margin: 5px 0 20px;}
.btn.facebook {background: #435de2;white-space: nowrap;font-size: 0.9em;}
.btn.center {display: block;margin: 20px auto 0;width: 200px;}
.btn:hover {opacity: 0.8;}
.gray {background: #ececec;padding: 20px 20px 0 !important;}
.blue {background: #022833;padding: 20px 20px 0 !important;}

/* all */
* {box-sizing: border-box;}
a,.has_animation {transition: all 0.5s ease-out;}

/* conatiners */
main {width: 100%;z-index: 1;position: relative;left: 0;}
main > article {position: relative;}
.view_wrap {background: #dcdcdc;position: relative;z-index: 2;width: 100%;}
.active main {/* left: -90px; */
}
.active main .envelope {opacity: 1;display: block;}
.envelope {position: fixed;width: 101%;height: 1000%;z-index: 2;cursor: pointer;left: 0;top: 0;opacity: 0;background: rgba(0, 0, 0, 0.9);display: none;backdrop-filter: blur(1px);}
.content {width: 100%;min-height: 500px; /* overflow: hidden; */
}
.overlay {position: fixed;width: 101%;height: 1000%;z-index: 2;cursor: pointer;left: 0;top: 0;opacity: 0;background: rgba(0, 0, 0, 0.6);display: block;pointer-events: none;}
.overlay.active {pointer-events: all;opacity: 1;}

.wrapper {overflow: auto;height: 100%;width: 100%;overflow-x: hidden;-webkit-overflow-scrolling: touch;z-index: 1;display: flex;justify-content: space-between;flex-wrap: wrap;}
.wrapper > * {margin-bottom: 10px;}

.inner {
  max-width: 1300px;
  margin: 0px auto;
  width: 91%;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  padding: 12px 0;
}
.hidden {display: none;}
.subheader {position: absolute;z-index: 3;width: 100%;height: 60px;background: rgba(53, 53, 53, 0.7);color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 400; /* text-transform: capitalize; */
}
.subheader i {margin: 0 10px 0 0;font-size: 1.3em;font-weight: 900;}

/* cols */
.columns {overflow: hidden;padding: 20px 0;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;height: 100%;}
.columns > * {min-height: 40px;margin-bottom: 20px;}
.col_1 {width: 100%;}
.col_2 {width: 48%;}
.col_3 {width: 30%;}
.col_4 {width: 23%;}
.col_5 {width: 18%;}
.col_3f {width: 64%;}
.col_4f {width: 73%;}
.text_right {text-align: right;}
.col_aside {width: calc(100% - 320px);position: relative;display: block;}
aside {display: block;width: 300px;margin: 0 0 0 0;vertical-align: top;/* background: #fff; */position: relative;padding: 20px;/* box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2); */z-index: 1;}
#destino aside {padding: 0;border-radius: 10px;}

.full-screen-wrap {width: 33px;height: 27px;cursor: pointer; /* transform: scale(.8); */
  margin: 0 15px;position: relative;}
.top-left,.top-left-horiz {top: 0;left: 0;}
.top-right,.top-right-horiz {top: 0;right: 0;}
.bottom-left,.bottom-left-horiz {bottom: 0;left: 0;}
.bottom-right,.bottom-right-horiz {bottom: 0;right: 0;}
.animMoveDown {transform: translateY(8px);}
.animMoveUp {transform: translateY(-8px);}
.animMoveLeft {transform: translateX(-9px);}
.animMoveRight {transform: translateX(9px);}
.full-screen-wrap div {width: 3px;height: 10px;background: mintcream;position: absolute;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);border-radius: 2px;}
.full-screen-wrap .top-left-horiz,.full-screen-wrap .top-right-horiz,.full-screen-wrap .bottom-left-horiz,.full-screen-wrap .bottom-right-horiz {width: 12px;height: 3px;}
.full-screen-wrap.full .top-left {transform: translateX(9px);}
.full-screen-wrap.full .top-left-horiz {transform: translateY(9px);}
.full-screen-wrap.full .top-right {transform: translateX(-9px);}
.full-screen-wrap.full .top-right-horiz {transform: translateY(9px);}
.full-screen-wrap.full .bottom-left {transform: translateX(9px);}
.full-screen-wrap.full .bottom-left-horiz {transform: translateY(-9px);}
.full-screen-wrap.full .bottom-right {transform: translateX(-9px);}
.full-screen-wrap.full .bottom-right-horiz {transform: translateY(-9px);}
.full-screen-wrap:hover {/* width: 40px; */ /* height: 33px; */ /* right: 59px; */
  transform: scale(1.04);}

/* header */
.notice {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  background-color: #FFCCDB;
}
.notice_hide {
  display: none;
}
.notice-content {
  max-width: 1300px;
  width: 90%;
  display: grid;
  grid-template-columns: auto min-content;
  align-items: center;
}
.notice-content > a {
  text-decoration: underline;
  font-weight: 600;
  color: #ef05a6;
  justify-self: center;
}
.notice-content > img {
  width: 14px;
}
.notice-content > img:hover {
  cursor: pointer;
}

header {
  width: 100%;
  margin: 0 auto;
  top: 0;
  z-index: 3;
  /* height: 70px; */
  display: flex;
  flex-direction: column;
  position: fixed; /* box-shadow: inset 0 70px 30px -28px rgba(0,0,0,.7); */
  background: linear-gradient(
    0deg,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.4) 100%
  );
  background: var(--terciary);
  box-shadow: 0 5px 15px rgb(0 0 0 / 30%);
}
header.active {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* top: 0; */ /* background: var(--terciary); */
}
header a {transition: 0s;}
header .inner {align-items: center;flex-wrap: nowrap; background-color: var(--terciary);}
header .logo {width: auto;display: flex;height: 55px;align-items: center;color: #fff;font-weight: 900;font-size: 1.4em;margin: 0 auto;}
header .logo img {height: 100%;object-fit: contain;width: auto;}
header .logo span {font: normal 1.4em "Permanent MArker";}
header .btns_header {display: flex;align-items: center;position: absolute;right: 0;}
header .btns_header .md,header .btns_header .sectur {height: 40px;}
header .btns_header .md img,header .btns_header .sectur img {width: 100%;height: 100%;object-fit: contain;}
header .btns_header .md {width: 100px;}
header .btns_header .md img {opacity: 0.4;}
header .btns_header .sectur {width: 130px;margin: 0 20px;padding: 3px 0 0;}
header .btns_header .sectur img {width: 100%;height: 100%;opacity: 1;}

header .fill {background: var(--terciary);position: absolute;z-index: 0;width: 100%;height: 0;left: 0;top: 0;transition: 0.3s;display: none;}
header.active .fill {height: 100%;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}

header.active .open_nav,header.active .full-screen-wrap,header.active .back {/* filter:invert(1) */
}

nav {position: fixed;top: 0;height: 100%;width: 310px;z-index: 3;transform: translate(100%, 0);transition: 0.5s;background: var(--terciary);max-width: 80%;padding: 30px 0;right: 0;}
nav .content_nav {display: block;color: #ddd;transition-delay: 0s;line-height: 60px;text-align: left;font: 400 1em/60px "Poppins";position: absolute;height: 100%;top: 0;left: 0;padding: 11px 0 0;z-index: 2;width: 100%;box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2);overflow: auto;}
nav .content_nav img {display: block;height: 60px;object-fit: contain;margin: 0;width: 90%;object-position: center;margin: 0 auto 20px;}
nav .content_nav a {display: block;color: #ddd;position: relative;left: 0; /* transition: .0s; */
  transition-delay: 0s;width: 100%;font-weight: 500;border-bottom: 1px solid rgba(0, 0, 0, 0.1);line-height: 60px;padding: 0 20px;}
nav .content_nav a i {font-size: 1.1em;width: 40px;text-align: center;}
nav .content_nav a:hover,nav .content_nav a.active {background: rgba(0, 0, 0, 0.2);}
nav .content_nav button i {font-size: 1.1em;width: 40px;text-align: center;}
nav .content_nav button:hover,nav .content_nav button.active {background: rgba(0, 0, 0, 0.2);}
nav .content_nav .secondary {/* background:rgba(0,0,0,.3); */
  padding: 10px 10px 5px;}
nav .content_nav .primary {background: rgba(0, 0, 0, 0.3);}
nav .content_nav button,nav .content_nav .button {border: none;background: rgba(0, 0, 0, 0.05);margin: 0 0 5px;border-radius: 10em; /* padding: 0; */
  line-height: 50px;transition: 0.4s;color: #fff;display: block;width: 100%;text-align: left;font: 300 1em/50px "Poppins";}
nav .content_nav button.hidden{display:none;}

nav .user_logged {background: rgba(0, 0, 0, 0.2);color: #fff;padding: 10px;}
nav .user_logged p {padding: 0 0 10px 50px;position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.1);line-height: normal;}
nav .user_logged p i {position: absolute;left: 13px;font-size: 1.5em;top: 7px;opacity: 0.5;}
nav .user_logged p strong {font-weight: 900;font-size: 1.2em;}
nav .user_logged p span {display: block;font-size: 0.8em;line-height: normal;}
nav .user_logged a {display: block;border: none; /* border: 1px solid rgba(208, 208, 208, 0.5); */
  margin: 10px 0;line-height: 40px !important;border-radius: 10em;background: rgba(0, 0, 0, 0.1);}
nav.active {right: 0px;transform: translate(0, 0);}
nav.active + .envelope {display: block;opacity: 1;}

.active nav a {/* left: 0; */
}

.back {position: absolute;left: 0;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #222;position: absolute;left: 0;font-size: 1.5em;align-items: center;display: flex;align-items: center;justify-content: center;}
.back span,.back span:before,.back span:after {position: absolute;height: 4px;width: 20px;background: #fff;content: "";transform-origin: center left;}
.back span {background: transparent;}
.back span:after {transform: rotate(45deg);width: 17px;left: 0;margin: -1px 0 0 0;}
.back span:before {transform: rotate(-45deg);width: 17px;left: 0;margin: 1px 0 0 0;}

.hoteles {background: var(--hoteles) !important; color: #fff !important;}
.restaurantes {background: var(--restaurantes) !important; color: #fff !important;}
.atractivos {background: var(--atractivos) !important; color: #fff !important;}
.actividades {background: var(--actividades) !important; color: #fff !important;}
.tours {color: #333 !important;background: var(--tours) !important;}
.festividades {background: #f20465 !important; color: #fff !important; }
.restaurante {background: var(--restaurantes) !important; color: #fff !important;}
.entretenimiento {background-color: var(--entretenimiento) !important;color: #fff !important;}
.entretenimientos {background-color: var(--entretenimiento) !important;color: #fff !important;}

/* Si */
.open_nav {width: 40px;height: 40px;text-align: center;display: flex;align-items: center;justify-content: center;}
.open_nav span,.open_nav span:before,.open_nav span:after {invertcursor: pointer;border-radius: 1px;height: 3px;width: 25px;background: #fff;position: absolute;display: block;content: "";border-radius: 12px;}
.open_nav span:before {top: -10px;}
.open_nav span:after {bottom: -10px;width: 15px;}
.open_nav span,.open_nav span:before,.open_nav span:after {transition: all 700ms ease-out;}
.open_nav.active span {background-color: transparent;}
.open_nav.active span:before,.open_nav.active span:after {top: 0;}
.open_nav.active span:before {transform: rotate(45deg);}
.open_nav.active span:after {transform: rotate(-45deg);}

.open_search {text-align: center;padding: 0;display: flex;transition: initial;width: 40px;height: 40px;align-items: center;justify-content: center;margin: 0 10px 0 0;}
.open_search span {display: flex;height: 100%;width: 100%;position: relative;transform: rotate(-45deg) scale(0.9);}
.open_search span:before,.open_search span:after {display: inline-block;height: 30px;width: 30px;border-radius: 0;transition: 0.3s;background: transparent;content: "";position: absolute;width: 100%;top: 0;bottom: 0;margin: auto;}
.open_search span:before {height: 4px;left: 0px;width: 15px;background: #fff;}
.open_search span:after {right: 3px;border-radius: 10em;width: 17px;height: 17px;border: 3px solid #fff;transition-delay: 0.3s;}
.open_search.active span:before,.open_search.active span:after {border-radius: 0;background: #fff;left: initial;}
.open_search.active span:before {width: 100%;}
.open_search.active span:after {height: 4px;width: 100%;top: 0;right: 0;border: 0;-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);}
.open_search.active {-webkit-transform: scale3d(0.8, 0.8, 0.8);transform: scale3d(0.8, 0.8, 0.8);}

/* footer */
footer {width: 100%;background: var(--gray);z-index: 1;left: 0;bottom: 0;padding: 6% 0 0;position: relative;}
footer .nice {font-size: 1em;margin-bottom: 20px;color: #fff;}
footer .nice:after {margin: 0;width: 50px; /* filter: invert(1); */
  background-position: -5px;}
footer figure {width: auto;margin-bottom: 30px;}
footer figure small {color: #fff;font-size: 0.8em;opacity: 0.7;}
footer figure small + a {opacity: 0.7;}
footer figure div {/* display:flex; */ /* align-items:center; */
}
footer figure div a {/* opacity:.5 */
}
footer figure .pueblos {height: 80px;margin-bottom: 20px;display: flex;}
footer figure .pueblos img {width: 50%;height: auto;}
footer .col_1 {display: flex;align-items: center;justify-content: space-between;padding: 0 0 30px;border-bottom: 2px solid rgba(0, 0, 0, 0.2);margin: 0 0 30px;}
footer .col_1 .secretaria {width: auto;height: 140px;}
footer .col_1 .fuerte {width: auto;height: 70px;}
footer .col_1 .hazturismo {width: auto;height: 60px; /* margin: 0 80px; */
}

footer .col_1 .magic {width: auto;height: 57px;margin: 0 0 0 0;}

footer .socl a {display: block;background: rgba(0, 0, 0, 0.3);border-radius: 10em;line-height: 30px;padding: 0 20px;margin: 0 0 13px;width: 170px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
footer .socl a i {margin: 0 20px 0 0;}

footer figure .sectur,footer figure .md {/* filter:invert(1); */
}
footer figure .sectur {width: 100%;height: 32px;padding: 3px 20px 0 0;}
footer figure .sectur span {margin: 0 0 10px;display: block;}
footer figure .md {width: 100%;height: 55px;}
footer figure img {width: 100%;height: 100%;object-fit: contain;object-position: left;}
footer a {margin: 0 0 15px;line-height: 1.4em;display: block;color: #999;}
footer .copyright {text-align: center;padding: 12px;font-size: 0.8em;color: #888;height: 40px;background: rgba(0, 0, 0, 0.1);margin: 30px 0 0 0;}

.pueblo_icon {width: 40px;height: 40px;background-size: 70%;background-repeat: no-repeat;background-position: center;background-color: transparent !important;}
.pueblo_icon.actividades {background: url("./img/actividades.svg") no-repeat center/66% !important;}
.pueblo_icon.atractivos {background: url("./img/atractivos.svg") no-repeat center/60% !important;}
.pueblo_icon.restaurantes {background: url("./img/restaurantes.svg") no-repeat center/73% !important;}
.pueblo_icon.hoteles {background: url("./img/hoteles.svg") no-repeat center/67% !important;}
.pueblo_icon.entretenimiento {background: url("./img/entretenimiento.svg") no-repeat center/62% !important;}
.pueblo_icon.tours {background: url("./img/tours.svg") no-repeat center/67% !important;}
.pueblo_icon.festividades {background: url("./img/festividades.svg") no-repeat center/63% !important;}

.form {
}
.form .wrapper {padding: 0;}
.form label {overflow: hidden;position: relative;border-radius: 1px;display: block;margin: 0 0 12px;border-radius: 10em;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);background: #fff;width: 100%;}
.form label select:before {content: "a";position: absolute;height: 40px;bottom: 0;right: 0;color: #fff;width: 40px;line-height: 40px;text-align: center;}
.form input,.form textarea,.form select {display: block;width: 100%;border: none;height: 40px;font: normal 0.8em/40px "Poppins", sans-serif;outline: none;border-radius: 0;-webkit-appearance: none;padding: 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;z-index: 2;background: transparent;}
.form textarea {height: 100px !important;}
.form label span {position: absolute;top: 0;font-size: 0.8em;opacity: 1;width: 100%;font-weight: bold;}
.form label span i {font-style: normal !important;margin-right: 10px;}
.form label input:focus + span,form label select:focus + span,form label textarea:focus + span {color: #b4b4b4;width: 100%;opacity: 1;background: #e6e5e5;}
.form label.select:before {font: 900 1em/30px "Font Awesome 5 Pro";content: "\f107";position: absolute;right: 10px;height: 40px;bottom: 0;line-height: 40px;z-index: 1;color: #686765;}
.form label.checkbox {background: transparent;padding: 7px 0px 0px 40px;font-size: 0.8em;font-weight: bold;border-radius: 0;cursor: pointer;color: #888;box-shadow: none;min-height: 40px;margin: -5px 0 10px 0;display: flex;align-items: center;}
.form label.checkbox a {color: #333;}
.form label.checkbox span {font-size: 1em;position: relative;color: #ddd;}
.form label.checkbox span a {color: #fff;text-decoration: underline;}
.form label.checkbox i {display: block;position: absolute;left: 6px;width: 26px;height: 26px;line-height: 26px;text-align: center;font-family: "Font Awesome 5 Pro";color: #fff;background: #fff;border-radius: 4px;font-size: 0.9em;color: #fff;opacity: 0.5;}
.form label.checkbox input:checked + i {background: #fb2a1e;opacity: 1;}
.form label.checkbox input:checked + i:after {content: "\f00c";}
.form label.checkbox input {position: absolute;left: -110%;width: inherit;height: inherit;}
.form a.more {font-size: 0.8em;display: block;margin: 0px auto 20px;padding: 0;width: 150px;min-height: inherit;}
.form br {display: none;}

.login {position: absolute;display: flex;align-items: center;justify-content: center;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);z-index: 99999;width: 100%;height: 100%;display: none;overflow: auto;}
.login section {background: #fff;padding: 20px 20px 40px;border-radius: 10px;box-shadow: 0 0 50px;max-width: 94%;width: 500px;margin: 20px 0;position: relative;}
.login center {display: block;margin: 20px 0 0;font-size: 0.9em;}
.login center a {color: #1887f3;}
.login center p {margin: 20px 0 0px;}
.login section .close span:after,.login section .close span:before {background: #333;width: 20px;}
.login section .close {width: 40px;height: 40px;top: -20px;right: -20px;background: #fff;box-shadow: 0 0 10px;}
.login .btn button {display: block;width: 100%;background: none !important;font: 600 1em "Poppins";}
.login .btn button img {display: none;}
.login .btn.facebook {background: #3b55a0;padding: 0;cursor: pointer;}
.login .btn.facebook:before {font-family: "Font Awesome 5 Pro";font-weight: 900;}
.facebook-login .spinner {left: calc(50% - 10px) !important;}

/*------ galleries-------*/
.owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOut {0% {  opacity: 1;}
  100% {  opacity: 0;}
}
@keyframes fadeOut {0% {  opacity: 1;}
  100% {  opacity: 0;}
}
.owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;touch-action: manipulation;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer {position: relative; /* overflow:hidden; */
  -webkit-transform: translate3d(0px, 0, 0);}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
.owl-carousel .owl-item img {display: block;width: 100%; /* -webkit-transform-style:preserve-3d */
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {display: none;}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel.owl-loaded {display: block;opacity: 1;}
.owl-carousel.owl-loading {opacity: 0;display: block;}
.owl-carousel.owl-hidden {/* opacity:0 */
}
.owl-carousel.owl-refresh .owl-item {display: none;}
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel.owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}
.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-item img {/* transform-style:preserve-3d */
}
.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000;}
.owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url(owl.video.play.png) no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;-webkit-transition: scale 100ms ease;-moz-transition: scale 100ms ease;-ms-transition: scale 100ms ease;-o-transition: scale 100ms ease;transition: scale 100ms ease;}
.owl-carousel .owl-video-play-icon:hover {-webkit-transition: scale(1.3, 1.3);-moz-transition: scale(1.3, 1.3);-ms-transition: scale(1.3, 1.3);-o-transition: scale(1.3, 1.3);transition: scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {display: none;}
.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame {position: relative;z-index: 1;height: 100%;width: 100%;}
.owl-stage-outer,.owl-stage {height: 100%;position: relative;touch-action: manipulation;}
.owl-item {height: 100%;float: left;position: relative;}
.owl-nav.disabled {display: none;}
.owl-prev,.owl-next {position: absolute;top: 0;width: 40px;height: 100%;color: #f70759;text-align: center;overflow: hidden;text-shadow: 0 0 5px rgba(0, 0, 0, 0.23);left: 0;font-size: 1.5em !important; /* display: flex; */
  align-items: center;justify-content: center;background: none;cursor: pointer;display: flex;bottom: 0;}
.owl-prev {left: 0;}
.owl-next {right: 0;left: inherit;}
.owl-prev:hover,.owl-next:hover {color: #a30e41;}
.owl-dots {position: absolute;bottom: 0;}

#divDescubreEscapadas aside {background: none;padding: 0;box-shadow: none;max-width: 280px;}
#divDescubreEscapadas .inner {position: initial;}
#divDescubreEscapadas .top_section .inner {z-index: 3;position: relative;}

.recomendados {position: relative;width: 100%;}

.destinos_row {width: 100%; /* background: #c6c6c6; */
  margin: 0 0 4em; /* padding: 4em 0; */
}
.destinos_grid {width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 30px;}
.destinos_scroller {width: 100%;overflow: auto;}
.destinos_scroller .scroller {width: auto;display: flex;}

.grid {width: 100%;}
.grid_row {width: 100%;display: grid;grid-template-rows: auto;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 20px;margin: 0 0 6%;}

.destino_card {position: relative;overflow: hidden;border-radius: 5px;height: 310px;width: 100%;display: block;box-shadow: var(--box-shadow);background: #333;}
.destino_card figure {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.destino_card figure img {position: relative;width: 100%;height: 100%;object-fit: cover;}
.destino_card figure em {position: absolute;top: 0;left: 0;z-index: 1;font-style: normal;font-weight: 900;color: #fff;padding: 4px 1em;}
.destino_card figcaption {position: absolute;bottom: 0;left: 0;width: 100%;padding: 90px 30px 20px;color: #fff;background: linear-gradient(
    180deg,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.8) 100%
  );text-shadow: 0 0 20px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.8);}
.destino_card figcaption span {display: block;line-height: 1.6em;text-transform: uppercase;}
.destino_card figcaption strong {display: block;font-size: 1.7em;font-weight: 700;margin: 0 0 10px;}

.grid .destino_card {height: 100%;}
.grid .destino_card:nth-child(1) {grid-column: 1/3;grid-row: 1/3;}
.grid .destino_card:nth-child(2) {grid-column: 3/7;grid-row: 1;}
.grid .destino_card:nth-child(3) {grid-column: 1/4;grid-row: 3;}
.grid .destino_card:nth-child(4) {grid-column: 3/5;grid-row: 2;}
.grid .destino_card:nth-child(5) {grid-column: 5/7;grid-row: 2;}
.grid .destino_card:nth-child(6) {grid-column: 4/7;grid-row: 3;}

.nota_card {position: relative;overflow: hidden;border-radius: 5px;height: 310px;width: 100%;display: block;box-shadow: var(--box-shadow);background: #333;}
.nota_card figure {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.nota_card figure img {position: relative;width: 100%;height: 100%;object-fit: cover;}
.nota_card figcaption {position: absolute;bottom: 0;left: 0;width: 100%;padding: 5em 2em 1em;color: #fff;background: linear-gradient(
    180deg,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.8) 100%
  );text-shadow: 0 0 20px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.8);}
.nota_card figcaption span {display: block;line-height: 1.6em;text-transform: uppercase;}
.nota_card figcaption strong {display: block;font-size: 1.2em;font-weight: 700;margin: 0 0 10px;text-transform: initial !important;}

.grid_row .nota_card {min-height: 14em;height: 100%;}
.grid .nota_card:nth-child(1) {grid-column: 1/3;grid-row: 1/3;}
.grid .nota_card:nth-child(2) {grid-column: 3/7;grid-row: 1;}
.grid .nota_card:nth-child(3) {grid-column: 1/4;grid-row: 3;}
.grid .nota_card:nth-child(4) {grid-column: 3/5;grid-row: 2;}
.grid .nota_card:nth-child(5) {grid-column: 5/7;grid-row: 2;}
.grid .nota_card:nth-child(6) {grid-column: 4/7;grid-row: 3;}
.grid .nota_card:nth-child(7) {grid-column: 1/3;grid-row: ;}
.grid .nota_card:nth-child(8) {grid-column: 3/5;grid-row: ;}
.grid .nota_card:nth-child(9) {grid-column: 5/7;grid-row: ;}

.mas_vistos {padding: 3em 0;position: relative;overflow: hidden;width: 100%;background: var(--terciary);}
.mas_vistos:before {/* content:''; */
  position: absolute;left: -5%;top: -5%;width: 110%;height: 110%;padding: 0 0 30px;background: url("https://coahuila.wpengine.com/wp-content/uploads/2019/08/20140929_194_COAH_NARIGUA_ZONA_ARQUEOLOGICA_GRABADOS_EN_PIEDRA_RC-1.jpg")
    fixed no-repeat center/cover;opacity: 0.3;filter: blur(9px);}
.mas_vistos:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(
    45deg,    rgba(255, 0, 0, 0) 31%,    rgba(255, 255, 255, 0) 49%,    rgba(185, 185, 185, 0) 51%,    #1d1d1d 55%
  );z-index: 0;background-size: 5px 5px;opacity: 0.3;}

.eventos {padding: 6% 0 6% 0;position: relative;overflow: hidden;width: 100%;border-radius: 0px 100px 0 0; /* margin: 0 0 4%; */
}

.home_items {overflow: hidden;}
.carousel_items {width: 100%;position: relative;margin: 0; /* overflow: hidden; */
}
.home_items .carousel_items.flex .item_card{width:100%;margin: 0;}
.carousel_items.flex {display: flex;justify-content: center;}
.carousel_items.flex .item_card {width: 30%;margin: 0 0.6em;border-radius: 7px;}
.carousel_items .item_card {/* box-shadow:none; */
  border-radius: 0;width: 100%;display: flex;flex-wrap: wrap;height: 100%;}
.carousel_items .owl-item {/* box-shadow: var(--box-shadow); */
  overflow: hidden;border-radius: 5px;opacity: 0.2;}
.carousel_items .owl-item.active {opacity: 1;}
.carousel_items .owl-next,.carousel_items .owl-prev {height: 55px;width: 55px;top: calc(50% - 25px);background: var(--gray);color: #fff;border-radius: 50%;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);}
.carousel_items .owl-next {right: -30px;}
.carousel_items .owl-prev {left: -30px;}

.carousel_items + .btn {margin: 1em auto 4em;width: 100%;max-width: 400px;}

.pararel_items {width: 100%;display: flex;margin: 0 0 4em;justify-content: space-between;}
.pararel_items h2 {font-size: 1.4em;width: 200px;padding: 0 1em 0 0;border-right: 1px solid #444;color: var(--terciary);text-align: right;}
.pararel_items .carousel_items {width: calc(100% - 200px - 2em);margin: 0;}
.pararel_items .owl-stage-outer {overflow: hidden;padding: 0 2em 0 0;}
.pararel_items .carousel_items .owl-next {right: -10px;}
.pararel_items .carousel_items .owl-prev {display: none;}
.pararel_items .carousel_items .owl-next,.pararel_items .carousel_items .owl-prev {background: var(--primary);}

.grid_estados {display: grid;grid-template-columns: 1fr;grid-template-rows: auto;grid-gap: 30px;z-index: 1;width: 100%;position: relative;z-index: 1;}
.grid_estados .destino_card {position: relative;height: 100%;margin: 0;min-height: 240px;}
.grid_estados.for_1 {margin: 0;}
.grid_estados.for_1 .destino_card {height: 400px;}
.grid_estados.for_2 {grid-template-columns: 1.5fr 1fr;margin: 0;}
.grid_estados.for_2 .destino_card {height: 400px;}
.grid_estados.for_3 {grid-template-columns: 1fr 1fr;}
.grid_estados.for_3 a:nth-child(1) {grid-row: 1/3;}
.grid_estados.for_6 {grid-template-columns: 1fr 1fr 1fr;}
.grid_estados.for_6 a:nth-child(1) {grid-row: 1/3;}
.grid_estados.for_6 a:nth-child(2) {grid-column: 2/4;}
.grid_estados.for_6 a:nth-child(6) {grid-column: 2/4;}

.resume_results {width: 100%;border-radius: 8px;padding: 0 5px; /* background:#ddd; */
  margin: 0 0 30px 0;display: flex;height: 20px;align-items: center;}
.resume_results div {/* padding:0 10px; */
  margin: 0 10px 0 0;}
.resume_results article {/* width:100%; */
  display: flex;overflow: auto;white-space: nowrap;}
.resume_results p {line-height: 30px;font-size: 0.8em;margin: 0 6px 0 0;}
.resume_results p .pueblo_icon {display: block;background-color: transparent;height: 77%;background-size: contain;width: 27px; /* filter: invert(1); */
  opacity: 0.4;}
.resume_results p span {display: flex;align-items: center;height: 25px;padding: 0px 8px;background: #e5e5e5;border-radius: 10em;font-size: 0.9em;color: #666;}
.resume_results p i {margin: 0 4px 0 0;}

.no_results {width: 100%;text-align: center;padding: 10px;height: 80px;background: #efefef;display: flex;align-items: center;justify-content: center;margin: 0 0 20px;border-radius: 5px;}

.list {width: 100%;display: grid;flex-wrap: wrap;justify-content: left;position: relative;z-index: 1;grid-template-columns: repeat(auto-fit, minmax(249px, 1fr));grid-gap: 20px;margin: 0 0 2em;}
.list .pagination {width: 100%;display: flex;grid-column: 1/4;overflow: hidden;border-radius: 10px;}
.list .pagination *:last-child {/* margin-left:5%; */
}
.list .pagination .btn {width: 50%;text-align: center;border-radius: 0;margin: 0;}
.list .pagination .next:nth-child(1) {margin-left: 50%;border-radius: 10px;}

.list.row {grid-template-columns: 1fr;grid-gap: 2em;}
.list.row .item_card {display:flex;}

.list.row .pagination {grid-column: 1;}
.list_row .destino_card {width: 31%;margin: 0 0 3%;}
.list > a {width: 100%;}

.list.row > a {width: 100%;margin: 0 0 2%;display: flex;}
.list.row .item_card figure {width: 30%;padding: 0; /* height: 100%; */ /* position: absolute; */
}
.list.row .item_card figcaption {width: 70%;padding: 30px;}

.item_card {
  display: block;
  background: #eee;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 3px 15px rgb(0 0 0 / 20%);
  /* padding: 0 0 100%; */
  position: relative;
  cursor: pointer;
  }
.item_card figure {position: relative;padding: 0 0 70%; /* overflow: hidden; */
  height: auto;position: relative;width: 100%;}
.item_card figure b {line-height: 35px;display: block;box-shadow: none;position: absolute;top: 10px; /* font-size:.8em; */
  color: #fff;padding: 0 20px;border-radius: 10em;left: 15px;z-index: 2;font-weight: bold;font-size: 0.8em;}
.item_card figure img {display: block;height: 100%;width: 100%;top: 0;left: 0;position: absolute;object-fit: cover;object-position: center;margin: 0;}
.item_card figcaption {padding: 1em;position: relative;width: 100%;bottom: 0;background: linear-gradient(
    180deg,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.8) 80%
  );background: transparent;}
.item_card figcaption strong {display: block;font-weight: 600;font-size: 1.1em;margin: 5px 0 10px; /* color: #fff; */ line-height: 1.3;
}
.item_card figcaption em {display: block;font-style: normal; font-size: .8em;  /* color: #fff; */
}
.item_card .categoria{color: #333!important;font-size: .8em;margin: -.4em 0 .8em;opacity: .7;}
.item_card figcaption em i {color: #727272;}

#list_service .item_card b {display: none;}
.item_card.featured {background: #fff;}

.fetaured_icon {position: absolute;z-index: 2;right: 1.4em;display: flex;align-items: center;justify-content: center;top: -0.3em;top: 94%;}
.fetaured_icon i {color: #0f53b6;font-size: 3.5em;text-shadow: 0 8px 11px rgb(0 0 0 / 45%);}
.item_card .fetaured_icon img {width: 48px;height: auto;margin: 4px;left: initial; /* filter: brightness(10); */
}

.estado_card {position: relative;overflow: hidden;border-radius: 10px;height: 280px;width: 100%;display: flex;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);align-items: flex-end;background: #000;}
.estado_card figure {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;opacity: 1;}
.estado_card figure img {position: relative;width: 100%;height: 100%;object-fit: cover;}
.estado_card figcaption {position: absolute;bottom: 0;left: 0;width: 100%;padding: 70px 20px 20px;color: #fff;background: linear-gradient(
    180deg,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.8) 70%
  );text-shadow: 0 0 20px rgba(0, 0, 0, 0.7);z-index: 1;}
.estado_card figcaption span {display: block;margin: 0 0 1px;font-size: 0.9em;line-height: 1.6em;height: 4.6em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.estado_card b {background: var(--primary);line-height: 35px;display: block;box-shadow: none;position: absolute;top: 0;font-size: 0.8em;color: #fff;padding: 0 20px;border-radius: 10em;left: -10px;z-index: 2;font-weight: 900;}
.estado_card figcaption strong {display: block;font-size: 2em;font-weight: 900;letter-spacing: -1px;margin-bottom: 20px;}

.pueblos_estado {position: relative;overflow: hidden;display: flex;flex-wrap: wrap;border-radius: 10px;padding: 4%;margin: 0 0 40px;background: linear-gradient(
    480deg,    rgba(177, 40, 2, 0.8) 0%,    rgba(4, 103, 101, 0.9) 80%
  );width: 100%; /* background: #000000; */
}
.pueblos_estado > figure {position: absolute;width: 110%;height: 110%;z-index: 0;background-attachment: fixed;background-size: cover;left: -5%;top: -5%;opacity: 0.6;filter: blur(16px);}
.pueblos_estado > figure img {display: none;}
.pueblos_estado h2 {font-size: 1.4em;color: #fff;text-align: center;margin: 0 0 40px;text-shadow: 0 0 20px rgba(0, 0, 0.5);font-weight: 500;}

.close {background: transparent;border-radius: 10em;width: 40px;height: 40px;position: absolute;right: 2%;top: 1%;z-index: 10;display: flex;align-items: center;justify-content: center;padding: 0;}
.close span {background: transparent;width: 100%;box-shadow: none;height: 100%;display: flex;align-items: center;justify-content: center;}
.close span:before,.close span:after {display: inline-block;height: 2px;width: 30px;border-radius: 10em;transition: 0.3s;background: #fff;content: "";position: absolute;}
.close span:before {transform: rotate3d(0, 0, 1, 45deg);}
.close span:after {transform: rotate3d(0, 0, 1, -45deg);}
.close.white span:before,.close.white span:after {background: #fff;}

#mapa {height: calc(100% - 70px);width: 100%;overflow: hidden;display: flex;padding: 0;position: fixed;left: 0;top: 70px;}
#mapa aside {overflow: auto;}
.map_layer {width: calc(100% - 300px);height: 100%;position: relative;}
#mapPrinted {width: 100%;height: 100%;position: relative;}
.map_only {/* position:absolute; */ /* bottom: 0; */ /* display:flex; */ /* align-items:center; */ /* width: 100%; */
  left: 0; /* background: linear-gradient(180deg, rgba(0,0,0,0) 0% , rgba(81, 81, 81, 0.9) 80% ); */ /* padding: 20px; */
}
.map_only a {position: relative;display: flex;align-items: center;width: 25%; /* justify-content: center; */
  color: #fff;line-height: 40px;margin: 5px;border-radius: 10em;box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);padding: 0 0 0 50px;height: 40px;}
.map_only a.active {background: #666 !important;}
.map_only a i {margin: 0 10px 0 0;}
.map_only a b {width: 30px;height: 30px;border-radius: 10em;border: 1px solid rgba(255, 255, 255, 0.2);margin: 0 10px 0 0;display: flex;align-items: center;justify-content: center; /* background: rgba(255,255,255,.3); */
  opacity: 0.8;position: absolute;left: 6px;box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);}
.map_only a b:after {font: 900 1em "Font Awesome 5 Pro";content: "\f070";}
.map_only a.active b:after {content: "\f06e";}
.map_only a.atractivos {background: #00b80d;}
.map_only a.actividades {background: #ff0060;}
.map_only a.restaurantes {background: #ff5f04;}
.map_only a.hoteles {background: #0c8fb0;}
.floater {display: none;}

#pueblo .view_wrap {/* padding-bottom:100px; */
}
.item {position: relative;border-radius: 8px;overflow: hidden;padding: 0 0 60%;}
.item figure {position: absolute;width: 100%;height: 100%;}
.item figure img {display: block;position: relative;width: 100%;height: 100%;object-fit: cover;}
.item figcaption {position: absolute;bottom: 0;left: 0;width: 100%;padding: 4em 1em 1em;color: #fff;background: linear-gradient(
    180deg,    rgba(0, 0, 0, 0) 0%,    rgba(19, 16, 15, 0.8) 80%
  );text-shadow: 0 0 20px rgba(0, 0, 0, 0.7);font-weight: bold;font-size: 1.2em;}
.item figcaption em {display: block;font-style: normal;font-weight: 100;font-size: 0.8em;display: none;}
.grid_items .item em {display: block;}
#destino .grid_items .item em {display: none;}

.grid_items {display: grid;grid-template-columns: repeat(4, 1fr);width: 100%;grid-gap: 20px;margin-bottom: 30px;}
.grid_items.small {grid-template-rows: 12em;}
.grid_items > * {/* box-shadow: 0 8px 15px rgba(0,0,0,.3); */
}
/*.grid_items .item:nth-child(1){grid-row: 1/3;grid-column: 1/3;}
.grid_items .item:nth-child(2){grid-row: 1;grid-column: 3/5;}
.grid_items .item:nth-child(n+3){display:none;}*/
.grid_items .btn_icon {grid-column: 3/5;}

.grid_items .item:hover {transform: scale(1.02);z-index: 1;}
.grid_items.small .btn_icon {grid-column: 4/5;}
.grid_items.small .item:nth-child(1) {grid-row: 1;grid-column: 1/4;}
.grid_items.small .item:nth-child(n + 2) {display: none;}

.tabs {margin: 0;}
.tabs .choose {display: flex;border-radius: 3px;box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);overflow: hidden;position: sticky;top: 70px;z-index: 2;background: #fff;}
.tabs .choose a {width: 100%;color: var(--terciary);text-align: center;padding: 0 10px;font-size: 0.9em;position: relative;text-decoration: none;line-height: 50px;display: block;width: 100%;white-space: nowrap;}
.tabs .choose a.active,.tabs .choose a:hover {color: #fff;background: var(--terciary);}
.tabs .content_choose {position: relative;z-index: 1;}
.tabs .content_choose > section {display: none;font-size: 0.9em;padding: 4%;background: #efefef;margin: 0 0 4%;}
.tabs .content_choose > section h3:after {display: none;}
.tabs .content_choose > section h3 {font-size: 1.3em;margin: 4% 0 2%;}
.tabs .content_choose > section.active {display: block;}

.text h1 {margin: 0 auto 20px;}
.text h2 {font-size: 1.2em;color: #121729;margin: 30px 0 10px 0;}
.text h3 {font-size: 1em;}
.text h5 {
}
.text strong {font-weight: 700;}
.text p {line-height: 1.6em;margin: 0 0 20px; /* text-align: justify; */
}
.text p:last-child {margin: 0;}
.text > div {line-height: 1.6em;/* margin: 0 0 20px;padding: 15px;border: 1px solid #ddd; */ border-radius: 5px;background: #fff;}
.text blockquote {padding: 20px 20px 20px 80px;position: relative;font: bold 1.3em/2em "Poppins", serif;}
.text blockquote:after {top: 18px;content: " \201C ";position: absolute;left: 10px;color: #000;font-size: 7em;font: normal 900 6em/1em "Times", serif;text-shadow: 3px 3px 0 #00cdff;}
.text div,.text div img {max-width: 100%; /* text-align: justify; */
}
.text iframe {max-width: 100%;}
.text iframe[src^="https://www.youtube.com/"]
{width: 100%;height: 480px;}
.text iframe.instagram-media {max-width: 80%;margin: 0 auto !important;display: block !important;}
.text p strong {font-weight: 600;}
.text p b {font-weight: bold;color: #111;}
.text p i {font-style: italic;}
.text a {color: var(--terciary);position: relative;text-decoration: underline;}
.text ul li {margin: 0 0 10px;padding: 0 0 0 10px;position: relative;line-height: 1.6em;}
.text ul li:after {width: 6px;height: 6px;background: #999;content: "";display: block;position: absolute;left: 0;top: 10px;border-radius: 10em;}
.text ol {counter-reset: my-badass-counter;margin-bottom: 8px;}
.text ol li {margin: 0 0 15px;padding: 0 0 0 20px;position: relative;line-height: 1.6em;}
.text ol li:before {content: counter(my-badass-counter);counter-increment: my-badass-counter;position: absolute;left: 0px; /* top: -6px; */
  display: block;color: #adadad;text-align: left;font-size: 1.5em;font-weight: bold;z-index: 1;height: 20px;}
.text img {max-width: 100%;height: auto;display: block;margin: 20px auto;width: 100%;}

.grid_contacto {
  
  /* display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px; */
  
  margin: 0 0 20px;width: 100%;}

.linecontacto{
  display: flex;
  width: 100%;
  justify-content: space-between ;
  margin: 15px 0;
  font-size: 16px;
}
.itemcontacto{
  display: flex;
  width: 50%;
  justify-content: space-between;
  align-items: center;
}

.itemcontacto a {
  text-decoration: none;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
  
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
  
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.itemcontacto.lleft{
  width: 45%;
  justify-content: flex-end;
  border-left: 1px solid #ddd;
}

.itemcontacto .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--primarydark) ;
  text-decoration: none;
  margin: 0 0 0 10px;
}

.itemcontacto .icon:hover{
  background: #0443a1;
  font-size: .9em;
}





.itemcontacto .rutalink{
  color: var(--dark);
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}





.contacto .grid_contacto li {padding: 10px 4% 20px !important;background: #ddd;border-radius: 10px;}
.contacto .grid_contacto li a {display: block;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; /* opacity: .7; */
  margin: 0;}
.contacto .grid_contacto li b {/* color:#fff; */
  padding: 0 0 10px !important;border: none !important;margin: 0 0 10px !important;font-size: 1.1em;border-bottom: 1px solid rgb(14 14 14 / 20%) !important;}
.contacto .tags {font-size: 1.2em;}

.share {margin: 1em 0 0;display: flex;width: 100%;flex-wrap: wrap;}
.share a {width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 1em;background: rgba(0, 0, 0, 0.3);color: #fff;margin: 0 3px;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.share a:after {display: none;}
.share a:hover {color: #000;}
.share a.facebook {color: #3b5998;}
.share a.twitter {color: #1da1f2;}
.share a.whatsapp {color: #41c609;}
.share a.pinterest {color: #bd081c;}
.share a.flipboard {color: #f52828;}
.share a.whatsapp.addthis_button_whatsapp {display: none;}
.share a.mail {background: #ffd300;}
.share.fixed {position: fixed;top: 75px;z-index: 2;}
.share.absolute {position: absolute;top: inherit;bottom: 40px;z-index: 2;margin: 0;}

.simple {display: block;width: 65%;margin: 0 auto;text-align: justify;padding: 40px 0;}
.simple h3 {font-size: 1.4em;margin-top: 30px;}
.simple p {font-size: 1em;line-height: 1.5em;margin: 0 0 20px;}
.simple li {font-size: 1em;line-height: 1.5em;margin: 0 0 20px;padding: 0 0 0 24px;position: relative;}
.simple li:after {width: 14px;height: 14px;background: #ddd;content: "";display: block;position: absolute;left: 0;top: 7px;border-radius: 10em;}
.simple img {max-width: calc(100% + 60px);height: auto;display: block;margin: 50px 0 50px -60px;}

.simple_general {display: block;width: 90%;margin: 0 auto;text-align: justify;padding: 40px 0;margin-top: 83px;}
.text_general {width: 100%;font-weight: 500;}
.simple_general p {font-size: 1em;line-height: 1.5em;margin: 0 0 20px}
.text_general p strong {font-weight: bold;/* color: #000; */}

.simple_general p > a {
  text-decoration: underline;
  font-weight: 600;
  color: #ef05a6;
}
.text_general p strong {
  font-weight: bold; /* color: #000; */
}
/*Texto covid*/
.gallery-icons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  background-color: #eee;
  border-radius: 6px;
  padding: 24px;
  margin-bottom: 24px;
}
.gallery-icons > figure {
  display: flex;
  align-items: center;
}
.gallery-icons > figure > img {
  width: 48px;
  margin-right: 12px;
}
.gallery-icons > figure > span {
  text-align: left;
}
.drop-down {
  display: grid;
  row-gap: 24px;
}
.drop-down-list {
  padding: 0 24px 24px;
  border-radius: 6px;
  background-color: #eee;
  box-shadow: var(--box-shadow);
}
.drop-down-list > label {
  display: block;
  font-size: 1.2em;
  font-weight: 600;
  padding: 24px 0 0;
  cursor: pointer;
}
.drop-down-list > input,
.drop-down-list > .item-content {
  display: none;
  margin-top: 24px;
}
.drop-down-list > input:checked ~ .item-content {
  display: block;
}
/*texto convid -> */

.lightbox.session .content_lightbox {background: #393939;max-width: 500px;}
.lightbox.session .content_lightbox h3 {color: #fff;font-size: 2em;}

.lightbox {position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);overflow: hidden;width: 100%;height: 100%;z-index: 10;display: flex;align-items: center;justify-content: center;pointer-events: none;opacity: 0;transition: 0.4s;}
.lightbox.active {pointer-events: all;opacity: 1;}
.lightbox .content_lightbox {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 90%;position: relative;max-width: 700px;padding: 2em;background: #fff;border-radius: 10px;}
.lightbox .close {right: -40px;top: -40px;}
.lightbox.destino h4 {width: 100%;}
.lightbox.destino form {width: 100%;}
.lightbox.destino label {width: 100%;overflow: initial;border-radius: 3px;}
.lightbox.destino label input {line-height: 40px;width: 100%;border: none;outline: none;border-radius: 4px;box-shadow: var(--box-shadow);}
.lightbox.estado_info .more_info_estado {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.lightbox.estado_info .more_info_estado figure {width: 100%;}
.lightbox.estado_info .more_info_estado .text {font-size: 0.8em;}
.lightbox.estado_info .more_info_estado figure img {width: 100%;height: 100%;object-fit: cover;}
.lightbox.video .content_lightbox {padding: 0;border: 1px solid #444;border-radius: 0;}
.lightbox.video .content_lightbox iframe {width: 100%;height: 480px;}

.lightbox.block {display: block;overflow: auto;-webkit-overflow-scrolling: touch;padding: 2em 0;}
.lightbox.block .content_lightbox {margin: 0 auto;}
.lightbox.whitelabel .content_lightbox {padding: 1em;max-width: 800px;}
.lightbox.whitelabel .content_lightbox div {width: 100%;position: relative;}

.more_services h4 {grid-column: 1/4;font-size: 2em;position: absolute;top: 0;}
.more_services {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));grid-gap: 1em;margin: 0 0 2em;padding: 4em 0 0;}
.more_services > *:nth-child(2n) {display: none;}



.top_section {position: relative;padding: 120px 0 40px;color: #fff;text-align: center;margin: 0 0 4%;overflow: hidden;z-index: 1;background: var(--terciary);}
.top_section .inner {z-index: 2;position: relative;}
.top_section:before {background: linear-gradient(00deg,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.2) 100%);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 250px;z-index: 1;}
.top_section figure {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.top_section figure img {width: 100%;height: 100%;object-fit: cover;object-position: bottom center; /* filter: blur(4px); */opacity: 0.4;}
.top_section figure:after {content: "";background: linear-gradient(
    180deg,    rgba(16, 124, 236, 0.3) 0%,    rgba(2, 0, 0, 0.8) 80%
  );width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.5;}
.top_section svg {position: absolute;bottom: 0px;fill: #fff;left: 0;}
.top_section i {text-align: center;width: 100%;margin-bottom: 10px;}
.top_section h1 {font-size: 3em;width: 100%;margin: 0;color: #fff;text-shadow: 0 0 60px rgb(0 0 0 / 30%), 0 0 30px rgb(0 0 0 / 20%);}
.top_section img.icon {height: 60px;margin: 0 auto;filter: invert(1);}
.top_section h1.nice:after {filter: invert(1);opacity: 0;}
.top_section h2 {font-size: 1.4em;font-weight: 700;margin: 10px auto;padding: 0 10%;text-shadow: 0 0 60px rgba(0, 0, 0, 0.7), 0 0 30px rgba(0, 0, 0, 0.7);}
.top_section h3 {text-align: center;width: auto;font-weight: 100;margin: 0 auto;padding: 0 20px;background: #000;border-radius: 10em;line-height: 30px;font-size: 1em;color: #fff;}

.top_section.atractivos h1.nice {text-shadow: none;}
.top_section.actividades h1.nice {text-shadow: none;}
.top_section.festividades h1.nice {text-shadow: none;}
.top_section.hoteles h1.nice {text-shadow: none;}
.top_section.restaurantes h1.nice {text-shadow: none;}
.top_section.tours h1.nice {text-shadow: none;}
.top_section.entretenimiento h1.nice {text-shadow: none;}

.top_section.tours h1 {color: #222;}
.top_section.tours h1.nice:after {filter: none;}
.top_section.tours img {filter: none;}
.top_section.tours .breadcrumbs a {color: #222;}
.top_section.tours .breadcrumbs span {color: #4f4f4f;}

.top_section.entretenimiento h1 {color: #222;}
.top_section.entretenimiento h1.nice:after {filter: none;}
.top_section.entretenimiento img {filter: none;}
.top_section.entretenimiento .breadcrumbs a {color: #222;}
.top_section.entretenimiento .breadcrumbs span {color: #4f4f4f;}

#favoritos .top_section {background: #c31717;}

.breadcrumbs {margin: 0 0 1em;display: flex;justify-content: center;width: 100%;border-radius: 4px;}
.breadcrumbs > * {display: flex;color: #ccc;line-height: 30px;font-size: 0.8em;padding: 0 30px 0 30px;font-weight: 500;white-space: nowrap;background: #fff;border-radius: 40px;box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);max-width: 210px;overflow: hidden;text-overflow: ellipsis;}
.breadcrumbs > a:after {display: block;width: 14px;content: "";background: url(./img/back.svg) no-repeat center/13px;height: 100%;margin: 0 20px 0 10px;filter: invert(1);}
.breadcrumbs a {color: #333;margin: 0 -30px 0 0;}
.breadcrumbs span {display: block;}
.intro:before {display: block;content: "";width: 230px;height: 21px;background: url(/static/img/nice.svg) no-repeat center/contain;margin: 0px auto 30px;position: absolute;top: 20px;left: calc(50% - 115px);}
.intro {font-weight: 500;margin: 0 0 20px;line-height: 1.6em;width: 100%;background: #fff;padding: 50px 20px 20px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);border-radius: 10px;display: flex;}
.intro figure {position: relative;width: 55%;display: flex;align-items: center;justify-content: center;background: #eee;border-radius: 12px;}
.intro figure img {position: absolute;width: 90%;height: 80%;object-fit: cover;}
.intro p {margin: 0 0 30px;}
.intro strong {font-weight: 900;}
.intro div {width: 50%;padding: 20px 20px 0;}
.intro div:empty {display: none;}

.btn_icon {background: #fff;color: #fff;display: flex; /* flex-wrap: wrap; */
  padding: 20px;justify-content: center;font-weight: 400;border-radius: 5px;align-items: center;box-shadow: var(--box-shadow);}
.btn_icon img {display: block;width: 23%;height: 50px;margin: 0 1em 0 0; /* filter: invert(1); */
}
.btn_icon.atractivos img {filter: invert(1);}
.btn_icon.atractivos {color: #fff;}
.btn_icon:hover {opacity: 0.6;}

.wrap_home {/* overflow-x: hidden; */
  width: 100%;}

#home {
}
#home svg {position: absolute;left: 0;bottom: 0;content: "";width: 100%;z-index: 1;fill: #fafafa;display: none;}
.top_home {position: relative;color: #fff;display: flex;align-items: center;margin: 0 0 5em;z-index: 2; /* overflow-x: hidden; */ /* overflow-y: visible; */
  background: #000;}
.top_home:after,.top_home:before {/* content:''; */
  position: absolute;right: 0;bottom: 0;width: 280px;height: 280px;background: linear-gradient(
    45deg,    rgba(255, 0, 0, 0) 31%,    rgba(255, 255, 255, 0) 49%,    rgba(185, 185, 185, 0) 51%,    var(--secondary) 55%
  );background-size: 10px 10px;transform: rotate(45deg) translate(50%, -20%);}
.top_home:before {left: -440px;bottom: 0;background: linear-gradient(
    225deg,    rgba(255, 0, 0, 0) 31%,    rgba(255, 255, 255, 0) 49%,    rgba(185, 185, 185, 0) 51%,    var(--secondary) 55%
  );background-size: 10px 10px;transform: rotate(45deg) translate(90%, -60%);}
.top_home .video {box-shadow: var(--box-shadow);min-width: 220px;}
.top_home:after {
}
.top_home .home_text h1 {font: 600 2.6em/1.2em "Poppins";width: 100%;color: #fff;flex-wrap: wrap;align-items: center;justify-content: center;max-width: 420px;text-shadow: 0 0 30px rgba(0, 0, 0, 0.8);}
.top_home .home_text h1 span {font: normal bold 1.2em Poppins;margin: 0em 0.1em 0 0.5em;letter-spacing: -0.04em;color: var(--secondary);text-transform: uppercase;}
.top_home .home_text h2 {font: 400 2em/1.4em "Poppins";width: 100%;color: #fff; /* text-align: center; */
  max-width: 610px;margin: 2em 0;text-shadow: 0 0 30px rgba(0, 0, 0, 0.8);}
.top_home .home_text {margin: 0; /* text-align:center; */
  width: 100%;padding: 10em 0 4em;}
.top_home .inner p {font-size: 2em;font-weight: 400;max-width: 60%;margin: 0 auto; /* font: normal 2em 'Permanent Marker'; */ /* color: #f70759; */
}
#estado .top_home .home_text h2 {font-size: 1.2em;}

.descubre_home {background: var(--terciary);padding: 3em 0 0;margin: 0 0 2em; /* border-bottom: 1px solid; */
}
.descubre_home .flexed_btns .btn_icon {background: rgba(0, 0, 0, 0.3);padding: 3em 2em;color: #fff;}
.descubre_home .flexed_btns .btn_icon img {filter: invert(1);}

.top_home .inner h3 {/* text-align:center; */ /* width: auto; */ /* font-weight: 100; */ /* margin: 0 auto; */ /* padding: 0 20px; */ /* background: #d42f26; */ /* border-radius: 10em; */ /* line-height: 30px; */ /* font-size: 1em; */
  color: #333; /* padding: 10px 0; */
  margin: 0;line-height: normal;font-size: 0.9em;}
.estados_select {width: 100%;}
.estados_select input {width: 100%;height: 100%;background: transparent;border: none;line-height: 40px;height: 50px;border-radius: 10em;padding: 0 1em;font: normal 1em "Poppins";outline: none;}
.estados_select h4 {font-weight: 900;font-size: 1.2em;text-shadow: 0 0 10px #000, 0 0 10px #000;text-transform: uppercase;}
.estados_select label.select:after {font: 900 1.5em "Font Awesome 5 Pro";content: "\f107";position: absolute;right: 18px;z-index: 1;color: #60027c;top: 14px;color: #fff;}
.estados_select label:after {font: 900 1em "Font Awesome 5 Pro";content: "\f002";position: absolute;right: 20px;z-index: 1;top: 16px;color: var(--primary);}
.estados_select label,.btns_home a span {display: flex;position: relative;z-index: 2;appearance: none;-webkit-appearance: none;border: none;width: 100%;padding: 0 10px;outline: none;line-height: 50px;color: #fff;justify-content: center;white-space: nowrap;display: flex;align-items: center;font-size: 1.2em;}
.btns_home a span i {margin: 0 0 0 4%;}
.estados_select label {padding: 0;cursor: pointer;background: #fff;border-radius: 10em; /* overflow: hidden; */
}
.estados_select label select {display: block;position: relative;z-index: 2;appearance: none;-webkit-appearance: none;border: none;width: 100%;font: 900 1em "Poppins";background: transparent;outline: none;border-radius: 10em;line-height: 50px;color: #fff;padding: 0 10px;cursor: pointer;background: rgba(0, 0, 0, 0.1);}
.estados_select label select:focus {color: #333;}
.estados_select label > div {width: 100% !important;}
.estados_select label div input {display: block;position: relative;z-index: 2;appearance: none;border: none;width: 100%;font: 400 0.95em "Poppins";background: transparent;outline: none;border-radius: 10em;line-height: 50px;color: #fff;padding: 0 10px;cursor: pointer;background: rgba(0, 0, 0, 0.1);}
.estados_select label div input::placeholder {color: #eee;}

.list_destino {position: relative;width: 100%; /* background-color: white; */
}
.list_destino span {display: block;position: relative;z-index: 2;appearance: none;-webkit-appearance: none;height: 50px;border: none;width: 100%;padding: 0 5px;font: bold 1.1em "Poppins"; /* background: #fb2a1e; */
  outline: none;color: #fff;border-radius: 15px;line-height: 50px; /* box-shadow: 0 5px 20px rgba(0,0,0,.4); */
  color: #60027c;text-align: center;color: #fff;}
.list_destino .dest {position: absolute;width: 100%;background: #fff;height: 0px;overflow: hidden;transition: 0.4s;max-height: 0px;border-radius: 10px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.8);top: -300px;z-index: 2;}
.list_destino .dest a {display: flex;width: 100%;line-height: 32px;height: auto;padding: 0;text-align: left;justify-content: left;box-shadow: none;background: none;color: #333;padding: 0 37px;border-radius: 0px;font-size: 0.8em;align-items: center;margin: 0;}
.list_destino .dest a:hover {background: rgba(0, 0, 0, 0.3);}
.list_destino .dest a b {font-weight: 400;}
.list_destino .dest a img {width: 20px;filter: none !important;height: 20px;position: absolute;left: 10px;top: 6px;}

/*.autocomplete{display:flex;justify-content: center;align-items: center;margin: 0 auto;position: relative;background: #fff;border-radius: 10em;color: #333;}
.autocomplete__inputs{padding:0!important;}
.autocomplete i{color: #666;position: absolute;right: 18px;}
.autocomplete input{display:block;position:relative;z-index:2;appearance:none;-webkit-appearance:none;height: 50px;border: none;width: 100%;padding: 0 20px;font: normal 1em 'Poppins';background: transparent;outline: none;}
.autocomplete__box{padding: 0!important;border: none!important;width: 100%;border-radius: 10em!important;}
.autocomplete__box img.autocomplete__icon{position:absolute;right: 10px;height: 16px!important;width: 20px!important;}
.autocomplete__icon{background:#fff!important;height: 100%!important;position: absolute;right: 5px;display: flex;align-items: center;justify-content: center;width: 38px!important;border-radius: 20em; padding: 11px; z-index: 2;}
.autocomplete__icon.autocomplete--clear{padding:11px!important;}
.autocomplete__icon img{ width:100%; height:100%;}
.autocomplete__results{top:100%;z-index:4;width:85%!important;border:none!important;box-shadow:0 15px 15px rgba(0,0,0,.2);border-radius: 0 0 10px 10px!important;}
.autocomplete__results__item{padding:0 15px!important;text-align:left;font-weight:400;font-size:.8em;line-height: 35px;}
.autocomplete__results__item:hover,.autocomplete__selected{background: #d42f26!important;color:#fff;}
.easy-autocomplete-container{position:absolute;width: 84%;background: #dedede;box-shadow: var(--box-shadow);border-radius: 0 0 10px 10px;left: 8%;z-index: 3;}
.easy-autocomplete-container ul{display:block!important;z-index: 2;}
.easy-autocomplete-container ul li{line-height:40px;padding: 0 40px;color: #666;}
.easy-autocomplete-container ul li.selected,.easy-autocomplete-container ul li:hover{background: #eee;cursor: pointer;}
.easy-autocomplete-container ul li b{font-weight:600}


.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } */

.twitter-typeahead {width: 100%;}
.tt-menu {/* display:block!important; */
  background: #fff;width: 100%;border-radius: 10px;margin-top: 10px;overflow: hidden;box-shadow: var(--box-shadow);border: 1px solid var(--gray-dark);}
.tt-dataset {/* padding: .5em 0; */
  font-size: 0.8em;}
.tt-dataset .separator {padding: 0.5em 1em;border-bottom: 1px solid #ddd;background: #eee;margin: 0;line-height: normal;color: #777;}
.tt-dataset .not_dound {padding: 1em;color: #888;text-align: center;}
.tt-suggestion {line-height: 40px;cursor: pointer;transition: 0.4s;padding: 0 1em;color: #444;}
.tt-suggestion:hover,.tt-suggestion.tt-cursor {background: #dbd9d9;}

header .search {width: 100%;position: absolute;top: 100%;transition: 0.5s;height: auto;max-height: 0px;overflow: hidden;opacity: 0;}
header .search input {background: #fff;border-radius: 10em;box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);}
header .search.active {top: 110%;height: auto;max-height: 100px;transition: 0.5s;overflow: initial;opacity: 1;}
header .autocomplete_bucador input {margin: 10px 0;background: var(--terciary);}

.description_list {width: 100%;}

.slideshow_home {display: block;position: absolute;right: 0;top: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;opacity: 0.8;}
.slideshow_home picture {position: absolute;width: 100%;height: 100%;}
.slideshow_home img {position: absolute;left: 0;margin: 0;width: 100%;bottom: 0;height: 100%;float: none;object-fit: cover;object-position: center 40%;opacity: 0.8;}
.slideshow_home:after {background: radial-gradient(
    circle,    rgba(0, 0, 0, 0.7) 0%,    rgba(0, 0, 0, 0) 70%
  );content: "";display: block;position: absolute;top: 0;left: 0;width: 60%;height: 100%;z-index: 1;}

#destino .slideshow_home {height: 100%;filter: opacity(0.8);}

.btns_home {
  position: relative;
  z-index: 2;
  width: 100%;
  /* padding: 15px; */
  display: flex;
  border-radius: 10px;
  justify-content: space-between;
  /* background: rgba(255, 255, 255, .6) url(./img/grid.svg) repeat center/1170px; */
  /* box-shadow: 0 0px 25px rgba(0,0,0,.2); */
  /* background: #222; */
  /* background: #13172a; */
  /* overflow: hidden; */
  box-shadow: var(--box-shadow);
  /* overflow: hidden; */
  margin: 0 0 -3em;
  background: var(--primary);
  }
.btns_home section:nth-child(2) {z-index: 2;position: relative;}
.btns_home section,.btns_home a {display: flex;padding: 0.5em 1em;width: 100%;border-radius: 10px;font-weight: 500;position: relative;z-index: 1;color: #fff;margin: 0;flex-wrap: wrap;justify-content: center;background: var(--primary); /* border-right: 1px solid var(--terciary); */
}
.btns_home a:last-child {/* border-left:1px solid rgba(0,0,0,.4); */border-radius: 0 10px 10px 0;background: var(--terciary);font-weight: 600;}
.btns_home a:last-child:after{position:absolute;left:0;top:0;width:100%;height:100%;background: url(./img/bg.svg) no-repeat center/cover;content:'';z-index: -1;opacity: .4;}
.btns_home section {cursor: default;z-index: 2;}
.btns_home a:before,.btns_home section:before {/* content:''; */
  position: absolute;width: 100%;height: 100%;background: #f70759;left: 0;top: 0;opacity: 1;}
.btns_home a > img,.btns_home section > img {width: 100%;height: 60px;object-fit: contain;object-position: center;position: relative;margin: 0;}
.btns_home section:hover .list_destino .dest {height: auto;max-height: 630px;}
.btns_home img.vinosdecoahuila {filter: none !important;}

.layer_video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #111;z-index: 4;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.video_player {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;z-index: 1;background: #000;}
.video_player .container_video {position: absolute;width: 110%;height: 110%;display: flex;align-items: center;justify-content: center;left: -5%;top: -5%;opacity: 0.8;filter: blur(2px);}
.video_player .container_video > * {position: absolute;width: 100%;height: 100%;object-fit: cover;}
.video_text {display: flex;background: radial-gradient(
    ellipse at center,    rgba(0, 0, 0, 0.5) 0%,    transparent 70%
  );position: relative;z-index: 2; /* padding: 70px 0; */
  text-align: center;color: #fff;align-items: center;}
.video_text img {margin: 0 auto;max-width: 80%;margin: 20px auto;height: auto;object-fit: contain;background: radial-gradient(
    ellipse at center,    rgba(0, 0, 0, 0.5) 0%,    transparent 73%
  );padding: 30px 0;}
.video_text img.md {max-width: 140px;}
.video_text p {/* max-width: 500px; */
  margin: 40px auto;text-shadow: 0 0 40px #000, 0 0 40px #000;line-height: 1.6em;font-weight: 400;color: #fff;padding: 0 15%;font-size: 1.5em;}
.video_text .logos_video {width: 100%;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;object-fit: contain;}
.video_text .logos_video img {margin: 0 30px;background: none;padding: 0;}
.video_text .logos_video .secretaria {height: 150px;}
.video_text .logos_video .magic {height: 60px;}
.video_text .logos_video .fuerte {height: 80px;}
.video_text p:after {filter: invert(1);}
.video_text .btn {max-width: 300px;background: #67b823;margin: 0 0 50px;}
.video_text .md_logo {margin: 30px auto 0;display: flex;align-items: center;}
.video_text .md_logo img {height: 30px;margin: 0 0 0 20px;padding: 0;background: none;}

.inspiration {width: 100%;display: flex;margin: 20px 0 0;text-align: center;}
.inspiration .form label {background: none;display: flex;overflow: hidden;border-radius: 10em;padding: 0;overflow: hidden;border-radius: 5px;margin: 0;}
.inspiration .form label button {width: 40px;border-radius: 0 10em 10em 0;}
.inspiration > div {width: 100%;margin: 20px 10px;padding: 10px 10px 20px;background: rgba(0, 0, 0, 0.6);border-radius: 10px;}
.inspiration div span {display: block;margin: 15px 0;font-weight: 900;}
.inspiration .form legend {display: block;margin: 15px 0;font-weight: 900;}
.grid_destinos {display: grid;grid-template-rows: 15em 15em 15em 15em;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;width: 100%;margin: 0 0 10px;}
.grid_destinos .card {/* border: 1px solid #353535; */
  display: flex;align-items: center; /* border-radius: 0; */ /* box-shadow: none; */
}
/*.grid_destinos .card:nth-child(1){grid-row: 1/3;grid-column: 1/5;}
.grid_destinos .card:nth-child(2){grid-row: 1/3;grid-column: 5/8;}
.grid_destinos .card:nth-child(3){grid-row: 3/5;grid-column: 1/4;}
.grid_destinos .card:nth-child(4){grid-row: 3/5;grid-column: 4/6;}
.grid_destinos .card:nth-child(5){grid-row: 3;grid-column: 6/8;}
.grid_destinos .card:nth-child(6){grid-row: 4/5;grid-column: 6/8;}*/

.filter {height: 100%; /* background: #86e0e0; */
  padding: 50px 0px 0;overflow: hidden;box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);z-index: 1;}
.filter form {height: calc(100% - 68px);padding: 0 20px 10px;overflow: auto;margin: 14px 0;box-shadow: inset 0 -14px 10px -10px rgba(0, 0, 0, 0.2);}
.filter h2 {/* color:#fff; */
  text-align: center;position: absolute;top: 0;left: 0;padding: 0 20px;line-height: 50px;width: 100%;margin: 0;background: rgba(0, 0, 0, 0.1);}
.filter form > div {margin: 0 0 10px;overflow: hidden;}
.filter form > div:nth-child(4) {margin: 0;}
.filter .title_filter {font-weight: bold;cursor: pointer;overflow: hidden; /* color: #fff; */
  margin: 0 0 5px;}
.filter .title_filter i {float: right;opacity: 0.5;margin: 4px;}
.filter label {display: flex;padding: 0 40px 0 0;cursor: pointer;position: relative;margin: 0px 0 5px;align-items: center; /* color: #fff; */
  font-size: 0.8em;background: none;height: 27px;overflow: visible;}
.filter label span {color: #9b9b9b;}
.filter label b {right: 0;position: absolute;text-align: center;background: rgba(222, 222, 222, 0.5);width: 40px;height: 26px;border-radius: 10em;display: flex;align-items: center;top: 1px;}
.filter label i {display: block;width: 15px;text-align: center;margin: 0 8px 0 0;font-size: 1em;opacity: 0.4;}
.filter label input[type="checkbox"] {position: absolute;left: -100px;width: 1px;height: 1px;}
.filter label input[type="checkbox"] + b:after {content: "";width: 20px;height: 20px;background: #fff;display: block;border-radius: 10em;position: absolute;left: 2px;box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);transition: 0.5s;}
.filter label input[type="checkbox"]:checked + b:after {left: calc(100% - 24px);background: #25049f;}
.filter .limpiar {display: block;text-align: center;margin: 0 5px;position: absolute;bottom: 6px;left: 0;width: -webkit-fill-available;}

.filter.line {height: auto;position: sticky;top: 75px;width: 100%;display: flex;padding: 0;border-radius: 5px;overflow: initial;background: #121729;z-index: 2;align-items: center;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);max-width: 1300px;margin: 0 auto 30px;justify-content: space-between;/* z-index: 1; */}
.filter.line .btn[type="reset"] {margin: 0 5px 0 0;}
.filter.line h2 {position: initial;width: auto;display: flex;align-items: center;color: #fff;font-size: 1em;border-radius: 10px 0 0 10px;background: rgba(0, 0, 0, 0.3);margin: 0;}
.filter.line form {display: flex;padding: 0;height: auto;margin: 0;width: 100%;box-shadow: none;padding: 5px 0;align-items: center;overflow: initial;}
.filter.line form .limpiar {position: initial;width: 200px;align-self: center;}
.filter.line .data {width: 100%;margin: 0 3px;height: 100%;position: relative;display: flex;overflow: initial;background: rgba(255, 255, 255, 0.1);border-radius: 5px;align-items: center;}
.filter.line .data i {color: #fff;opacity: 0.3;position: absolute;left: 7px;font-size: 0.8em;}
.filter.line .data:hover section {max-height: 1000px;}
.filter.line .data section {max-height: 0px;overflow: hidden;position: absolute;left: 5%;top: 100%;transition: 0.4s;width: 90%;display: block;background: #280b5d; /* padding: 10px; */
  border-radius: 0 0 10px 10px;}
.filter.line .title_filter {position: relative;display: flex;align-items: center;width: 100%;padding: 0 20px 0 35px; /* background: rgba(255,255,255,.1); */
  border-radius: 5px;color: #fff;font-size: 0.8em;line-height: 40px;margin: 0;}
.filter.line .data select {position: relative;display: block;align-items: center;width: 100%;padding: 0 20px 0 28px;background: none;border-radius: 10px;color: #fff;font-size: 0.8em;line-height: 40px;margin: 0;border: none;height: 40px;font: bold 0.8em "Poppins";-webkit-appearance: none;z-index: 1;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.filter.line .data select[disabled] {opacity: 0.2;background: #333;}
.filter.line .data.arrow:after {display: block;font: 900 1em "Font Awesome 5 Pro";content: "\f107";position: absolute;right: 14px;color: #fff;}
.filter.line .title_filter:after {display: block;font: 900 1.2em "Font Awesome 5 Pro";content: "\f107";position: absolute;right: 10px;}
.filter.line label {margin: 5px 10px;color: #fff;font-size: 0.8em;}
.filter.line label.error {position: absolute;width: 100%;padding: 0;margin: 0;top: 100%;display: none;}
.filter.line label i {font-size: 1.2em;}
.filter.line .vueslider {width: 10px;}

.visor {display: flex;margin: 0 10px;}
.visor .btn {display: flex;background: #f70759;height: 40px;align-items: center;justify-content: center;width: 40px;border-radius: 5px;margin: 0 3px;color: #fff;}
.visor .btn i {margin: 0;}

.see_only {width: 100%; /* display:flex; */
  align-items: center;margin: 0 0 0 13px;justify-content: space-between;position: sticky;top: 80px;display: none;}
.see_only h2 {white-space: nowrap;color: #fff;font-size: 1em; /* padding: 0 10px; */
  margin: 0 10px 10px 0;}
.see_only form {width: 100%; /* display:flex; */
  justify-content: space-evenly;}
.see_only form label {/* width: 21%; */
  padding: 0 0 0 35px;display: flex;margin: 0 0 10px;height: 30px;color: #fff;align-items: center;cursor: pointer;}
.see_only form label i {margin: 0 10px 0 0;}
.see_only form label input {position: absolute;left: -100%;width: 1px;height: 1px;}
.see_only form label b {position: absolute;width: 20px;height: 20px;left: 0;border: 1px solid #555;border-radius: 10em;display: flex;align-items: center;justify-content: center;font: 900 0.8em "Font Awesome 5 Pro";}
.see_only form label input:checked + b:after {content: "\f00c";}

.experience label {display: flex;align-items: center;position: relative;font-size: 0.8em;line-height: 32px;padding: 0 35px 0 0;flex-wrap: wrap;font-weight: normal; /* color: #666; */
  margin: 0 0 0px 0;}
.experience label b {right: 4px;position: absolute;text-align: center;background: #cecece;width: 25px;height: 25px;border-radius: 3px;display: flex;align-items: center;cursor: pointer;overflow: hidden;justify-content: center;transition: 0.4s; /* box-shadow: 0 0 14px rgba(0,0,0,.1); */
  top: 2px;}
.experience label i.fas,.experience label i.fab {display: block;width: 20px;text-align: center;margin: 0 5px 0 0;font-size: 1.1em;opacity: 0.5;}
.experience label input[type="checkbox"] {position: absolute;left: -10000px;width: 1px;height: 1px;}
.experience label input[type="checkbox"] + i{width: 25px;height: 24px;position:absolute;right:0;background:rgba(0,0,0,.2);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor: pointer;}
.experience label input[type="checkbox"] + i:after {content: "";display: block;color: #fff;font: bold 1em "Font Awesome 5 Pro";}
.experience label input[type="checkbox"]:checked + i {background: var(--primary);}
.experience label input[type="checkbox"]:checked + i:after {content: "\f00c";}
.experience label.select {padding: 5px 0 10px 0;}
.experience label.select.sub {padding: 5px 0 10px 22px;}
.experience label select {position: relative;display: block;align-items: center;width: 100%;background: #ffffff;border-radius: 10px;color: #666;line-height: 40px;border: none;height: 30px;margin: 0 0 3px;font: bold 0.8em "Poppins";box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);}
.experience legend {font-weight: bold;width: 100%;line-height: 20px;display: flex;margin: 0 0 4px;}
.experience label.checkbox i {display: flex; justify-content: center; width: 24px;}

.filters label.select {display: flex;justify-content: center;align-items: center;max-width: 500px;margin: 0 auto 10px;position: relative;background: #fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);border-radius: 10px;}

.filters label.select {display: flex;justify-content: center;align-items: center;max-width: 500px;margin: 0 auto 10px;position: relative;background: #fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);border-radius: 10px;}
.filters label.select:after {font: 900 1em "Font Awesome 5 Pro";content: "\f107";position: absolute;right: 13px;z-index: 1;color: #686765;}
.filters label.select select {display: block;position: relative;z-index: 2;appearance: none;-webkit-appearance: none;height: 40px;border: none;width: 100%;padding: 0 14px;font: normal 0.8em "Poppins";background: transparent;outline: none;text-align: center;}
.filters div {margin: 0 0 30px;}
.filters .msg {margin: 0 0 30px;text-align: center;background: #e3e3e3;padding: 10px;border-radius: 10px; /* box-shadow: 0 0 10px rgba(0,0,0,.1); */
  font-size: 0.9em;font-weight: 600;}
.filters [data-disabled="true"] {opacity: 0.2;cursor: default;}
.filters .categories label {display: flex;align-items: center;position: relative;font-size: 0.8em;line-height: 40px;padding: 0 35px 0 50px;flex-wrap: wrap;font-weight: bold;color: #333 !important;margin: 0 0 5px 0;border-radius: 10px;background: #fafafa!important;overflow: hidden;border: 1px solid #eee;}
.filters .categories label i {right: 4px;position: absolute;text-align: center;background: #cececf;width: 30px;height: 27px;border-radius: 10em;display: flex;align-items: center;cursor: pointer;overflow: hidden;justify-content: center;transition: 0.4s;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);color: #fff;width: 40px;top: 7px;}
.filters .categories label em{height: 100%;position: absolute;width: 50px;left: 0;}
.filters .categories label input[type="checkbox"] {position: absolute;left: -10000px;width: 1px;height: 1px;}
.filters .categories label input[type="checkbox"] + i:after {content: "";display: block;font: bold 1em "Font Awesome 5 Pro";width: 20px;height: 20px;background: #fff;border-radius: 10em;left: 3px;position: absolute;line-height: 20px;text-align: center;color: transparent;transition: 0.4s;}
.filters .categories label input[type="checkbox"]:checked + i {background: #ccc;}
.filters .categories label input[type="checkbox"]:not(:checked) + i {background: #ccc !important;}
.filters .categories label input[type="checkbox"]:checked + i:after {content: "\f00c";left: 16px;opacity: 0.6;}

.filters .categories label.select {padding: 5px 0 10px 0;}
.filters .categories label.select.sub {padding: 5px 0 10px 22px;}
.filters .categories label select {position: relative;display: block;align-items: center;width: 100%;background: #ffffff;border-radius: 10px;color: #666;line-height: 40px;border: none;height: 30px;margin: 0 0 3px;font: bold 0.8em "Poppins";box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);}
.filters .categories legend {font-weight: bold;width: 100%;line-height: 20px;display: flex;margin: 0 0 4px;}
.filters .categories label.atractivos input:checked + i {background: var(--atractivos);}
.filters .categories label.actividades input:checked + i {background: #309c2e;}
.filters .categories label.restaurantes input:checked + i {background: #fe4d02;}
.filters .categories label.hoteles input:checked + i {background: #085caf;}
.filters .categories label.entretenimiento input:checked + i {background: #a7dd00;}
.filters .categories label.tours input:checked + i {background: var(--tours);color: #333;}
.filters .categories label.festividades input:checked + i {background: #f20465;}


.col_aside {width: calc(100% - 340px);}

.top_note {display: flex;flex-wrap: wrap;position: relative;padding: 6em 0 2em;background: #000; /* overflow: hidden; */
  margin: 0 0 2em;}
.top_note figure:after {background: radial-gradient(
    circle,    rgba(0, 0, 0, 0.7) 0%,    rgba(0, 0, 0, 0) 80%
  );content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.top_note figure {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;}
.top_note figure img {width: 100%;height: 100%;object-fit: cover;}

.top_note svg {position: absolute;bottom: 0px;fill: #fafafa;left: 0;}
.top_note h1.nice {font-size: 3em; /* text-align: center; */
  color: #fff;text-shadow: 0 0 70px #000;margin: 1em 0;font-weight: 700;}
.top_note .es_pueblo {color: #fff; /* text-align:center; */
  display: block;width: 100%;font: 500 1em/20px "Poppins";height: 40px;}
.top_note .es_pueblo img {width: 40px;height: 40px;margin: 4px 10px -10px 0;}
.top_note .place {color: #fff; /* text-align:center; */
  display: block;width: 100%;margin: 0 0 40px;display: none;}
.top_note .place i {display: block;}
.top_note h1.nice:after {filter: brightness(100);}
.top_note h2 {font-size: 1.2em;font-weight: 500;margin: 0 0 1em;color: #fff; /* text-align: center; */
  text-shadow: 0 0 30px #000, 0 0 60px #000;padding: 0 35% 0 0;width: 100%;}
.top_note .has_video {width: 100%;margin: 0px 0 1em 0;justify-content: flex-start;}
.top_note .has_video .btn {min-width: 210px;margin: 7px 5px;}

.divider {display: block;height: 1px;width: 100%;}
.categoria {width: 100%;}

.top_item {display: flex;flex-wrap: wrap;position: relative;padding: 170px 0 60px;background: linear-gradient(
    480deg,    rgba(177, 40, 2, 0.8) 0%,    rgba(4, 103, 101, 0.9) 80%
  );margin-bottom: 40px;background: #222; /* border-radius: 0 0 0 150px; */ z-index: 2;
}
.top_item:before {background: linear-gradient(
    00deg,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.57) 100%
  );content: "";position: absolute;left: 0;top: 0;width: 100%;height: 250px;z-index: 1;}
.top_item figure {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.9;}
.top_item figure:after {background: radial-gradient(
    circle,    rgba(0, 0, 0, 0.8) 0%,    rgba(0, 0, 0, 0) 80%
  );content: "";display: block;position: absolute;top: 0;left: 0;width: 70%;height: 100%;z-index: 1;}
.top_item figure img {width: 100%;height: 100%;object-fit: cover;}
.top_item img.icon {height: 60px;margin: 10px;filter: invert(1);}
.top_item svg {position: absolute;bottom: 0px;fill: #fff;left: 0;width: 100%;}
.top_item h1.nice {font-size: 3em; /* text-align: center; */
  color: #fff; /* text-shadow: 0 0 20px rgba(0,0,0,.6); */
  margin: 0 0 0px 0;max-width: 500px;}
.top_item h2 {color: #fff;margin: 2em 0;max-width: 700px;font-weight: 400;}
.top_item .place {color: #fff; /* text-align:center; */
  display: block;width: 100%;margin-bottom: 2em;}
.top_item h1.nice:after {filter: brightness(100);}
.top_item h2.intro {color: #fff;text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);width: 100%;margin: 0 0 0;}
.top_item .breadcrumbs {/* background: rgba(0,0,0,.2); */
}
.top_item .has_video {width: 100%;margin: 0 0 10px 0;}
.top_item.atractivo {background: #bd026c;}
.top_item.hoteles {background: #085caf;background: #000 !important;}

[data-stars^="num"] {color: #e9e9e9 !important;letter-spacing: 2px;right: 0;font-family: "Font Awesome 5 Pro";font-weight: 700;display: block;margin: 0 0 20px;}

[data-stars="num.5"]:before {content: "\f5c0";}
[data-stars="num.5"]:after {content: "\f005\f005\f005\f005";font-weight: 400;}

[data-stars="num0.5"]:before {content: "\f5c0";}
[data-stars="num0.5"]:after {content: "\f005\f005\f005\f005";font-weight: 400;}

[data-stars="num1"]:before {content: "\f005";}
[data-stars="num1"]:after {content: "\f005\f005\f005\f005";font-weight: 400;}

[data-stars="num1.5"]:before {content: "\f005\f5c0";}
[data-stars="num1.5"]:after {content: "\f005\f005\f005";font-weight: 400;}

[data-stars="num2"]:before {content: "\f005\f005";}
[data-stars="num2"]:after {content: "\f005\f005\f005";font-weight: 400;}

[data-stars="num2.5"]:before {content: "\f005\f005\f5c0";}
[data-stars="num2.5"]:after {content: "\f005\f005";font-weight: 400;}

[data-stars="num3"]:before {content: "\f005\f005\f005";}
[data-stars="num3"]:after {content: "\f005\f005";font-weight: 400;}

[data-stars="num3.5"]:before {content: "\f005\f005\f005\f5c0";}
[data-stars="num3.5"]:after {content: "\f005";font-weight: 400;}

[data-stars="num4"]:before {content: "\f005\f005\f005\f005";}
[data-stars="num4"]:after {content: "\f005";font-weight: 400;}

[data-stars="num4.5"]:after {content: "\f005\f005\f005\f005\f5c0";}

[data-stars="num5"]:after {content: "\f005\f005\f005\f005\f005";}

.fav {width: 60px;height: 60px;border-radius: 10em;box-shadow: 0 0 10px;position: absolute;bottom: -80px;left: calc(50% - 25px);font-size: 1.5em;cursor: pointer;background: #fff;color: #333;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);}

.discover_banner{width:100%;position:relative;overflow:hidden;margin: 0 0 4em;border-radius:10px;box-shadow:var(--box-shadow);}
.discover_banner figure{width:100%;position:absolute;z-index:0;height: 100%;}
.discover_banner figure img{width:100%; position:relative; height:100%; object-fit:cover;}
.discover_banner a{display:flex;position:relative;font-weight: 600;color: #fff;align-items: center;justify-content: center;font-size: 1.4em;padding: 1em;}
.discover_banner a img{width: 80px;margin: 0 2em 0 0;}
.discover_banner a i{ margin:0 0 0 1em}

#restaurante .top_item {background: #fe4d02;}
#actividad .top_item {background: #309c2e;}
#festividad .top_item {background: #f20465;}

#entretenimiento .top_item {background: #a6dd00;}
#entretenimiento .top_item .nice {color: #444;}
#entretenimiento .top_item .place {color: #444;}
#entretenimiento .top_item h1.nice:after {filter: brightness(0);}
#entretenimiento .top_item img.icon {filter: none;}

#tour .top_item {background: #fccb04;}
#tour .top_item .nice {color: #222;}
#tour .top_item .place {color: #222;}
#tour .top_item img.icon {filter: none;}
#tour .top_item h1.nice:after {filter: brightness(0);}

#atractivo .top_item img.icon {filter: invert(1);}
#hotel .top_item img.icon {filter: invert(1);}
#restaurante .top_item img.icon {filter: invert(1);}

span.category {color: #fff;line-height: 40px;padding: 0 20px;display: block;border-radius: 10em;margin: 0 auto;font-weight: 900;}

.description_service {margin: 0 0 2em;}

.info_item {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 0 80px;}
.info_item .text {width: 49%;margin: 0;padding: 0 20px 0;font-size: 0.95em;min-height: 350px;}
.info_item .text:before {display: none;}
.info_item .categoria {}
.info_item .categoria strong {margin: 0 10px 0 0;}

/* Botones Flotantes en pasarela de atractivos */

.info_item .infoitembox {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 0 80px;}
.info_item .infoitembox .text {width: 49%;margin: 0;padding: 0 20px 0;font-size: 0.95em;min-height: 350px;}
.info_item .infoitembox .text:before {display: none;}
.info_item .infoitembox .categoria {}
.info_item .infoitembox .categoria strong {margin: 0 10px 0 0;}

.botonesflotantes{
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 11;
}

/* .btns_fixed {
  color: transparent;
}

.nextprev_post {
  position: fixed;
  top: calc(50% - 20px);
  height: 100px;
  display: flex;
  align-items: center;
  padding: 0 20px 0 100px;
  background: var(--primary);
  color: #fff;
  width: 180px;
  left: -80px;
  transition: 0.4s;
  z-index: 2;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
  border-radius: 4px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nextprev_post:hover {
  left: 0;
}

.nextprev_post img {
  width: 80px;
  height: 100%;
  position: absolute;
  left: 0;
  object-fit: cover;
  top: 0;
}

.nextprev_post p {
  width: 80px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--terciary);
  display: flex;
  justify-content: center;
  align-items: center;
}



.post-thumbnail img {
  width: 40px;
  height: 40px;
}

.post-thumbnail p {
  width: 40px;
  height: 40px;
  background: var(--terciary);
}


.nextprev_post[rel=next] {
  left: initial;
  right: -80px;
  padding: 0 100px 0 20px;
}

.nextprev_post[rel=next] img {
  left: initial;
  right: 0;
}
.nextprev_post[rel=next] p {
  left: initial;
  right: 0;
  background: var(--terciary);
}

.nextprev_post[rel=next]:hover {
  right: 0;
} */




.btns_fixed {
  color: transparent;
}

.nextprev_post {
  position: fixed;
  top: calc(50% - 20px);
  height: 100px;
  display: flex;
  align-items: center;
  padding: 0 20px 0 100px;
  background: var(--terciary);
  color: #fff;
  width: 180px;
  left: -80px;
  transition: 0.4s;
  z-index: 2;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
  border-radius: 4px;

  flex-direction: column;
  justify-content: center;
}

.nextprev_post:hover {
  left: 0;
}

.nextprev_post img {
  width: 80px;
  height: 100%;
  position: absolute;
  left: 0;
  object-fit: cover;
  top: 0;
}

.post-thumbnail img {
  width: 40px;
  height: 40px;
}

.nextprev_post[rel=next] {
  left: initial;
  right: -80px;
  padding: 0 100px 0 20px;
}

.nextprev_post[rel=next] img {
  left: initial;
  right: 0;
}

.nextprev_post[rel=next]:hover {
  right: 0;
}

.nomenclatura{
  display: inline;
}

.nomenclatura2{
  display: none;
}



.botonesflotantes {
  position: fixed;
  display: flex;
  width: 100%;
  left: 0;
  bottom: 0;
  
}

/* Fin de Botones Flotantes en pasarela de atractivos */


.items_related {width: 100%;overflow: hidden;margin: 2em 0 0;}
.items_related .carousel_items {padding: 0 3em;overflow: hidden;}
.items_related .owl-prev {left: 10px;}
.items_related .owl-next {right: 10px;}

.data_item {width: 100%;margin-bottom: 40px;}
.data_item ul.services {display: flex;justify-content: center;width: 100%;margin-bottom: 40px;flex-wrap: wrap;}
.data_item ul.services li {padding: 20px;background: #fff;border: 1px solid #f1f1f1;border-radius: 10px 20px 10px 10px;width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin: 0 1% 1%;text-align: center;font-weight: 600;color: #666;max-width: 150px;}
.data_item ul.services li i {display: block;width: 100%;margin: 0 0 10px;font-size: 2em;color: #999;}

.rooms {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 0 2em;}
.rooms h5 {margin: 0 0 10px;font-size: 1.4em;width: 100%;text-align: center;}
.rooms .room {position: relative; padding: 0px;background: #fff;border-radius: 10px;box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);margin: 0 1% 10px;width: 31%;font-size: 0.8em;}
.rooms .room .boximage{position: relative;line-height: initial;margin: 0;line-height: initial;}
.rooms .room div {margin: 0 0 10px;line-height: 1.6em;}
.rooms .room h6 {font-weight: 600;font-size: 1.4em;margin: 0 0 10px;}
.rooms .room p {margin: 0 0 10px;font-size: 1.1em;line-height: 1.4em;}
.rooms .room img {width: 100%; border-radius: 10px 10px 0px 0px;}
.rooms .room .content-desc {padding: 1em; margin: 0;}
.rooms .room .namehabitacion {
  width: 100%;
  display: block;
  box-shadow: none;
  position: absolute;
  bottom: 10px;
  color: #fff;
  padding: 0 1em;
  z-index: 2;
  font-weight: bold;
  font-size: 0.8em;
  background: white;
  margin: 0;
  line-height: 3em;
  display: flex;
  align-items: flex-end;
  margin-bottom: -6px;
  background: inherit;
  background: rgba( 255, 255, 255, 0.25 );
  backdrop-filter: blur( 4.5px );
  -webkit-backdrop-filter: blur( 4.5px );
  border-top: 1px solid rgba( 255, 255, 255, 0.18 );
}
.rooms .room .namehabitacion h6 {margin: 5px 0px;text-shadow: 1px 1px rgba(0,0,0,0.1); font-size: 2em;}
.rooms .room .namehabitacion2 { background: var(--terciary); color: var(--white); padding: 1em; border-radius: 5px 5px 0px 0px; }
.rooms .room .namehabitacion2 h6 {margin: 5px 0px;font-size: 1.2em; line-height: 1.4;}
.rooms .room .precio {margin: 0;}
.rooms .room .precio span {font-size: 0.8em;display: block;margin: 0;}
.rooms .room .precio strong {display: inline-block;line-height: 30px;position: relative;font-weight: 600;font-size: 1.25em; color: var(--secondary)}
.rooms .room .precio strong:before {content: "$";}


.act_tour {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.act_tour h5 {margin: 0 0 10px;font-size: 1.4em;width: 100%;text-align: center;}
.act_tour .act {padding: 20px;background: #fff;border-radius: 10px;box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);margin: 0 1% 10px;width: 31%;font-size: 0.8em;}
.act_tour .act h6 {font-weight: 600;font-size: 1.4em;margin: 0 0 10px;}
.act_tour .act p {margin: 0 0 10px;font-size: 1.1em;line-height: 1.4em;}

.stars {
}
.stars {color: #60047c;letter-spacing: 1px;opacity: 1 !important;}
.stars:after,.stars:before {font-family: "Font Awesome 5 Pro";font-weight: normal;}
.stars:before {font-weight: bold;}
.stars:after {content: "\f005\f005\f005\f005\f005";}
.stars.num_1:after {content: "\f005\f005\f005\f005";}
.stars.num_1:before {content: "\f005";}
.stars.num_2:after {content: "\f005\f005\f005";}
.stars.num_2:before {content: "\f005\f005";}
.stars.num_3:after {content: "\f005\f005";}
.stars.num_3:before {content: "\f005\f005\f005";}
.stars.num_4:after {content: "\f005";}
.stars.num_4:before {content: "\f005\f005\f005\f005";}
.stars.num_5:after {content: "";}
.stars.num_5:before {content: "\f005\f005\f005\f005\f005";}

.list_amenities {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1em;margin: 0 0 20px;width: 100%;}
.list_amenities span {display: flex;align-items: center;padding: 0.2em 0;font-size: 0.8em;line-height: normal;}
.list_amenities span i {width: 30px;font-size: 1.3em;opacity: 0.8;margin: 0 10px 0 0;}

.direccion {padding: 20px 0; border-bottom :  1px solid #ddd; /* border-radius: 5px; */ background: #fff;}
.linebtnmodal{
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.linebtnmodal div{
  background: var(--terciary);
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: .9em;

}
.linebtnmodal div:hover{
  background: #0443a1;
}

.text > div > strong {margin-bottom: 10px;display: block;}

.redes{
  padding: 20px 0;
}

.contacto {
  /* padding: 15px;  */
  /* border:1px solid #ddd; */
  border-radius: 5px;
  background: #fff;
  /* margin: 0 0 10px; */
  background: #fff;}
.contacto ul:empty {display: none;}
.contacto > strong {margin-bottom: 10px;display: block;}
.contacto h4 {margin-bottom: 10px;display: block;font-size: 1.2em;}
.contacto div p {margin: 0 1px 5px;}
.contacto ul li {padding: 0 0 0 20px;margin: 0 0 5px;position: relative;text-align: left;}
.contacto ul li:after {content: "";display: block;width: 6px;height: 6px;border-radius: 10em;background: rgba(0, 0, 0, 0.5);position: absolute;left: 0;top: 9px;}

.contacto .title_contact {background: rgba(0, 0, 0, 0.2);padding: 10px;border-radius: 4px;}

.contacto ul li span {max-width: 50%;overflow: hidden;text-overflow: ellipsis;}
.contacto ul li:last-child {margin: 0;}
.contacto ul li:after {display: ;}
.contacto ul li div a {display: inline-block;width: 30px;height: 30px;line-height: 30px;background: #ddd;text-align: center;border-radius: 5px;color: #222;margin: 0 2px;}
.contacto ul li.redes {display: flex;flex-wrap: wrap;padding: 0;grid-column: 1/3;}
.contacto ul li.redes:after {display: none;}
.contacto ul li.redes:after {display: none;}
.contacto ul li.redes div a {display: block;text-decoration: none;width: auto;padding: 0px 10px;margin: 0 4px 4px 0;width: 100%;text-align: left;line-height: 35px;height: 35px;background: rgb(0 0 0 / 10%);color: #333;}
.contacto ul li.redes div a i {margin: 0 10px 0 0;}
.contacto ul li.redes div {display: flex;justify-content: right;width: 100%;margin: 0;flex-wrap: wrap;}

.contacto ul li.web {display: flex;flex-wrap: wrap;padding: 0;}
.contacto ul li.web:after {display: none;}
.contacto ul li.web:after {display: none;}
.contacto ul li.web span {width: 100%;max-width: inherit;}
.contacto ul li.web div {display: flex;justify-content: right;}

.contacto ul li.tel {display: flex;flex-wrap: wrap;padding: 0;}
.contacto ul li.tel:after {display: none;}
.contacto ul li b {width: 100%; /* margin: 10px 0; */
  padding-top: 10px; /* border-top: 1px solid rgba(0,0,0,.2); */
}
.contacto ul li.tel span {width: 100%;max-width: inherit;}
.contacto ul li.tel div {display: flex;justify-content: right;}

.disponibilidad {padding: 15px;border: 1px solid #ddd;border-radius: 5px;background: #fff;margin: 0 0 10px;overflow: hidden;}
.disponibilidad > strong {margin-bottom: 10px;display: block;}
.dias {display: flex;font-size: 0.8em;border: 1px solid #ddd;border-radius: 4px;}
.dias div {padding: 10px;border-right: 1px solid #ddd;width: 100%;text-align: center;background: #ececec;position: relative;}
.dias div:last-child {border: none;}
.dias b {font-weight: 900;margin-bottom: 5px;display: block;color: #666;}
.dias span:empty:after {content: "";position: absolute;width: 50%;height: 2px;background: #d4d4d4;position: absolute;left: 25%;bottom: 20px;transform: rotate(45deg);}

.performers {padding: 15px;border: 1px solid #ddd;border-radius: 10px;background: #fff;margin: 0 0 10px;}
.performers h6 {margin-bottom: 10px;display: block;font-weight: 900;}
.performers b {display: block;position: relative;}
.performers b:before {content: "";display: inline-block;width: 4px;height: 4px;background: #d42f26;border-radius: 10px;margin: 0 4px 0 0;position: relative;bottom: 3px;}

.fecha {text-align: center;border: 1px solid #ddd;border-radius: 4px;background: #ededed;white-space: nowrap;padding: 10px;display: flex;flex-wrap: wrap;float: left;margin: 0 20px 20px 0;}
.fecha strong {font-size: 2.5em;line-height: 1em;display: block;margin: 3px 0 4px;width: 100%;}
.fecha b {font-size: 0.8em;line-height: normal;text-transform: uppercase;display: block;font-weight: normal;width: 100%;}
.fecha em {font-size: 0.7em;line-height: normal;text-transform: uppercase;display: block;font-style: normal;width: 100%;}
.fecha span {font-weight: bold;width: 100%;}

.tags {display: flex;margin: 20px 0;flex-wrap: wrap;}
.tags p {margin: 0 5px 0px 0;}
.tags items {display: flex;font-size: 0.7em;margin: 2px 0;}
.tags span {
  background: rgb(0 0 0 / 0.05);
  border-radius: 5px;
  /* color: #989898; */
  padding: 5px;
  margin: 0 2px 3px;
  line-height: 25px;
  display: block;
  font-size: 0.7em;
  font-size: 0;
  display: flex;
  align-items: center;

}
.tags span:nth-child(n + 4) {display: none;}
.tags span i {margin: 0 8px 0 4px;font-style: normal;  font-size: initial;}
.item_card .tags {margin: 5px 0 0;flex-wrap: wrap;}

.boxcaubre{
  display: flex;
  width: 50%;
  flex-direction: column;
}


.item_gal {/* position: sticky; */ border-radius: 5px;width: 100%;  height: auto; /* height: 100% ;*/ /* top: 90px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); */ position: relative; }
.item_gal figure {position: relative;display: flex;height: 700px;width: 100%;top: 0;left: 0;max-height: 700px; /* overflow: hidden; */}
.item_gal figure img {width: 100%;height: 100%;object-fit: cover;object-position: center;position: absolute;border-radius: 5px;}
.item_gal .expand {position: absolute;top: 0;right: 0;background: #fff ;color: #fff;width: 50px;line-height: 50px;text-align: center;}
.item_gal .owl-stage-outer {overflow: hidden;border-radius: 5px;}
.item_gal .owl-next,.item_gal .owl-prev {height: 50px;width: 50px;top: calc(50% - 25px); color: #fff;border-radius: 50%;
  background: rgba( 255, 255, 255, 0.25 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );

}
.item_gal .owl-next {right: 10px;}
.item_gal .owl-prev {left: 10px;}

.flexed_btns {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin: 0 0 3em;}
.flexed_btns .nice {/* color:#fff; */ /* padding: 0; */
}
.flexed_btns .nice:after {/* filter:invert(1); */
}
.flexed_btns .btn_icon {width: 24%;color: #333;font-size: 1.4em;}
.flexed_btns .btn_icon img {/* filter:none; */
}

.flexed_btns.fill {display: grid;grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));width: 100%;grid-gap: 2em;}
.flexed_btns.fill .btn_icon {width: 100%;}

.grid_gal {display: grid;grid-template-rows: 11em 12em;grid-template-columns: 6fr 1fr 1fr 1fr 1fr;grid-gap: 20px;position: relative;width: 100%;margin: 20px 0 40px 0;}
.grid_gal figure {position: relative;overflow: hidden;border-radius: 4px;cursor: pointer; /* box-shadow: 0 2px 10px rgba(0,0,0,.2); */
  border: 1px solid #ddd;}
.grid_gal figure:hover img {transform: scale(1.1);}
.grid_gal figure img {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;transition: 0.5s;}
.grid_gal figure:nth-child(1) {grid-row: 1/3;grid-column: 1/3;}
.grid_gal figure:nth-child(2) {grid-column: 3/4;}
.grid_gal figure:nth-child(3) {grid-column: 4/6;}
.grid_gal figure:nth-child(4) {grid-column: 3/5;}
.grid_gal figure:nth-child(1n + 6) {display: none;}

.gal_dest {width: 100%;position: relative;margin: 40px 0 40px;}
.destination_gallery {width: 100%;height: 570px;margin: 0 0 2%;position: relative;}
.destination_gallery img {width: 100%;height: 100%;object-fit: cover;position: absolute;}
.destination_gallery figure {position: relative;width: 100%;height: 100%;border-radius: 20px;}
.destination_gallery .owl-next,.destination_gallery .owl-prev {height: 50px;width: 50px;top: calc(50% - 25px);background: #f70759;color: #fff;border-radius: 10px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);}
.destination_gallery .owl-next {right: -30px;}
.destination_gallery .owl-prev {left: -30px;}
.destination_gallery .owl-stage-outer {overflow: hidden;border-radius: 15px;box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);background: #333;}
.destination_gallery .owl-item {border-radius: 10px;overflow: hidden;}
.destination_gallery .owl-nav .disabled {opacity: 0.4;cursor: default;}
.expand_gal {position: absolute;right: 0;top: 0;background: #fff;z-index: 1;width: 50px;height: 50px;border-radius: 0 10px 0 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);font-size: 1.2em;}

.text {width: 100%;font-weight: 500;}
/*.text:before{display: block;content:'';width: 130px;height: 31px;background: url(/static/img/nice.svg) no-repeat center/contain;margin: 20px auto;}*/
.thumbs {background: none;display: grid;padding: 0;margin: 3em 0 0;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;width: 100%;background: #333;padding: 1em;border-radius: 1em;}
.thumbs figure {width: 100%;height: 180px;border-radius: 4px;overflow: hidden;}
.thumbs figure img {height: 100%;object-fit: cover;width: 100%;cursor: pointer;}
.thumbs figure:hover img {transform: scale(1.06);}

.text_data {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-rows: auto auto auto;margin: 0 0 30px;}
.text_data .nice {font-size: 1.6em;}
.text_data .nice:after {margin: 10px 0 0 0;background-position: -5px center;}
.first_text {grid-row: 2;grid-column: 1/4; /* background:#eee; */
  margin: 0;padding: 50px 30px 30px;border-left: 2px solid #ddd; /* border-radius: 3px; */
  position: relative; /* font-weight: bolder; */ /* box-shadow: 10px 10px 30px rgba(0,0,0,.1); */
  position: relative;z-index: 1; /* font-size: 1.2em; */
}
.first_text p {margin: 0;line-height: 1.8em;}
.first_text p:first-child:first-letter {font-size: 4em;display: block;position: relative;margin: 0px 1px 10px 0;float: left;line-height: 0.1em;}
.first_text:after {width: 310px;height: 2px;position: absolute;top: 0;left: 0;background: #ddd;content: "";}
.history {grid-row: 3/5;grid-column: 3/6;background: #fff;margin: 0;padding: 30px;border-right: 2px solid #ddd;padding: 60px 60px 10px; /* border-left: 1px solid #ddd; */
}
.atmos {grid-row: 4;grid-column: 1/3;background: #eee;margin: 0;padding: 30px; /* box-shadow: 10px 10px 10px rgba(0,0,0,.02); */
  border-bottom: 2px solid #ddd;}
.expect {grid-row: 6;grid-column: 3/5;background: #f8f8f8;margin: 0;padding: 30px;margin: 0;border-left: 2px solid #ddd; /* box-shadow: 0 0 20px rgba(0,0,0,.05); */
}
.art {grid-row: 2/6;width: 110%;height: 100%;background: url(./img/bg.png) repeat top left/320px;grid-column: 1/2;opacity: 0.3;margin-left: 90%;z-index: -1;}

.pueblo_items {display: flex;flex-wrap: wrap;border-radius: 15px;justify-content: space-between;position: relative;width: 100%;margin: 0 0 40px;}
.pueblo_items:before {/* content:''; */
  position: absolute;right: 0;bottom: 0; /* width: 100%; */
  height: 100%; /* background: linear-gradient(45deg, rgba(255, 0, 0, 0) 31%, rgba(255, 255, 255, 0) 49%, rgba(185, 185, 185,0) 51%, #232323 55%); */
  background-size: 10px 10px;opacity: 0;}
.pueblo_items > article {width: 100%;padding: 20px 0 0;position: relative; /* background: #eeeeee; */ border-radius: 13px; /* box-shadow: var(--box-shadow); */ margin: 0 0 3%;}
.pueblo_items > article.fests {width: 100%;margin: 20px 0;}
.pueblo_items > article .nice {padding: 0;}
.pueblo_items > article:last-child {border: none;}
.pueblo_items .btn.center {max-width: 400px;margin: 0 auto 1em;width: 100%;}

.info_destino {width: 100%;padding: 30px;position: relative;background: #eeeeee;border-radius: 13px;box-shadow: var(--box-shadow);display: flex;justify-content: space-between;margin: 0 0 50px;}

.magic_grid {display: grid;grid-template-rows: 14em 15em;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 20px;position: relative;width: 100%;margin: -5px 0 80px 0;}
.magic_grid a figcaption {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;background: radial-gradient(
    circle,    rgba(0, 0, 0, 0.7) 0%,    rgba(0, 0, 0, 0) 80%
  );font: 600 1.4em "Poppins";text-shadow: 0 0 20px #000, 0 0 20px #000;transition: 0.4s;text-align: center;}

.magic_grid a {position: relative;overflow: hidden;border-radius: 10px;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);cursor: pointer;transition: 0.4s;}
.magic_grid a:hover {transform: scale(1.03);}
.magic_grid a img {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;transition: 0.5s;}
.magic_grid a:nth-child(1) {grid-column: 1/5;}
.magic_grid a:nth-child(2) {grid-column: 5/8;}
.magic_grid a:nth-child(3) {grid-column: 1/4;}
.magic_grid a:nth-child(4) {grid-column: 4/8;}
.magic_grid a:nth-child(n + 5) {display: none;}

.goto {display: flex;flex-wrap: wrap;grid-column: 1/3;grid-row: 7;flex-wrap: wrap;position: sticky;top: 50px;}
.goto .btn {margin: 20px 0 0;font-size: 1.2em;}
.goto .map {width: 100%;height: 200px;display: none;}
.goto .info_llegar {width: 100%;padding: 6%;font-size: 0.9em;}
.goto .info_llegar img {width: 100px;margin: -20px auto 10px;display: block;}
.goto .info_llegar .nice:after {/* margin:0 auto; */ /* background-position:center; */
}
.goto .info_llegar strong {font-weight: bold;}
.goto .info_llegar p {margin: 15px 0 10px;line-height: 1.4em;}

.text_data .map {grid-row: 7;grid-column: 3/6;}

.location_weather {width: auto;padding: 0 0px 0 55px;color: #fff;border-radius: 10px;position: relative;display: flex;align-items: center;height: 55px;box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);background: rgba(0, 0, 0, 0.2);}
.location_weather p {position: absolute;top: 11px;font-size: 0.6em;left: 65px;}
.location_weather div {/* display: flex; */
  font-weight: 700;text-transform: capitalize;font-size: 0.8em;flex-wrap: wrap;padding: 0px 20px;align-items: center;position: relative;text-align: center;}
.location_weather div:nth-child(2) {border-right: 1px solid #fff;padding-right: 65px;text-align: left;}
.location_weather div b {display: block;font-size: 0.8em;margin: 0;text-align: left;}
.location_weather div span {font-weight: 400;}
.location_weather p span {float: left;width: 50%;font-size: 0.8em;line-height: 0.9em;}
.location_weather i {width: 60px;text-align: center;font-size: 1.5em;position: absolute;left: 0px;padding: 10px 0;}
.location_weather img.weather_icon {width: 60px;text-align: center;font-size: 1.5em;position: absolute;left: 0px;padding: 10px 0;filter: brightness(10); /* opacity: .8; */
  object-fit: contain;}
.location_weather div em {font-style: normal;font-size: 1.4em;text-align: center;width: 100%;line-height: 1em;}
.location_weather div:nth-child(2) em {font-size: 2.6em;font-style: normal;position: absolute;right: 8px;line-height: 20px;height: 20px;top: 7px;display: flex;width: auto;}
.location_weather div:nth-child(2) em:after {content: "";display: block;width: 3px;height: 3px;border-radius: 10em;border: 1px solid #fff;margin: 0px 0 0 0px;}

.search_results {width: 100%;}

.gallery_full .compress {position: absolute;top: 0;right: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;color: #333;z-index: 2;background: #fff;border-radius: 0 0px 0px 20px;font-size: 1.2em;}
.gallery_full {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: -5;background: #1e1e1e;overflow: hidden;padding: 40px;display: none;}
.gallery_full.animated {z-index: 40;}
.gallery_full img {width: auto !important;height: auto;max-width: 100%;max-height: 100%; /* position: absolute; */
  object-fit: contain;}
.gallery_full figcaption {background: linear-gradient(
    180deg,    rgba(0, 0, 0, 0) 0%,    rgba(30, 30, 30, 0.9) 80%
  );position: absolute;width: 100%;text-align: center;left: 0;bottom: -20px;padding: 60px 0 20px;color: #fff;}

.gallery_full .owl-carousel {height: 100%;}
.gallery_full .carousel {height: 100%;}
.gallery_full .owl-item,.gallery_full .owl-stage,.gallery_full .owl-stage-outer {height: 100%;}
.gallery_full .owl-stage-outer {overflow: hidden;}
.gallery_full .owl-item {/* display:flex; */ /* align-items:center; */ /* justify-content:center; */ /* padding: 20px; */ /* background: #e0e0e0; */
}
.gallery_full .owl-item figure {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;position: relative;opacity: 1;}
.gallery_full .owl-next {/* right:-40px; */
}
.gallery_full .owl-prev {/* left:-40px; */
}

#favoritos {/* padding:40px 0; */ /* background: #271941; */
}
.module_fav {width: 100%;}

#inspirate_listado {height: 100%;overflow: hidden;}
#inspirate_listado {height: 100%;overflow: hidden;}
#list_top {z-index: 1;position: relative;height: 100%;}
#list_top .card {height: 100%;border-radius: 0;align-items: flex-end;display: flex;}
#list_top .card .btn.block {margin: 20px 0 0 0;}
#list_top .card .btn.block {max-width: 300px;}
#list_top .card .data {display: flex;flex-wrap: wrap;padding: 110px 8%;align-items: flex-end;position: initial;height: auto;align-items: flex-end;background: linear-gradient(
    180deg,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.7) 80%
  );z-index: 2;}
#list_top .card .data .name {width: 100%;}
#list_top .card .favorite {bottom: 100px;}

.down,.up {display: block;width: 40px;height: 40px;color: #fff;font-size: 1.3em;text-align: center;line-height: 44px;position: absolute;bottom: 0px;left: calc(50% - 20px);animation: bounce 2s infinite;text-shadow: 0 0 7px rgba(0, 0, 0, 0.4);z-index: 3;text-decoration: none;}
.up {top: 50px;}
@keyframes bounce {0%,  20%,  50%,  80%,  100% {  transform: translateY(0);}
  40% {  transform: translateY(-4px);}
  60% {  transform: translateY(-2px);}
}

/*.gm-style .gm-style-iw-d div{display:flex;background: #111;position: relative;padding: 20px;margin: 10px 5px;border-radius: 6px; flex-wrap:wrap;}
.gm-style .gm-style-iw-d div img{position:absolute;width: 100%!important;height:100%;top: 0;left: 0;object-fit: cover;z-index: 0;opacity: .4;}
.gm-style .gm-style-iw-d div h1{color:#fff;position:relative;z-index:1;width: 100%;text-shadow: 0 0 10px #000;}
.gm-style .gm-style-iw-d div p{position:relative;}*/

.gm-style .gm-style-iw-d {font: 600 1.2em "Poppins";}

.promse {background: rgba(0, 0, 0, 0.7);z-index: 2;position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;display: flex;align-items: center;padding: 0 20%;}
.promse .see_video {display: block;position: absolute;color: #fff;top: -120px;left: calc(50% - 30px);width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;border-radius: 10em;display: none;}
.promse img {display: block;width: 400px;max-width: 100%;margin: 0 0 40px;animation-delay: 0.6s;height: 70px;object-fit: contain;}
.promse p {font-size: 1.2em;animation-delay: 0.9s;}
.promse .btns {margin: 40px 0;justify-content: left;animation-delay: 1.2s;}
.promse .btns .btn {display: inline-block;width: auto;justify-self: auto;padding: 0 40px;}

#iframe_videowall {width: 130% !important;height: 140% !important;margin: -10% -15% !important;}
.video_watch {display: block;position: relative;background: #111;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;padding: 80px;display: none;}

.video_pueblo {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;z-index: 5;background: rgba(0, 0, 0, 0.8);top: 0;left: 0;position: fixed;display: none;}
.video_pueblo > section {/* position:absolute; */
  max-width: 100%;max-height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
.video_pueblo > section > * {z-index: 2;}
.video_pueblo > section:after {content: "\f110";font: 900 2em "Font Awesome 5 Pro";color: #ffffff;position: absolute;animation: fa-spin 2s infinite linear;z-index: 1;}

.open_filters {display: none;}

.modal {position: absolute;bottom: -350px;background: #fff;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);width: 95%;left: 2.5%;border-radius: 3px;overflow: hidden;transition: 1s;z-index: 1;}
.modal.active {bottom: 70px;}
.modal .close {right: 0;}
.modal .close span:after,.modal .close span:before {background: #333;}
.preview_pueblo {display: flex;overflow: hidden;}
.preview_pueblo figure {position: relative;width: 30%;overflow: hidden;}
.preview_pueblo figure span.category {position: absolute;left: 20px;z-index: 1;text-transform: capitalize;bottom: 15px;}
.preview_pueblo figure img {position: absolute;height: 100%;width: 100%;object-fit: cover;}
.preview_pueblo .info {padding: 10px 20px 10px 20px;width: 70%;}
.preview_pueblo .info h2 {font-size: 1.3em;margin: 0 0 10px;padding-right: 40px;line-height: 1.5em;}
.preview_pueblo .info h6 {margin: 0 0 10px;font-size: 1em;line-height: 1.6em;}
.preview_pueblo .btn.block {max-width: 200px;}

#listado {overflow: hidden;position: fixed;width: 100%;height: calc(100% - 70px);top: 70px;left: 0;}
#listado .view_wrap {height: 100%;overflow: hidden;display: grid;grid-template-columns: 1fr;grid-template-rows: 25% 70%;flex-wrap: wrap;width: 100%;background: #13172a;}
#listado .view_wrap:before {content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0; /* background: rgba(0,0,0,.4); */
}
#listado .breadcrumbs {margin: 0;}
#listado .nice.center {padding: 0;margin: 30px 0 0;color: #fff;}
#listado .nice.center:after {filter: invert(1);}
#listado .introtext {text-align: center;color: #fff;font-weight: 400;margin: 20px 0;padding: 0 10%;font-size: 1.2em;line-height: 1.4em;width: 100%;}
.top_list {padding: 10px 0 0;width: 100%;height: auto;}
.carousel_list {width: 90%;max-width: 600px;margin: 0 auto;height: 100%;opacity: 0;transition: 0.4s;transition-delay: 1s;position: relative;}
.carousel_list.owl-loaded {opacity: 1;transition-delay: 0s;}
.carousel_list .item_card {height: 100%;filter: blur(3px);transition: 0.3s;transform: scale(0.8); /* opacity: .4; */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);background: #3a3a3a;border: 0px solid #fff;}
.carousel_list .active .item_card {filter: none;transform: scale(1);opacity: 1;background: #fff;overflow: hidden;}
.carousel_list .item_card figure {opacity: 0.2;border-radius: 10px;overflow: hidden;padding: 0;height: 100%;}
.carousel_list .item_card figcaption {padding: 28% 8% 8%;font-size: 1.2em;opacity: 0;border-radius: 10px;position: absolute;bottom: 0;background: linear-gradient(
    180deg,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.8) 70%
  );color: #fff;opacity: 0;width: 100%;}
.carousel_list .item_card figcaption em {opacity: 1;}
.carousel_list .active .item_card figcaption {opacity: 1;}
.carousel_list .active .item_card figure {opacity: 1;}
.carousel_list .owl-prev {left: -40px;}
.carousel_list .owl-next {right: -40px;font-size: 2em;}
.img_carousel {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.7;}
.img_carousel img {position: absolute;left: -5%;top: -5%;width: 110%;height: 110%;filter: blur(15px);opacity: 0;}

*[data-animation^="fade"] {opacity: 0;}

#magic_history {position: fixed;width: 100%;height: calc(100% - 70px);top: 70px;}
#magic_history .view_wrap {height: 100%;background: #13172a;}
#magic_history .inner {z-index: 2;}
#magic_history .nice {position: absolute;z-index: 2; /* background: linear-gradient(0deg, rgba(0,0,0,0) 0% , rgba(0, 0, 0,.6) 100% ); */
  font-size: 2em;margin: 0;color: #fff;padding: 20px 0;}
#magic_history .nice:after {filter: invert(1);}
#magic_history .carousel_list {height: calc(85% - 20px);top: 11%;max-width: 500px;}
#magic_history .carousel_list .owl-prev,#magic_history .carousel_list .owl-next {width: 80px;height: 80px;background: rgba(0, 0, 0, 0.6);top: calc(50% - 25px);border-radius: 10em;text-shadow: none;font-size: 2em !important;}
#magic_history .carousel_list .owl-prev {left: -140px;}
#magic_history .carousel_list .owl-next {right: -140px;}
#magic_history .carousel_list .owl-dots {position: fixed;bottom: 20px;left: 0;width: 100%;display: flex;justify-content: center;}
#magic_history .carousel_list .owl-dots div {width: 100%;height: 5px;background: #cc3f65;max-width: 50px;margin: 0 10px;border-radius: 10em;transition: 0.4s;opacity: 0.5;}
#magic_history .carousel_list .owl-dots div.active {opacity: 1;}

.magia {position: absolute;width: 100%;height: 100%;transform: scale(0.8);transition: 0.4s;overflow: hidden;border-radius: 10px;}
.magia figure {position: absolute;width: 100%;height: 100%;filter: grayscale(1);opacity: 0.6;}
.magia figure img {position: relative;width: 100%;height: 100%;object-fit: cover;}
.magia figcaption {position: absolute;bottom: -30%;left: 0;width: 100%;padding: 100px 40px 40px;color: #fff;background: linear-gradient(
    180deg,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.8) 40%
  );opacity: 0;transition: 0.4s;}
.magia figcaption > span {display: inline-block;padding: 0 20px;line-height: 30px;background: rgba(0, 0, 0, 0.7);margin: 0 0 20px;border-radius: 10em;}
.magia figcaption.hasButton {padding-bottom: 100px !important;}
.magia a.btn {position: absolute;bottom: -60px;width: 84%;margin: 0 0 0 8%;}
.magia figcaption p {line-height: 1.6em;font-size: 1.2em;}
.magia figcaption p strong {font-weight: bold;}
.magia figcaption ul li {margin: 0 0 10px;line-height: 1.6em;position: relative;padding: 0 0 0 20px;}
.magia figcaption ul li:after {position: absolute;left: 0;top: 10px;width: 7px;height: 7px;background: #fff;transform: rotate(45deg);content: "";opacity: 0.4;}
.magia figcaption h1,.magia figcaption h2,.magia figcaption h3 {line-height: 1.6em;font-size: 2em;}
.magia.white figcaption {padding: 200px 40px 40px;color: #333;background: linear-gradient(
    180deg,    rgba(0, 0, 0, 0) 0%,    rgba(255, 255, 255, 0.9) 30%
  );}
.magia.white figcaption > span {background: #fff9f9;}
.magia.white figure {background: #fff;}
.magia.white figure img {opacity: 0.8;filter: brightness(1.3);}

.active .magia {transform: scale(1);box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7);}
.active .magia figcaption {opacity: 1;transition-delay: 0.4s;bottom: 0;}
.active .magia figure {filter: grayscale(0);opacity: 1;}
.active .magia a.btn {bottom: 30px;}

.magia .pan1 {width: 100%;height: 100%;object-position: 100%;}
.active .magia .pan1 {animation-name: pan1;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}

.magia .pan2 {width: 100%;height: 100%;object-position: 0;}
.active .magia .pan2 {animation-name: pan2;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}
.magia .zoom1 {width: 100%;height: 100%;}
.active .magia .zoom1 {animation-name: zoom1;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}

.magia .shake {width: 110%;height: 110%;left: -5%;top: -5%;}
.active .magia .shake {animation-name: shake;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 2s;}

@keyframes principal {0% {  transform: scale3d(1.4, 1.4, 1.4);}
  75% {  transform: scale3d(1, 1, 1);}
  100% {  transform: scale3d(1.4, 1.4, 1.4);}
}

@keyframes pan1 {0% {  object-position: 100%;}
  75% {  object-position: 0;}
  100% {  object-position: 100%;}
}

@keyframes pan2 {0% {  object-position: 0;}
  75% {  object-position: 100%;}
  100% {  object-position: 0;}
}

@keyframes zoom1 {0% {  transform: scale3d(1, 1, 1);}
  50% {  transform: scale3d(1.4, 1.4, 1.4);}
  100% {  transform: scale3d(1, 1, 1);}
}

@keyframes shake {10%,  90% {  transform: translate3d(-2px, 2px, 0);}
  20%,  80% {  transform: translate3d(2px, -2px, 0);}
  30%,  50%,  70% {  transform: translate3d(-4px, 2px, 0);}
  40%,  60% {  transform: translate3d(4px, 4px, 0);}
}

/* Link Social */
.dark .redes{
  color: #fff;
}
.redesbox{
  display: flex;
  flex-wrap: wrap;
}
.linksocial{
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid var(--terciary);
  border-radius: 50%;
  margin: 10px 25px 0 0;
  
}
.dark .linksocial{
  background: #333;
  border: 1px solid #fff;
  color: #fff;
}


.fb:hover{ /* Facebook */
  background: #3b5998;
  color: #fff;
  border: 1px solid #fff;
}
.dark .fb:hover{
  border: 1px solid #333;
}

.in:hover{ /* Instagram */
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  color: #fff;
  border: 1px solid #fff;
}
.dark .in:hover{
  border: 1px solid #333;
}

.tw:hover{ /* Twitter */
  background: #00acee;
  color: #fff;
  border: 1px solid #fff;
}
.dark .tw:hover{
  border: 1px solid #333;
}

.yt:hover{
  background: #c4302b;
  color: #fff;
  border: 1px solid #fff;
}
.dark .yt:hover{
  border: 1px solid #333;
}

.ln:hover{
  background: #0e76a8;
  color: #fff;
  border: 1px solid #fff;
}
.dark .ln:hover{
  border: 1px solid #333;
}

.tk:hover{
  background: #000;
  color: #fff;
  border: 1px solid #fff;
}
.dark .tk:hover{
  border: 1px solid #333;
  background: #fff;
  color: #000;
}
.ot:hover{
  background: #094e3d;
  color: #fff;
  border: 1px solid #fff;
}
.dark .ot:hover{
  border: 1px solid #333;
}

.pi:hover{
  background: #E60023;
  color: #fff;
  border: 1px solid #fff;
}
.dark .pi:hover{
  border: 1px solid #333;
}

.wp:hover{
  background: #25d366;
  color: #fff;
  border: 1px solid #fff;
}
.dark .wp:hover{
  border: 1px solid #333;
}








/* LinkedIn */




body.dark {background: #333;}

.dark .text > div { background: #2a2a2a;}
.dark .descubre_home{background:var(--primarydark)}
.dark .mas_vistos{background:var(--primarydark)}
.dark .flexed_btns .btn_icon{background: #081f38;color:#fff;}
.dark .flexed_btns .btn_icon img{ filter:invert(1)}
.dark .pararel_items h2{color:#ddd}
.dark footer{background:#111}
.dark .view_wrap {background: #444;}
.dark .slideshow {opacity: 0.8;}
.dark .carousel_items .owl-item {background: #222;}
.dark .item_card {background: #222;}
.dark .item_card strong {color: #fff;}
.dark .item_card em {color: #fff; /* opacity:.6 */}
.dark .item_card .categoria{color:#ccc!important}
.dark .tags span {background: #333232;color: #999;}
.dark .text .tags span {background: #222;}
.dark .nice {color: #fff;}
.dark .nice:after {filter: brightness(100);}
.dark .btns_home section img,.dark .btns_home a img {filter: brightness(100);}
.dark .pueblo_items > article {/* background: #222; */}
.dark .top_note figure img {opacity: 0.9;}
.dark .first_text {color: #fff;}
.dark .history {background: #302f2f;color: #ccc;border-color: #222;}
.dark .atmos {background: #2a2a2a;color: #ccc;border-color: #222;}
.dark .expect {background: #2a2a2a;color: #ccc;border-color: #222;}
.dark .goto {background: #222;color: #ccc;}
.dark .text h2 {color: #fff;}
.dark .text a {color: #fff;}
.dark .art {background: url(./img/bg.png) repeat top left/320px;opacity: 0.05;}
.dark .envelope {background: rgba(0, 0, 0, 0.9);}
.dark .info_item .text {color: #fff;}
.dark .info_item .text p {color: #fff;}
.dark .contacto {background: #333;border-color: #222;color: #ddd;}
.dark .contacto .grid_contacto li{background:#222}
.dark .contacto ul li div a {background: #4444;color: #fff;}
.dark .direccion {background: #333; border-bottom: 1px solid #fff  ;color: #ddd;}
.dark .data_item ul.services li {background: #333;border-color: #555;color: #ccc;}
.dark .btn_anunciantes {border-color: #555;color: #ddd;}
.dark .rooms h5 {color: #fff;}
.dark .rooms .room {color: #fff;background: #222;}
.dark .rooms .room .precio {background: #333;}
.dark .rooms .room .precio strong {background: #222;}
.dark .stars {color: #a9a9a9;}
.dark aside {color: #fff;}
.dark .filters .categories label {background: #222 !important;border-color: #1c1c1c;color: #fff !important;}
.dark .filters .categories label em{filter:invert(2)}
.dark .filters .categories label i.pueblo_icon {filter: invert(1);}
.dark .filters .categories label b {background: #060606;}
.dark .filters .categories label input[type="checkbox"] + b:after {background: #343434;}
.dark .filters .categories label input[type="checkbox"]:checked + b:after {background: #fff;}
.dark .experience label b {background: #1e1e1e;}
.dark .resume_results {color: #777;}
.dark #mapa aside {background: #272727;}
.dark .filters .msg {background: #333;}
.dark #mapPrinted .vue-map {opacity: 1;filter: brightness(0.85);}
.dark #mapPrinted {background: #333;}
.dark .filters label.select {background: #111;color: #fff;}
.dark .filters label.select select {color: #fff;}

.dark .modal {background: #333;}
.dark .preview_pueblo .info h2 {color: #fff;}
.dark .preview_pueblo .info h6 {color: #ddd;}
.dark .modal .close span:after,.dark .modal .close span:before {background: #fff;}

html[data-browser="isiOS"]:after {content: "";position: fixed;left: 0;top: -200px;height: 200px;background: #13172a;z-index: 1;width: 100%;}
html[data-browser="isiOS"] {overflow-x: hidden;}

#destino {width: 100%;overflow: hidden;}

.rsvp {width: 100%;display: flex;align-items: center;justify-content: center;padding: 1em;margin: 0;flex-wrap: wrap;font-weight: 900;color: var(--terciary);font-size: 1.6em;}
.rsvp img {/* filter: invert(1) opacity(0.5); */
  opacity: 0.7;width: 220px;margin: 0 3em 0px 0;}
.kayak_container {width: 100%;/* padding: 0 0 1em;*/ margin: 1em 0 1em;border-bottom: 1px solid #ccc;/*  background: #ccc;*/  padding: 0 0 1em;}
.contacto .kayak_container {/* border-radius: 10px; background: #ddd; */}
.kayak_container + div {width: 100%;margin: 2em 0 0;}

#kayakFrame {width: 100%;margin: 6em 0 2em;}

#kayakWidget3 .logo{
  display: none;
}

/* Modificaciones a las atractivos*/
.megaboxatractivos{
  display: flex;
  width: 100%;
}
.boxinfoatr{
  display: flex;
  flex-direction: column;
  width: 50%;
}
.ctainfoatr{
  display: none;
  color: #ffffff;
}
.ctainfoatr2{
  display: flex;
  color: #ffffff;
}
.flexend{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ajustbtn{
  width: fit-content;
  margin: 26px 0px 4px 0px;
  padding: 0 40px;
}
.ajustbtn i{
  margin: 0px 0px 0px 10px;
}
.btnsmovilesperiencia a:last-child {
  border-radius: 10px;
  background: none;
}
.btns_home .btn-cta:after {
  border-radius: 10px;
  opacity: 1 !important;
  background: url(./img/bg3.svg) no-repeat center/cover !important;
  border: 1px solid  #EB008B;
}
/* .btns_home .btn-cta{
  width: 50%;
} */
.btn-cta span h1 {
  font-size: 16px;
}
.btnsmovilesperiencia{
  display: flex;
  background: none;
  width: 50%;
}

/* MOdificaciones de Look And Feel */
.boxsharefav{
  display: flex;
  color: #ffffff;
}
.itemshare{
  display: flex;
  position: relative;
  align-items: center;
  border-right: 1px solid #fff;
  padding: 0px 10px 0px 0px;
  cursor: pointer;
}
.itemshare i{
  margin-right: 5px;
}
.itemshare .redes {
  padding: 10px 0px;
}
.itemshare .redes .redesbox a i{
  margin-right: 0;
}
.itemshare .redes .redesbox a.linksocial{
  margin: 10px 15px 0 0;
}

.boxsharedtooltip{
  position: absolute;
  display: none;
  flex-direction: column;
  width: 200%;
  background: #fff;
  z-index: 4;
  top: 25px;
  border-radius: 5px;
  padding: 5px;
  color: #000;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.itemshare:hover > .boxsharedtooltip{
  display: flex;
}



.itemfav{
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 10px;
}
.itemfav i{
  margin-right: 5px;
}

.clipboard {
  border: 0;
  padding: 10px;
  border-radius: 3px;
  background: #f2f2f2;
  cursor: pointer;
  color: #04048c;
  font-size: 14px;
  position: relative;
  top: 0;
  transition: all 0.2s ease;
  text-align: center;
  border: 1px solid var(--primarydark);
}

.clipboard:hover {
  background: var(--primarydark); 
  color: #fff;
}

.clipboard i {
 margin-right: 5px;
}





.container {
  height: 70px;
  padding: 55px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.menu {
  z-index: 999;
  position: fixed;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.menu .share i.fa {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  background-color: #fff;
  border-radius: 2px;
}
.menu .share:hover.bottom .submenu li:nth-child(1) {
  opacity: 1;
  top: 50px;
  transform: rotate(0deg);
  border-top: 1px dashed #cccccc;
  transition-delay: 0.08s;
}
.menu .share:hover.bottom .submenu li:nth-child(2) {
  opacity: 1;
  top: 100px;
  transform: rotate(0deg);
  border-top: 1px dashed #cccccc;
  transition-delay: 0.16s;
}
.menu .share:hover.bottom .submenu li:nth-child(3) {
  opacity: 1;
  top: 150px;
  transform: rotate(0deg);
  border-top: 1px dashed #cccccc;
  transition-delay: 0.24s;
}
.menu .share:hover.bottom .submenu li:nth-child(4) {
  opacity: 1;
  top: 200px;
  transform: rotate(0deg);
  border-top: 1px dashed #cccccc;
  transition-delay: 0.32s;
}
.menu .share:hover.bottom .submenu li:nth-child(5) {
  opacity: 1;
  top: 250px;
  transform: rotate(0deg);
  border-top: 1px dashed #cccccc;
  transition-delay: 0.4s;
}
.menu .share:hover.left .submenu li:nth-child(1) {
  opacity: 1;
  left: -51px;
  transform: rotate(0deg);
  transition-delay: 0.5s;
  border-right: 1px dashed #cccccc;
}
.menu .share:hover.left .submenu li:nth-child(2) {
  opacity: 1;
  left: -102px;
  transform: rotate(0deg);
  transition-delay: 1s;
  border-right: 1px dashed #cccccc;
}
.menu .share:hover.left .submenu li:nth-child(3) {
  opacity: 1;
  left: -153px;
  transform: rotate(0deg);
  transition-delay: 1.5s;
  border-right: 1px dashed #cccccc;
}
.menu .share:hover.left .submenu li:nth-child(4) {
  opacity: 1;
  left: -204px;
  transform: rotate(0deg);
  transition-delay: 2s;
  border-right: 1px dashed #cccccc;
}
.menu .share:hover.left .submenu li:nth-child(5) {
  opacity: 1;
  left: -255px;
  transform: rotate(0deg);
  transition-delay: 2.5s;
  border-right: 1px dashed #cccccc;
}
.menu .share:hover.right .submenu li:nth-child(1) {
  opacity: 1;
  left: 50px;
  transform: rotate(0deg);
  transition-delay: 0.08s;
  border-left: 1px dashed #cccccc;
}
.menu .share:hover.right .submenu li:nth-child(2) {
  opacity: 1;
  left: 100px;
  transform: rotate(0deg);
  transition-delay: 0.16s;
  border-left: 1px dashed #cccccc;
}
.menu .share:hover.right .submenu li:nth-child(3) {
  opacity: 1;
  left: 150px;
  transform: rotate(0deg);
  transition-delay: 0.24s;
  border-left: 1px dashed #cccccc;
}
.menu .share:hover.right .submenu li:nth-child(4) {
  opacity: 1;
  left: 200px;
  transform: rotate(0deg);
  transition-delay: 0.32s;
  border-left: 1px dashed #cccccc;
}
.menu .share:hover.right .submenu li:nth-child(5) {
  opacity: 1;
  left: 250px;
  transform: rotate(0deg);
  transition-delay: 0.4s;
  border-left: 1px dashed #cccccc;
}
.menu .share:hover.top .submenu li:nth-child(1) {
  opacity: 1;
  top: -51px;
  transition-delay: 0.08s;
  transform: rotateY(0deg);
  border-bottom: 1px dashed #d9d9d9;
}
.menu .share:hover.top .submenu li:nth-child(2) {
  opacity: 1;
  top: -102px;
  transition-delay: 0.16s;
  transform: rotateY(0deg);
  border-bottom: 1px dashed #d9d9d9;
}
.menu .share:hover.top .submenu li:nth-child(3) {
  opacity: 1;
  top: -153px;
  transition-delay: 0.24s;
  transform: rotateY(0deg);
  border-bottom: 1px dashed #d9d9d9;
}
.menu .share:hover.top .submenu li:nth-child(4) {
  opacity: 1;
  top: -204px;
  transition-delay: 0.32s;
  transform: rotateY(0deg);
  border-bottom: 1px dashed #d9d9d9;
}
.menu .share:hover.top .submenu li:nth-child(5) {
  opacity: 1;
  top: -255px;
  transition-delay: 0.4s;
  transform: rotateY(0deg);
  border-bottom: 1px dashed #d9d9d9;
}
.menu .submenu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu .submenu li {
  transition: all ease-in-out 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.menu .submenu li a {
  color: #212121;
}
.menu .submenu li a:hover i.fa {
  color: #fff;
}
.menu .submenu li a:hover.facebook i.fa {
  background-color: #3b5999;
}
.menu .submenu li a:hover.twitter i.fa {
  background-color: #55acee;
}
.menu .submenu li a:hover.googlePlus i.fa {
  background-color: #dd4b39;
}
.menu .submenu li a:hover.instagram i.fa {
  background-color: #e4405f;
}
.menu .submenu li:nth-child(1) {
  transform: rotateX(45deg);
}
.menu .submenu li:nth-child(2) {
  transform: rotateX(90deg);
}
.menu .submenu li:nth-child(3) {
  transform: rotateX(135deg);
}
.menu .submenu li:nth-child(4) {
  transform: rotateX(180deg);
}
.menu.topLeft {
  top: 10px;
  left: 10px;
}
.menu.topRight {
  top: 10px;
  right: 10px;
}
.menu.bottomLeft {
  bottom: 10px;
  left: 10px;
}
.menu.bottomRight {
  bottom: 10px;
  right: 10px;
}


.perfilsect{
  margin: 79px 0 0 0; 
  /* background: red; */
  width: 100%;
  display: flex;
  min-height: 700px;
  justify-content: center;
  position: relative;
  /* background: #f9f9f9; */

  background-image: url(img/backgroundperfil3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
/* 
  -webkit-filter: blur(1.5em);
  -moz-filter: blur(1.5em);
  -o-filter: blur(1.5em);
  -ms-filter: blur(1.5em);
  filter: blur(1.5em);
  z-index: 0;
  position: relative; */


}

.seccontenido{
  display: flex;
  max-width: 1500px;
  width: 100%;
  /* background: yellow; */
  padding: 4em 0;
  position: relative;
  z-index: 1;
}



.boxcontenidosect{
  /* background: blue; */
  width: 60%;
  padding: 2em;
  z-index:1;
  border-radius: 20px;
  /* position: absolute; */
  left: 0;
  /* background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; */

  background: rgba( 255, 255, 255, 0.6 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 5px );
  -webkit-backdrop-filter: blur( 5px );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.imgnegocio{
  width: 50%;
  display: flex;
  /* height: 100px; */
  /* background: red; */
  position: absolute ;
  right: 0;
  top: 15%;
  justify-content: flex-end;
}
.imgnegocio img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
}

.imgnegocio::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5046393557422969) 0%, rgba(0,0,0,0) 70%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5046393557422969) 0%, rgba(0,0,0,0) 70%);
  background: linear-gradient(0deg, rgba(0,0,0,0.5046393557422969) 0%, rgba(0,0,0,0) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  z-index: 0;
  border-radius: 40px;
}

.textsobreimg{
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 1;
    padding: 20px;
    bottom: 0;
    color: #fff;
    max-width: 80%;
    flex-direction: column;
}

.textsobreimg span{
  font-size: 16px;
}

.textsobreimg h2{
  font-weight: 700;
  font-size: 20px;
}










/* FORMS */
form {
}
form .wrapper {padding: 0;}
form label {overflow: hidden;position: relative;padding: 20px 0px 0;border-radius: 1px;display: block;margin: 0 0 20px;}
form label select:before {content: "a";position: absolute;height: 40px;bottom: 0;right: 0;color: #fff;width: 40px;line-height: 40px;text-align: center;}
form input,form textarea,form select {display: block;width: 100%;border: none;height: 50px;font: normal 1em/50px "Poppins", sans-serif;outline: none;border-radius: 0;-webkit-appearance: none;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;z-index: 1;background: #fff;}
form textarea {height: 100px !important;}
form label span {/* position:absolute; */ /* top:0; */ /* font-size: .8em; */ /* border-bottom: 1px solid #ddd; */ /* opacity: 1; */ /* width: 100%; */ /* background: #eee; */ /* line-height: 20px; */ /* font-weight: bold; */
}
form label span i {font-style: normal !important;margin-right: 10px;}
form label input:focus + span,form label select:focus + span,form label textarea:focus + span {color: #b4b4b4;width: 100%;opacity: 1;background: #e6e5e5;}
form label.select:after {font: 900 1em/30px "Font Awesome 5 Pro";content: "\f107";position: absolute;right: 10px;height: 40px;bottom: 0;line-height: 40px;z-index: 0;color: #686765;}
form label.checkbox {font-weight: bold;cursor: pointer;color: #a0a0a0;display: block;align-items: center;float: left;margin: 6px 9px 0 0 !important; /* background: #666; */
  border-radius: 0;width: 100%;padding: 6px 0 6px 38px !important;}
form label.checkbox a {color: #ccc;text-decoration: underline;}
form label.checkbox span {background: #656565;border-radius: 10em;}
form label.checkbox i {display: block;position: absolute;left: 3px;width: 26px;height: 26px;line-height: 26px;text-align: center;font-family: "Font Awesome 5 Pro";background: #fff;border-radius: 4px;font-size: 0.9em;color: #333; /* opacity: .5; */
  font-weight: 900;}
form label.checkbox input:checked + i {background: var(--primary);}
form label.checkbox input:checked + i:before {content: "\f00c";}
form label.checkbox input {position: absolute;left: -110%;width: inherit;height: inherit;}
form br {display: none;}

form#loginform label {color: #fff; /* background: rgba(0,0,0,.3); */
  font: 500 1em "Poppins";margin: 0;padding: 8px 12px 2px;position: relative;overflow: hidden;}
form#loginform label.checkbox {padding: 13px 10px 14px 50px;background: none;width: 100%;margin: 0 0 10px !important;}
form#loginform input[type="text"],form#loginform input[type="password"],form#loginform input[type="email"],form#loginform input[type="number"] {background: rgba(0, 0, 0, 0.3);margin: 0 0 10px;color: #fff;border-radius: 10em;}
form#loginform .login-remember {margin: 0 0 20px;}
form#loginform input[type="submit"] {width: 100%;margin: 0 0 0%;}
form#loginform a[href^="/wp-login"] {color: #fff;display: block;padding: 0 14px;margin: 9px 0;text-decoration: underline;}
form#loginform a:hover {text-decoration: none;}
div.nsl-container-block .nsl-container-buttons a {width: 100% !important;display: block !important;max-width: initial !important;}
#login-error {background: transparent !important;text-align: center;padding: 10px !important;margin: 0 0 20px !important;border-radius: 4px;}
form#loginform + p {color: #fff;text-align: center;margin: 20px 0 0;padding: 20px 0 0 0;border-top: 1px solid #777;}
form#loginform + p span {font-size: 1.2em;}
form#loginform + p .btn {width: 100%;margin: 10px 0 0;}

.frm_forms input{background:rgba(0,0,0,.3); color:#fff; border-radius:10em}
.frm_forms label{margin:0;padding: 0 1em;color: #fff;font-size: .9em;}
.frm_forms .frm_description{ font-size:.7em; padding:0 1em; color:#fff; opacity:.4}
.frm_forms .frm_form_field{ margin:0 0 1em}
.frm_forms .frm_opt_container{margin:1em 1em 3em;}
.frm_forms .frm_hidden{display:none;}
.frm_forms .frm_required{color:var(--red)}
.frm_forms .frm_primary_label{color:#fff;}
.frm_forms .frm_button_submit{display:block;color:#fff5f5;background:var(--primary);height:50px;border-radius:10em;width:100%;font: 600 1em/50px "Poppins";box-shadow: 0 0 20px rgba(0,0,0,.4);}
.frm_forms .frm-g-recaptcha{margin:1em 0; display:flex; justify-content:center;}
.frm_forms select{overflow:auto;height: 8em;border-radius: 10px;filter: invert(1);opacity: .3;}


.boxcontenidosect .frm_forms .frm_primary_label{
  color: #535c68;
}
.boxcontenidosect .frm_forms .frm_form_field {
  margin: 1em 0;
}

.boxcontenidosect .frm_forms input {
  /* background: rgba(0,0,0,.3);
  color: #fff;
  border-radius: 10em; */

  border: 0; 
  padding: 7px 0 7px 10px; 
  border-bottom: 1px solid #ccc;
  background: none;
  border-radius: 0;
  color: #707070;
}

.boxcontenidosect .frm_forms input:focus {
  border-bottom: 1px solid #021a3c;
}

.boxcontenidosect .frm_forms select {
  overflow: auto;
  height: 50px; 
  border-radius: 0px;
  /* filter: invert(1);
  opacity: .3; */
  padding: 7px 0 7px 10px; 
  filter: none;

  position: relative;
    display: block;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.42857143;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    color: #707070;
    background: transparent;
    background-image: url(img/select.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 98%;
    outline: none;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-radius: 4px 4px 0px 0px;
    opacity: 1;
    border-bottom: 1px solid #ccc;
    background: transparent;
}

.boxcontenidosect .frm_forms select:focus {
  border-bottom: 1px solid #021a3c;
}


.boxcontenidosect .frm_error{
  color: #c0392b;
}


.boxcontenidosect form textarea {
  height: 100px !important;
  resize: none;
  border-radius: 10px;
  border: 1px solid #ddd;
  color: #707070;
  background: transparent;
}

.boxcontenidosect .frm_forms .frm_button_submit {
  display: block;
  color: #fff5f5;
  background: var(--primary);
  height: 50px;
  border-radius: 10em;
  width: 100%;
  font: 600 1em/50px "Poppins";
  box-shadow: 0 0 20px rgba(0,0,0,.4);

  width: auto;
  margin: 0 auto;
  padding: auto 15px;
  min-width: 300px;
  background: #ff00b1;
}



/* Caja 404 */
.box404{
  display: flex;
  width: 100%;
  margin: 80px 0 2em;

}
.dataimg{
  display: flex;
  width: 40%;
  margin: 0 auto;
  /* padding: 80px; */
}

.dataimg img{
  width: 100%;
  height: auto;
}
.datatext{
  display: flex;
  width: 90%;
  text-align: center;
  flex-direction: column;
  margin: 0 auto;
}
.datatext div{
  margin-bottom: 15px;
}
.datatext .box404title{
  font-size: 3em;
  font-weight: 600;
}
.datatext .box404instruction{
  font-size: 1.5em;
}
.datatext .btnajust{
  width: fit-content;
  margin: 0 auto;
}


.dz-message span button{
  color: #FFF;
}

#file72_dropzone button{
  color: #FFF;
}

.frm_upload_text button{
  color: #FFF;
}

.frm_upload_text{
  color: #FFF;
}

#file72_dropzone .frm_upload_text{
  color: #FFF;
}

.perfilsect2 .frm_forms .frm_dropzone{
  color: #FFF
  
  ;
}

.perfilsect2 .frm_forms #file72_dropzone{
  color: #FFF;
}

.frm_compact_text{
  color: #FFF;
}

#file72_dropzone{
  color: #FFF !important;
}

.frm_verify{
  color: #FFF !important;
}

.perfilsect2 .boxcontenidosect .frm_forms .frm_verify {
  color: #fff;
}

.frm_forms .frm-g-frm_email_7 {
  color: #fff;
}

.perfilsect2 .frm_forms label {

  color: #FFF;
}

/* ///// responsive ///// */



/* laps */
@media only screen and (max-width: 1550px) {

  .nextprev_post {
    width: 100px;
  }
  .nomenclatura{
    display: none;
  }

  .nomenclatura2{
    display: inline;
  }

}
@media only screen and (max-width: 1281px) {
  nav ul li {  /* margin:0 5px */
  }
  .linecontacto{
    flex-direction: column;
  }
  .itemcontacto{
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .itemcontacto.lleft {
    width: 100%;
    justify-content: flex-end;
    border-left: none ;
    margin-top: 10px;
  }

  .itemcontacto .icon {
    
    width: 45px;
    height: 45px;
    margin: 0 10px 0 0;
    font-size: .8em;
  }
}

/* tablet landscape */
@media only screen and (max-width: 1024px) {
  .flexend {
    padding-left: 10px;
  }
}

/* tablet portrait */
@media screen and (max-height: 800px) {#listado .introtext {  display: none;}
}

/* mobile portrait */
@media only screen and (max-width: 799px) {
	
	/* Modificaciones a las atractivos*/
  .btnsmovilesperiencia{
    display: none;
  }
  .megaboxatractivos{
    flex-direction: column;
  }
  .ctainfoatr{
    display: flex;
    flex-direction: column;
  }
  .boxinfoatr{
    display: flex;
    width: 100%;
  }
  .flexend {
    padding-left: 0px;
  }
  .ctainfoatr{
    margin-top: 20px;
  }
  .ajustbtn{
    margin: 10px 0px 0px 0px;
  }

	
	
	  .gallery-icons {
    grid-template-columns: 1fr;
  }
  .drop-down-list > label {
    font-size: 1em;
  }
	body {  font-size: 0.9em;}
  .col_aside,  .col_2,  .col_3,  .col_3f,  .col_4 {  width: 100%;margin-bottom: 30px;}

  .active main {  /* left: -10%; */ /* transform: scale(1); */
  }
  .inner {  width: 100%;padding: 12px 4%;}

  header .search {  left: 0;padding: 0 4%;}

  .nice {  font-size: 1.6em;line-height: 1.4em;}

  .video_text {  position: relative;height: 100%;}
  .video_text .inner {  position: relative;width: 100%;height: 100%;display: flex;align-items: center;}

  nav {  width: 75%;max-width: inherit;}
  nav .content_nav img {  /* height:50px; */ /* margin:0 0 10px; */ /* object-position: 22px; */
  }
  nav .form {  width: 133%;right: 0;top: 100%;padding: 50px 0;z-index: 2;transition: 0.6s;font-size: 1.1em;}
  nav .form .close {  display: flex;}
  nav .form .inner {  width: 94%;}
  .active nav .form.active {  right: 0%;z-index: 2;top: 0;}
  nav .content_nav a {  line-height: 50px;}

  .video_text .logos_video img {  margin: 0 10px;}
  .video_text img.hazturismo {  max-width: 60%;margin: 10px auto 0;width: 100%;padding: 50px 0;background: radial-gradient(
      ellipse at center,      rgba(0, 0, 0, 0.4) 30%,      transparent 70%
    );}

  .video_text .logos_video .secretaria {  height: 90px;width: 48%;}
  .video_text .logos_video .magic {  height: 44px;width: 65%;margin: 20px 0 0;}
  .video_text .logos_video .fuerte {  height: 61px;width: 60%;}

  .video_text p {  padding: 0;margin: 15px auto;font-size: 0.9em;}
  .video_text .logos_video {  flex-wrap: wrap;margin: 20px 0 0 0;}
  .video_text .md_logo {  margin: 20px auto 0;font-size: 0.8em;}
  .video_text .md_logo img {  height: 20px;}

  .back {  left: 2%;transform: scale(0.9);}

  .notice {
    /* padding: 12px 4%; */
  }
  .notice-content {
    column-gap: 12px;
  }
  .notice-content > img {
    width: 18px;
  }
  header {  height: 60px;}
  header .btns_header {  right: 2%;transform: scale(0.9);}

  header .logo {  height: 50px;width: calc(100% - 150px);padding: 3px 0;justify-content: center;margin: 0 auto;}
  header .logo img {  height: 100%;width: 100%; /* margin: 0 5px 0 0; */
  }
  .open_search {  margin: 0;}

  .lightbox .close {  right: 0;}

  .pararel_items {  flex-wrap: wrap;}
  .pararel_items h2 {  width: 100%;text-align: left;padding: 0 0 0.5em;border: none;border-bottom: 1px solid;font-size: 1.62em;}
  .pararel_items .carousel_items {  width: 100%;}

  .wrap_home {  padding: 0 0 120px;margin: 0 0 -80px;}
  .top_home {  margin: 0 0 5em;background: #333;}
  .slideshow_home {  height: 100%;opacity: 0.8;}
  .slideshow_home figcaption {  font-size: 1.4em;width: 100%;padding: 0 4%;margin: 8% 0;}

  .btns_home section section,  .btns_home a {  width: 100%; /* margin: 0 0 4%; */ /* padding: 0 6% 6%; */
  }
  .btns_home a > img,  .btns_home section > img {  height: 50px;position: absolute;left: 10px;height: 100%;top: 0;width: 45px;}

  footer {  text-align: center;}
  footer .nice:after {  margin: 0 auto;}
  footer figure .sectur {  height: 50px;width: 55%;padding: 5px 30px 0 20px;margin: 0 auto;}
  footer figure .md {  width: 45%;margin: 20px auto;height: 40px;}
  footer figure img {  object-position: center;width: 100% !important;}
  footer figure .pueblos {  padding: 0;height: 60px;}
  footer .col_1 {  flex-wrap: wrap;}
  footer .col_1 img {  object-fit: contain;}
  footer .col_1 .secretaria {  width: 50%;height: 140px;margin: -20px auto 30px;}
  footer .col_1 .fuerte {  width: 45%;height: 64px;}
  footer .col_1 .hazturismo {  width: 99%;height: 60px;margin: 0 auto 40px;}
  footer .col_1 .magic {  width: 42%;height: 45px;margin: 0 0 0 0;}

  .list {/* display: block; */grid-template-columns: 1fr;}
  .list .pagination{grid-column:1}
  .list > a {  width: 100%;margin: 0 0 4%;}
  .list_row {  display: block;}
  .list_row .destino_card {  width: 100%;margin: 0 0 4%;}

  .top_home:after,  .top_home:before {  bottom: 5%; /* width: 39%; */
    width: 100px;height: 100px;}
  .top_home:before {  left: -150px;}

  .top_item,  .top_section {  padding-top: 90px; z-index: 2; }
  .top_item figure:after {  width: 100%;}

  .top_home .inner h1 {  font-size: 2em;padding: 0 2em 0 0;}
  .top_home .home_text h2 {  font-size: 1.2em;margin: 10% 0;}
  .top_home .video {  margin: 0 auto;display: block;}
  .top_home .home_text {  padding: 12em 0 4em;}
  .slideshow_home:after {  width: 120%;background: radial-gradient(
      circle,      rgba(0, 0, 0, 0.7) 0%,      rgba(0, 0, 0, 0) 80%
    );left: -4em;}

  .slideshow {  height: 800px;}
  .btns_home {  flex-wrap: wrap;margin: 0 0 -2em;}
  .btns_home section,  .btns_home a {width: 100%;margin: 0;padding: 1em 7px 1em 65px;border-bottom: 1px solid var(--terciary);border-right: none;justify-content: left;border-radius: 5px 50px 0 0;}
  .btns_home section img {  width: 55px;}

  .estados_select label,  .btns_home a span {justify-content: space-between;padding: .6em 10px;display: flex;width: 100%;white-space: initial;line-height: normal;}
  .estados_select label {  padding: 0;}
  .estados_select label:after {  right: 14px;}
  .btns_home a:last-child {margin: 0;border-radius: 0 0 5px 5px;}
  .list_destino span {  text-align: left;}
  .list_destino .dest a {  line-height: 30px;}

  .btns_home section.active {  z-index: 2;}
  .btns_home section.active span i:before {  content: "\f106";}
  .btns_home section:hover .list_destino .dest {  height: 0;max-height: 0px;}
  .btns_home section .list_destino .dest {  width: calc(100% + 50px);left: -50px;z-index: 5;}
  .btns_home section.active .list_destino .dest {  height: auto;max-height: 630px;top: 40px;}

  .carousel_items {  width: 90%;margin: 0 auto;}
  .carousel_items + .btn {  margin: 1em 0 2.5em;}
  .carousel_items.flex {  width: 100%;flex-wrap: wrap;}
  .carousel_items.flex .item_card {  width: 100%;}
  .carousel_items .item_card figcaption {  padding: 20px 30px;}

  .carousel_items.flex .item_card {  width: 100%;margin: 0 0 1em;display: block;height: auto;}

  .recomendados {  margin: 0 0 2em;}
  .recomendados .inner {  display: block;}

  .destinos_grid {  grid-template-columns: 1fr;grid-gap: 20px;}

  .item_card {  /* padding:0 0 104% */
  }

  .mas_vistos .destino_card figcaption {  /* padding:6% */
  }

  .grid {  display: block;overflow: auto;width: 109%;margin: 0 0 0 -5%;padding: 0 5% 0 5%;-webkit-overflow-scrolling: touch;}
  .grid_row {  width: 380%;display: flex;padding: 0 0 4% 0;justify-content: space-between;}
  .grid .destino_card {  height: 320px;width: 100%;animation-delay: 0s !important;animation: none;opacity: 1;}
  .grid .nota_card {  height: 320px;width: 260px;animation-delay: 0s !important;animation: none;opacity: 1; /* margin: 0 1em 0 0; */
  }

  .top_note {  padding-top: 90px;margin: 0 0 2em;}

  .breadcrumbs {  /* justify-content: flex-start; */
    display: block;white-space: nowrap;overflow: auto;text-align: center;}
  .breadcrumbs > * {  display: inline-block !important;position: relative; /* padding: 0 13px; */
    max-width: 140px;}
  .breadcrumbs > a:after {  height: 11px; /* position: absolute; */
    right: 6px;width: 10px;display: inline-block;}

  .text {  /* padding: 0 6% 4%; */
  }

  .top_note h1.nice {font-size: 2.8em;margin: 0.5em 0;}
  .top_note h2 {  width: 100%;padding: 0;font-size: 1.1em;}
  .top_note h2.intro {  font-size: 1.1em;}
  .flexed_btns .btn_icon {  width: 49%;margin: 0 0 4%;padding: 0 0.5em 0 0;justify-content: flex-start;font-size: 0.95em;}
  .descubre_home .flexed_btns .btn_icon {  padding: 0 1em;width: 100%;}
  .flexed_btns .btn_icon img {  width: 40px;height: 60px;margin: 0 6px 0 0;}

  .top_item h1.nice {  font-size: 2em;}

  .top_section h1 {  font-size: 2.4em;}

  .intro {  flex-wrap: wrap;padding: 50px 10px 10px;}
  .intro figure {  width: 100%;height: 200px;}
  .intro div {  width: 100%;}

  .goto .map {  width: 100%;height: 240px;}
  .goto .info_llegar {  width: 100%;}

  .grid_gal {  grid-template-columns: 2fr 1fr 1fr;grid-template-rows: 9em 9em;grid-gap: 10px;}
  .grid_gal figure:nth-child(2) {  grid-column: 3/7;}
  .grid_gal figure:nth-child(3) {  grid-column: 3/7;}
  .grid_gal figure:nth-child(1n + 4) {  display: none;}

  .first_text {  grid-column: 1/6;padding: 30px 10px;font-size: 1em;grid-row: 2;}
  .history {  padding: 20px;grid-column: 2/6;grid-row: 3;}
  .atmos {  padding: 20px;grid-column: 1/5;grid-row: 4;}
  .expect {  padding: 20px;grid-column: 2/6;grid-row: 5;}
  .goto {  /* padding:20px; */
    grid-column: 1/7;grid-row: 6;}
  .text_data .map {  grid-row: 7;height: 240px;grid-column: 1/6;margin: 0;}
  .flexed_btns {  margin: 0 0 10%;}
  .flexed_btns.fill {  grid-gap: 0em;}
  .flexed_btns .btn_icon {  /* font-size: .9em; */
  }
  .art {  margin: 0;}

  .info_destino {  flex-wrap: wrap;padding: 4%;}
  .thumbs {  grid-template-columns: 1fr 1fr;grid-gap: 10px;padding: 10px;}

  .pueblo_items > article {  width: 100%; /* border-bottom:1px solid #ddd; */
    border-right: none;margin: 0 0 5%;padding: 15px 15px 0;}
  .pueblo_items > article:last-child {  margin: 0;}
  .pueblo_items > article .nice {  padding: 0;}

  .pueblo_items {  /* padding:15px */
  }
  .grid_items {  grid-gap: 0.5em;grid-template-columns: 1fr 1fr;}
  .grid_items .item:nth-child(1) {  /* grid-row:1; */ /* grid-column: 1/3; */
  }
  .grid_items .item:nth-child(2) {  grid-row: 2;grid-column: 1;}
  .grid_items.small .item:nth-child(1) {  grid-column: 1;}
  .grid_items.small .btn_icon {  grid-column: 2;}
  .grid_items a:last-child {  display: block; /* grid-column: 2/3; */ /* text-align: center; */
  }

  .item {  padding: 0 0 101%;font-size: 0.9em;}

  .destination_gallery {  height: 300px;}

  .pueblos_estado {  background: #d42f26;}
  .grid_estados {  display: block;}
  .grid_estados .destino_card {  height: 240px;margin: 0 0 4%;}

  .gallery_full {  padding: 0;}
  .gallery_full .owl-next {  right: 0;}
  .gallery_full .owl-prev {  left: 0;}

  .item_gal {  width: 100%; /* height: 290px; */ margin: 0 0 30px;position: initial;position: relative;top: 0;}
  .info_item .text {  width: 100%;font-size: 1em;padding: 0;}
  .info_item .text div {  margin: 0 0 3%;}
  .tags {  flex-wrap: wrap;}
  .tags span {  margin: 2px;}

  .grid_contacto {  grid-template-columns: 1fr;}
  .contacto ul li.redes {  grid-column: 1;}

  .data_item ul.services {  flex-wrap: wrap;}
  .data_item ul.services li {  width: 45%;margin: 1%;font-size: 0.8em;padding: 20px 10px;}

  .act_tour .act {  width: 100%;}

  .info_item .text .dias {  flex-wrap: wrap;}
  .info_item .text .dias div {  margin: 0 0 3px;width: 100%;padding: 4px 0 0;border: none;}
  .info_item .text .dias div:last-child {  margin: 0;}
  .info_item .text .dias div span {  width: 100%;height: 40px;position: relative;display: block;}
  .dias span:empty:after {  width: 40px;left: calc(50% - 20px);}

  #mapa {  height: calc(100% - 60px);top: 60px;}
  #mapa aside {  position: fixed;left: 0;width: 100%;height: calc(100% - 60px);top: initial;transition: 1s;z-index: 2;bottom: -100%;padding: 20px 20px 50px 20px;box-shadow: 0px 10px 40px 20px rgba(0, 0, 0, 1);}
  #mapa aside.active {  bottom: 0;}
  .map_layer {  width: 100%;}

  aside {  overflow: auto;-webkit-overflow-scrolling: touch;width: 100%;}

  #divDescubreEscapadas aside {position: fixed;left: 0;width: 100%;height: calc(100% - 60px);top: initial;transition: 1s;z-index: 3;max-width: initial;padding: 20px 20px 50px;background: #fafafa;/* box-shadow: 0px -30px 40px rgba(0, 0, 0, 1); */bottom: -100%;}
  #divDescubreEscapadas aside.active {  bottom: 0;}
  .dark #divDescubreEscapadas aside {  background: #333;}

  .filter.line {  top: 65px;}
  #divDescubreEscapadas .floater {  bottom: -200px;transition: 0.4s;}
  #divDescubreEscapadas .floater.active {  bottom: 0px;}
  #divDescubreEscapadas .floater.activeFilter {bottom: 0px;z-index: 4;}
  .floater {  position: fixed;width: 100%;height: 60px;color: #fff;box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2);display: flex;align-items: center;justify-content: center;background: var(--primary);bottom: 0px;right: 0;font-size: 1.3em;z-index: 2;border-radius: 30px 30px 0 0;}
  .visor {  display: none;}

  .modal {  width: 95%;left: 2.5%;}
  .modal .close span:after,  .modal .close span:before {  background: #fff;}
  .preview_pueblo {  flex-wrap: wrap;}
  .preview_pueblo figure {  width: 100%;height: 100px;}
  .preview_pueblo .info {  width: 100%;}

  .rooms .room {  width: 100%;font-size: 0.9em;}

  .resume_results {flex-wrap: wrap;height: auto;}
  .resume_results div {  width: 100%;margin-bottom: 5px;}

  #divDescubreEscapadas .overlay {  z-index: 2;}
  footer .socl a {  margin: 0 auto 20px;}

  #listado {  height: calc(100% - 0px);top: 0;padding: 00;}
  #listado .view_wrap {  grid-template-rows: 17% 80%; /* display: flex; */
    grid-template-columns: 100%;background: url(/static/img/bg_carousel.jpg) no-repeat center/cover;grid-template-rows: 10% 90%;display: block;}
  #listado .introtext {  padding: 0;margin: 0px 0;font-size: 0.9em;}
  #listado .nice.center {  margin: 10px 0 0;font-size: 1.6em;}
  .carousel_list {  width: 100%;height: calc(100% - -1px);border-radius: 0px;}
  .carousel_list .active .item_card {}
  .carousel_list .item_card {  border-radius: 0px;border: none;transform: scale(1);opacity: 1;border-radius: 0px;}
  .carousel_list .item_card figcaption {  font-size: 1em;padding: 43% 12% 12%;border-radius: 0px;}
  .carousel_list .item_card figcaption span {  font-size: 1em;}

  .top_list {  padding: 60px 0 0;position: absolute;top: 0;left: 0;width: 100%;z-index: 8;background: linear-gradient(
      00deg,      rgba(0, 0, 0, 0) 0%,      rgba(0, 0, 0, 0.8) 100%
    );}
  #listado .nice.center {  width: 100%;text-align: center;left: 0;top: 0;margin: 0;font-size: 1.4em;letter-spacing: normal;padding: 10px 0 0 0;}
  .carousel_list .active .estado_card {  border: none;}
  .carousel_list .item_card figure {  border-radius: 0px;}
  .carousel_list .owl-next {  right: 0;}
  .carousel_list .owl-prev {  left: 0;}
  .counter {  top: 120px;left: 36%;text-align: center;width: 100px;justify-content: center;}

  .magic_grid {  grid-template-rows: 9em 9em;grid-gap: 10px;margin: 0px 0 50px;}
  .magic_grid a figcaption {  font-size: 1.1em;}

  #magic_history {  top: 0;height: 100%;}
  #magic_history .nice {  font-size: 1.6em;padding: 20px 10px;top: 60px;}
  #magic_history .carousel_list {  height: 100%;top: 0;}
  .magia {  border-radius: 0;}
  .magia figcaption {  padding: 80px 30px 80px;font-size: 0.8em;}
  .magia.white figcaption {  padding: 80px 30px 80px;}
  .magia figcaption.hasButton {  padding-bottom: 100px !important;}
  .active .magia a.btn {  bottom: 40px;width: 100%;margin: 0 20px;width: calc(100% - 40px);font-size: 0.8em;}
  #magic_history .carousel_list .owl-prev {  left: -25px;top: 40%;background: none;}
  #magic_history .carousel_list .owl-next {  right: -25px;top: 40%;background: none;}

  #listado {  height: calc(100% - 0px);top: 0;padding: 00;}
  #listado .view_wrap {  grid-template-rows: 17% 80%; /* display: flex; */
    grid-template-columns: 100%;background: url(/static/img/bg_carousel.jpg) no-repeat center/cover;grid-template-rows: 10% 90%;display: block;}
  #listado .introtext {  padding: 0;margin: 0px 0;font-size: 0.9em;}
  #listado .nice.center {  margin: 10px 0 0;font-size: 1.6em;}
  .carousel_list {  width: 100%;height: calc(100% - -1px);border-radius: 0px;}
  .carousel_list .active .item_card {}
  .carousel_list .item_card {  border-radius: 0px;border: none;transform: scale(1);opacity: 1;border-radius: 0px;}
  .carousel_list .item_card figcaption {  font-size: 1em;padding: 43% 12% 12%;border-radius: 0px;}
  .carousel_list .item_card figcaption span {  font-size: 1em;}

  .top_list {  padding: 60px 0 0;position: absolute;top: 0;left: 0;width: 100%;z-index: 8;background: linear-gradient(
      00deg,      rgba(0, 0, 0, 0) 0%,      rgba(0, 0, 0, 0.8) 100%
    );}
  #listado .nice.center {  width: 100%;text-align: center;left: 0;top: 0;margin: 0;font-size: 1.4em;letter-spacing: normal;padding: 10px 0 0 0;}
  .carousel_list .active .estado_card {  border: none;}
  .carousel_list .item_card figure {  border-radius: 0px;}
  .carousel_list .owl-next {  right: 0;}
  .carousel_list .owl-prev {  left: 0;}
  .counter {  top: 120px;left: 36%;text-align: center;width: 100px;justify-content: center;}

  .more_services {  padding-top: 7em;}

  .rsvp {  padding: 1em 2em 2em;text-align: center;}
  .rsvp img {  margin: 0 auto 0.5em;width: 180px;}

  .lightbox.estado_info .more_info_estado {  grid-template-columns: 1fr;}
  .lightbox.estado_info .more_info_estado .text {  font-size: 1em;}

  .boxcaubre{
    width: 100%;
  }
  /* .btns_fixed {
    color: transparent;
    display: flex;
    width: 100%;
    justify-content: space-between;
  } */

  .botonesflotantes {
    position: fixed;
    display: flex;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 11;
  }

  .btns_fixed {
    color: transparent;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .nomenclatura{
    display: initial;
  }

  .nomenclatura2{
    display: none;
  }




  .nextprev_post {
    position: absolute;
    left: 0;
    top: initial;
    width: 49%;
    height: 60px;
    padding: 0 0 0 90px;
    z-index: 10;
    position: relative;
    bottom: 0;
  }

  .nextprev_post[rel=next] {
    /* left: 48%; */
    right: 0;
    padding: 0 90px 0 0;
    text-align: right;
    /* justify-content: flex-end; */
    border-left: 1px solid #414141;
    /* margin: 0 0 6%; */
  }

  .seccontenido {
    flex-direction: column;
  }
  .imgnegocio {
    position: relative;
    top: 0;
    height: 200px;
    border-radius: 0;
    order: 0;
    width: 100%;
  }
  .imgnegocio::after {
    border-radius: 0;
  }

  .imgnegocio img {
    border-radius: 0;
  }
  .boxcontenidosect{
    position: relative;
    width: 100%;
    order: 1;
    border-radius: 0;
  }
  .textsobreimg{
    max-width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .dataimg{
    width: 66%;
  }
  .datatext div{
    margin-bottom: 10px;
  }
  .datatext .box404title{
    font-size: 2em;
  }
  .datatext .box404instruction{
    font-size: 1.2em;
  }
  .btnajust{
    width: 100%;
  }

}

@media only screen and (max-width: 450px){
  .grid_items {
    grid-gap: .5em;
    grid-template-columns: 1fr;
  }
}

@media not screen and (-webkit-min-device-pixel-ratio: 2),  not screen and (min--moz-device-pixel-ratio: 2),  not screen and (-o-min-device-pixel-ratio: 2/1),  not screen and (min-device-pixel-ratio: 2),  not screen and (min-resolution: 192dpi),  not screen and (min-resolution: 2dppx) {/* non-Retina-specific stuff here */
  body {  font: 400 1em / normal "Poppins";}
}

a.post-edit-link {color: red !important;}

[v-cloak] { display: none; }


@media only screen and (max-width: 400px) {
  .boxcontenidosect .frm_forms .frm_button_submit {
    min-width: 100%;
  }
}