/* font-famaly-hear */
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Roboto:wght@500&display=swap');
/* font-famaly-hear-end */

@font-face {
  font-family: 'false';
  src: url('../fonts/false.woff2') format('woff2'),
    url('../fonts/false.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GatterSans';
  src: url('../fonts/GatterSans-Regular.woff2') format('woff2'),
    url('../fonts/GatterSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GatterSansRegular';
  src: url('/wp-content/themes/clickandplan_child/dev_fer/assets/fonts/GatterSans/GatterSansRegular/font.woff2') format('woff2'),
  url('/wp-content/themes/clickandplan_child/dev_fer/assets/fonts/GatterSans/GatterSansRegular/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GatterSansMedium';
  src: url('/wp-content/themes/clickandplan_child/dev_fer/assets/fonts/GatterSans/GatterSansMedium/font.woff2') format('woff2'),
  url('/wp-content/themes/clickandplan_child/dev_fer/assets/fonts/GatterSans/GatterSansMedium/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GatterSansSemiBold';
  src: url('/wp-content/themes/clickandplan_child/dev_fer/assets/fonts/GatterSans/GatterSansSemiBold/font.woff2') format('woff2'),
  url('/wp-content/themes/clickandplan_child/dev_fer/assets/fonts/GatterSans/GatterSansSemiBold/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GatterSansBold';
  src: url('/wp-content/themes/clickandplan_child/dev_fer/assets/fonts/GatterSans/GatterSansBold/font.woff2') format('woff2'),
  url('/wp-content/themes/clickandplan_child/dev_fer/assets/fonts/GatterSans/GatterSansBold/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GatterSansBlack';
  src: url('/wp-content/themes/clickandplan_child/dev_fer/assets/fonts/GatterSans/GatterSansBlack/font.woff2') format('woff2'),
  url('/wp-content/themes/clickandplan_child/dev_fer/assets/fonts/GatterSans/GatterSansBlack/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* root */
:root {
  --acme: 'inherit', sans-serif;
  --roboto: 'Roboto', sans-serif;
  --gatter-sans: 'GatterSans', sans-serif;
  --satoshi: 'false', serif;
  ;

  --white-color: #fff;
  --black-color: #000;

  --primary: #20C7A2;
  --secondary: #2F4858;

  --primary-light: #9DF2DF;


  --hover-colo: #000;

  --body-color: #2F4858;
  --heading-color: #2F4858;
}

/* root */



a,
button {
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}

a:focus,
button:focus,
.btn:focus {
  outline: none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--gatter-sans);
  color: var(--heading-color);
  margin-top: 0px;
  font-style: normal;
  font-weight: 700;
  text-transform: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

li {
  list-style: none
}

p {
  font-family: var(--gatter-sans);
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  color: var(--body-color);
  margin-bottom: 15px;
}

label {
  color: var(--body-color);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}

*::-moz-selection {
  background: var(--secondary);
  color: var(--white-color);
  text-shadow: none;
}

::-moz-selection {
  background: var(--secondary);
  color: var(--white-color);
  text-shadow: none;
}

::selection {
  background: var(--secondary);
  color: var(--white-color);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--body-color);
  font-size: 16px;
  opacity: 1;
}

*::placeholder {
  color: var(--body-color);
  font-size: 16px;
  opacity: 1;
}

/* defaults-css--end */


/* theme-css */

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.footer-bg {
  background-color: var(--secondary) !important;
}

.bg-gray {
  background-color: #eee !important;
}


/* btn-css */
.btn {
  font-size: 12px;
  font-weight: 600;
  padding: 10px 20px;
  line-height: 17px;
}

.btn:focus {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white-color);
}

.btn:active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white-color);
}

.btn-primary {
  background-color: var(--primary);
  color: var(--white-color);
  border-color: var(--primary);
}

.btn-outline-secondary {
  background-color: transparent;
  color: var(--secondary);
  border-color: var(--secondary);
}

.btn-primary:hover {
  background-color: var(--secondary);
  color: var(--white-color);
  border-color: var(--secondary);
}

/* btn-css-end */

/* font-size */
.fs-1 {
  font-size: 44px !important;
}

.fs-2 {
  font-size: 36px !important;
}

.fs-3 {
  font-size: 30px !important;
}

.fs-4 {
  font-size: 26px !important;
}

.fs-5 {
  font-size: 24px !important;
}

.fs-6 {
  font-size: 20px !important;
}

.fs-7 {
  font-size: 16px !important;
}

/* font-size-end */

/* input-css */

.form-control {
  height: 50px;
  background-color: #fff;
  border-color: #607D94;
  font-size: 14px;
  font-weight: 400;
  font-family: inherit;
  border-radius: 8px;
}

.form-control:focus {
  box-shadow: 0px 1px 6px 0px #9CB5CA;
  border-color: var(--primary);
}

.form-control::placeholder {
  transition: .3s;
  font-size: 14px;
  font-weight: 400;
  font-family: inherit;
  opacity: 1;
}

.form-control:focus::placeholder {
  opacity: 0;
}

/* input-css-end */

.gx-30 {
  --bs-gutter-x: 30px;
}



/* theme-css-end */





/* ======== header style start ============ */

.header-links a.link {
  font-size: 12px;
  color: #2F4858;
  text-decoration: none;
}

.header-links a.link:hover {
  text-decoration: underline;
}

.header-search .input-box input.form-control {
  color: var(--primary);
  border-color: var(--primary);
  width: auto;
  padding-left: 44px;
}

.header-search .input-box input.form-control::placeholder {
  color: var(--primary);
}

.input-box {
  position: relative;
}

.input-box-object {
  position: absolute;
  left: 15px;
  top: 44%;
  transform: translateY(-50%);
}

.header {
  padding: 20px 0px 15px;
  background: #FFF;
  box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.10);
}


/* ======== header style end ============ */


/* ======== hero style start ============ */
.hero-inputs input {
  font-family: var(--roboto);
}

.hero-inputs input::placeholder {
  font-family: var(--roboto);
}

.section.hero {
  min-height: 700px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  padding: 150px 0px;
  position: relative;
}

.section.hero::after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 71%;
  height: 100%;
  content: "";
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, .0));
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 389px;
}

.hero-img {
  position: relative;
  z-index: 1;
}

.hero-content p {
  font-weight: 500;
  font-family: var(--roboto);
  font-size: 16px;
}

.hero-img img {
  box-shadow: 0px 0px 40px 0px rgba(47, 72, 88, 0.25);
  max-width: 623px;
  width: 100%;
}

.hero-img {
  text-align: center;
}

.hero-content h1 {
  line-height: 50px;
  font-weight: 700;
}

.hero-content h1 strong {
  font-weight: 900;
}

.hero-object {
  left: -27%;
  top: 50%;
  z-index: -1;
  transform: translateY(-50%);
}

/* ======== hero style end ============ */


/* ======== plane style start ============ */


.section.plan {
  padding: 40px 0px 40px;
}

.plane-img {
  text-align: center;
}

.plane-contnet {
  max-width: 480px;
  margin: 0 0 0 auto;
}

.plane-contnet h2 {
  font-weight: 800;
  line-height: 46px;
  margin-bottom: 44px;
}

.plane-item h3 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 14px;
}

.plane-item p {
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0px;
}

.plane-item {
  min-height: 126px;
  padding-bottom: 24px;
  position: relative;
}

.plane-item:not(:last-child)::after {
  position: absolute;
  top: 0px;
  width: 1px;
  height: 100%;
  content: "";
  background: var(--primary);
  left: -29px;
}

.plane-item::before {
  position: absolute;
  left: -42px;
  top: 0px;
  width: 26px;
  height: 26px;
  background-image: url('../imgs/icons/check.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  content: "";
  border-radius: 50px;
  z-index: 1;
  background-color: #fff;
}

/* ======== plane style end ============ */


/* ======== section-title style start ============ */

.section.discover {
  padding: 40px 0px 30px;
}

.section-title h2 {
  font-weight: 700;
}

.section-title a.link {
  text-decoration: none;
  font-family: var(--roboto);
  font-weight: 500;
  color: #607D94;
}

.discover-more {
  margin-top: 48px;
}

.discover-more a.btn {
  padding: 14px 10px;
  font-size: 16px;
  font-weight: 600;
}


.product-thumb {
  position: relative;
}

.wishlist-btn {
  position: absolute;
  height: 25px;
  width: 25px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  right: 16px;
  top: 16px;
  cursor: pointer;
}

.product-thumb-img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: center;
  border-radius: 18px 18px 0px 0px;
}

.product-badges {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  background: #2F4858;
  gap: 4px;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.product-badges img {
  flex: 0 0 auto;
  width: max-content;
}
.planes-cuadricula-favorito{
  cursor: pointer;
}
.product-content {
  padding: 10px 17px 15px 21px;
}
.product-content h3{
  height: 30px;
  max-height: 30px;
}
.product-content .locantion-marker{
  white-space: nowrap;
  overflow: hidden;
}
.product-content span.pretitle {
  font-size: 10px;
  color: var(--primary);
  display: block;
  line-height: 20px;
  margin-bottom: 4px;
}

.product-content h3 a {
  text-decoration: none;
  line-height: 18px;
}

.product-content h3 {
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 24px;
}

.product-content .locantion-marker {
  display: flex;
  align-items: center;
  font-size: 9px;
  font-family: inherit;
  line-height: 18px;
  color: #607D94;
  margin-bottom: 13px;
}

.product-content h3 a:hover {
  color: var(--primary);
}

.product-content .badge {
  font-size: 9px;
  font-weight: 600;
  line-height: 18px;
  padding: 1px 10px;
  border-radius: 14px;
}

.badge.badge-available {
  color: #2F4858;
  background: #D3F9F0;
}

.badge.badge-runOut {
  color: #2F4858;
  background: #FFBD5D;
}

.badge.badge-exhausted {
  color: #2F4858;
  background: #F86767;
}

.product-content .price {
  font-size: 16px;
  font-family: var(--roboto);
  font-weight: 500;
  line-height: 18px;
  color: #607D94;
}

.product {
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(47, 72, 88, 0.10);
  border-radius: 18px;
  margin-bottom: 28px;
  transition: .3s;
}


/* ======== section-title style end ============ */


/* ======== source style start ============ */


.source-content {
  max-width: 339px;
}

.source-content h2 {
  font-weight: 800;
}


/* ======== source style end ============ */


/* ======== category style start ============ */


.category-wrapper {
  padding: 65px 50px 37px;
  background: var(--primary-light);
  border-radius: 40px;
}

.category-title h2 {
  font-weight: 800;
  margin-bottom: 6px;
}

.category-title p {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--roboto);
  margin-bottom: 0px;
}

.category-title {
  margin-bottom: 44px;
}

.category-items {
  margin-bottom: 44px;
  display: flex;
  justify-content: space-between;
}

.category-item {
  display: inline-flex;
  align-items: center;
  padding: 13px 20px;
  border-radius: 14px;
  background: #FFF;
  gap: 15px;
  font-size: 18px;
  font-weight: 600;
  color: #2F4858;
  text-decoration: none;
}

.category-area {
  padding: 190px 0px;
}

.category-btns a {
  font-size: 18px;
  font-weight: 600;
  padding: 16px 54px;
  background: #20C7A2;
}



/* ======== category style end ============ */


/* ======== sections-block style start ============ */


.block-content span.pretitle {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--primary);
  display: block;
  margin-bottom: 3px;
}

.block-content {
  max-width: 401px;
}

.block-content h2 {
  font-weight: 800;
  line-height: 40px;
  margin-bottom: 10px;
}

.block-content p {
  font-family: inherit;
  margin-bottom: 32px;
}

.border-link {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  font-size: 14px;
  color: #2F4858;
  text-decoration: none;
  position: relative;
  line-height: 19px;
  font-weight: 700;
}

.border-link::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: calc(100% - 36px);
  content: "";
  bottom: 0px;
  height: 46%;
  background: #E9F9F6;
  z-index: -1;
}

.section.block-area {
  padding-bottom: 120px;
}

/* ======== sections-block style end ============ */


/* ======== sections style start ============ */
/* ======== sections style end ============ */


/* ======== sections style start ============ */
/* ======== sections style end ============ */


/* ======== sections style start ============ */
/* ======== sections style end ============ */


/* ======== sections style start ============ */
/* ======== sections style end ============ */


/* ======== footer style start ============ */


.footer-top {
  padding: 60px 0px 30px;
}

.footer-bottom {
  padding: 20px 0px;
}

.footer-content a.link {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  display: block;
}

.btn.btn-download {
  background: #607D94;
  border-radius: 5px;
  border-color: #607D94;
}

.footer-download h6 {
  font-family: inherit;
  font-size: 10px;
  color: #FFFFFF99;
  margin-bottom: 8px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.btn.btn-download:hover {
  background: var(--primary);
  border-color: var(--primary);
}

.footer-ratting p {
  margin-bottom: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.60);
  line-height: 16px;
  font-size: 10px;
}

.rattings-wrapper {
  position: relative;
}

.ratting-stars {
  display: inline-flex !important;
  padding: 8px 8px;
  background: #2B2B2B;
  border-radius: 54px;
  padding-left: 48px;
}

.ratting-count {
  height: 40px;
  width: 40px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background: var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.6px;
}

.footer-widget h5 {
  color: rgba(255, 255, 255, 0.60);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.footer-widget ul li a {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  line-height: 24px;
  display: block;
}

.footer-widget ul li a:hover {
  color: var(--primary);
}

.footer-menu li a {
  color: #fff;
  text-decoration: none;
  display: block;
  font-size: 10px;
  line-height: 30px;
  font-weight: 400;
}

.footer-menu li a:hover {
  color: var(--primary);
}

.footer-bottom p {
  color: #fff;
  font-size: 10px;
  line-height: 1;
}

.footer-widget {
  margin-bottom: 20px;
}

/* ======== footer style end ============ */





/* ======== UI style start ============ */
.section-title h3 {
  color: #2F4858;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  /* 150% */
}

.section-title {
  padding-bottom: 25px;
}

.user-card {
  border-radius: 7.543px;
  background: #F1F3F4;
  padding: 12px;
  text-align: center;
  padding-top: 26px;
  padding-bottom: 23px;
  width: 160px;
  flex: 0 0 auto;
  margin-bottom: 20px;
}

.user-card-thumb {
  width: 78px;
  height: 78px;
  flex-shrink: 0;
  margin: 0 auto;
  margin-bottom: 35px;
  border-radius: 50%;
  overflow: hidden;
}

.user-card-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}


.user-card-content h6 {
  color: #2F4858;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 6px;
}

.user-card-content p {
  color: #2F4858;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.page-header {
  position: relative;
  background: url(../imgs/ui-images/header-shape-green.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  min-height: 170px;
  padding: 50px 0;
}

.h3 {
  color: #2F4858;
  font-size: 36px;
  font-weight: 800;
  line-height: 46px;
}

.common-content p {
  font-size: 20px;
  font-weight: 600;
  line-height: 2;
  /* 230% */
}

.contact-form .common-content {
  padding-bottom: 60px;
}

.form-label {
  color: #2F4858;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  margin-bottom: 20px;
  padding-left: 2px;
}

.contact-input .form-control {
  border-radius: 13.278px;
  border: 1px solid #20C7A2;
  background: #FFF;
  height: 70px;
  padding: 15px 20px;
  box-shadow: unset !important;
}

.contact-input {
  margin-bottom: 35px;
}

.contact-input textarea.form-control {
  height: 170px;
  resize: none;
}

.upload-box {
  border-radius: 14.278px;
  border: 1px solid #20C7A2;
  background: #FFF;
  min-height: 70px;
  padding: 15px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-box p, .upload-box label {
  color: #607D94;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}

.upload-box label {
  color: #2ED0AD;
  cursor: pointer;
}

.upload-input {
  display: none;
}

.custom-select {
  flex-shrink: 0;
  margin-right: 34px;
  position: relative;
  margin-bottom: 18px;
}

.custom-select input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.custom-select label {
  border-radius: 14px;
  background: #EFEFEF;
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  padding-right: 25px;
  gap: 14px;
  color: #2F4858;
  font-size: 18px;
  font-weight: 600;
  transition: .3s;
}

.custom-select input:checked~label {
  background: #20C7A2 !important;
  color: #fff !important;
}

.section-title h4 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}

.form-submit .btn {
  font-weight: 900;
  min-width: 208px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.partners-area {
  background: #20C7A2;
  padding-top: 75px;
  padding-bottom: 55px;
}

.sidebar {
  border-radius: 0px 12px 12px 0px;
  background: #FBFBFB;
  width: 300px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 6;
  transition: .3s;
  padding: 35px 25px 30px 50px;
  height: 100%;
  overflow-y: auto;
}

.sidebar-logo {
  margin-bottom: 50px;
}

.sidebar-nav ul li a {
  color: #607D94;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  margin-bottom: 18px;
}

.sidebar-nav ul li a.text-xs {
  font-size: 12px;
}

.main-area {
  padding-left: 300px;
}

.main-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 18px;
}

.profile-header h4 {
  color: #2F4858;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

.profile-header {
  padding: 50px 0;
}

.section-title.border-bottom {
  border-bottom-color: #E3E9ED !important;
  padding-bottom: 3px;
}

.pt-60 {
  padding-top: 60px;
}

.content-box {
  border-radius: 14.278px;
  background: #FFF;
  box-shadow: 0px 0px 23.7963px 0px rgba(47, 72, 88, 0.10);
  padding: 44px;
  text-align: center;
  padding-bottom: 28px;
  margin-bottom: 22px;
}

.invite-thumb {
  max-width: 218px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.invite-content h5 {
  color: #2F4858;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 13px;
}

.invite-content p {
  color: #2F4858;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 400px;
  margin: 0 auto;
  padding-top: 4px;
  padding-bottom: 23px;
}

.invite-content .contact-input {
  max-width: 300px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.invite-content .contact-input .form-control {
  color: #20C7A2;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.copy-btn {
  color: #2F4858;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  background: transparent;
  border: 0;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 14px;
}

.invite-btn .btn {
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.34;
  max-width: 320px;
  width: 100%;
}

.sidebar-nav ul li a.active {
  color: #2F4858;
  font-weight: 700;
}

.sidebar-nav ul li a:hover {
  color: #20C7A2;
}

img {
  max-width: 100%;
}

.modal-content {
  border-radius: 12px;
  background: #FFF;
  border: 0;
  position: relative;
}

.modal-content-inner {
  text-align: center;
  padding: 15px 20px;
  padding-top: 50px;
}

.check-circle {
  margin-bottom: 26px;
}

.modal-content-inner h5 {
  color: #2F4858;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 11px;
}

.modal-content-inner p {
  color: #2F4858;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 18px;
}

.modal-body .btn-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
}

.section-title h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}

.custom-selects.green .custom-select label {
  color: #607D94;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  min-height: 44px;
  padding: 7px 28px;
  border-radius: 10px;
  border: 1px solid #20C7A2;
  background: #FFF;
}

.custom-selects.green .custom-select {
  margin-right: 20px;
}

.text-link {
  color: #20C7A2 !important;
  text-decoration: none;
}

.modal-content-inner .btn {
  max-width: 394px;
  width: 100%;
}

.sub-footer {
  padding-bottom: 28px;
}

.sub-footer p {
  color: #2F4858;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
}

.footer-links a {
  color: #20C7A2;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  display: inline-block;
  margin-left: 30px;
  transition: .3s;
  text-decoration: none;
}

.footer-links a:hover {
  color: #2F4858;
}

.sidebar-nav ul li ul a.active {
  font-weight: 900;
}

.accordion-item {
  border: 0;
  margin-bottom: 20px;
  border-radius: 14.278px !important;
  background: #FFF;
  box-shadow: 0px 0px 23.7963px 0px rgba(47, 72, 88, 0.10);
  padding: 23px 35px;
  padding-right: 20px;
}

.accordion-button {
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: unset !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #2F4858 !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}


.accordion-button span {
  flex-shrink: 0;
  margin-left: 10px;
  transition: .3s;
}

.accordion-button::after {
  display: none;
}

.accordion-body {
  color: #607D94;
  font-family: inherit;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding-left: 0;
}

.accordion-button:not(.collapsed) span {
  transform: rotate(45deg);
}

/* ======== UI style end ============ */



/* ============== CSS-BY-DEV-2 ============ */

/* header-right-css-update */

.mapBtn {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  background: transparent;
  border: none;
  color: #2F4858;
  padding: 10px 6px;
}

.mapBtn span.map-marker {
  position: relative;
  bottom: 2px;
  color: #2F4858;
}

.mapBtn span.map-arrow {
  position: relative;
  bottom: 2px;
}

.header-right ul {
  gap: 18px;
}

.header-right ul li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 26px;
  width: 26px;
  border-radius: 50%;
  border-radius: 50%;
  justify-content: center;
}

.header-right ul li a .notifications-count {
  position: absolute;
  line-height: 1;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #F86767;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  font-weight: 700;
  right: 2px;
  top: 2px;
  font-family: var(--satoshi);
}

.header-right ul li a.userBtn {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dropdown-menu.recent-wrapp {
	height: 326px;
	width: 242px;
	border-radius: 12px;
	border: none;
	padding: 17px 18px;
	box-shadow: 0px 0px 23.7963px 0px rgba(47, 72, 88, 0.10);
	transform: none !important;
	padding-right: 0px;
	right: -15px !important;
	left: auto !important;
	top: 32px !important;
}

.dropdown-header {
  padding: 0px;
}

.dropdown-header h6 {
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 0px;
}

.recentItem {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 11px 0px;
}

.recentItem-img {
  flex: 0 0 auto;
  width: 53px;
  height: 57px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  background: #F8FAFB;
  overflow: hidden;
}

.recentItem-content {
  flex-grow: 1;
}

.recentItem-content h6 a {
  display: block !important;
  width: auto !important;
  height: auto !important;
  font-size: 10px;
  text-decoration: none;
  font-weight: 600;
  line-height: 14px;
}

.recentItem-content h6 a:hover {
  color: var(--primary);
}

.recentItem-content h6 {
  margin-bottom: 3px;
}

.recentItem-content span.meta-text {
  display: block;
  font-size: 8px;
  color: #607D94;
  line-height: 1;
}

.recentItem-img img {
  max-width: 100%;
}

.mCSB_container {
  margin-right: 0px !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: transparent;
  display: none !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
  display: none;
}

.mCSB_scrollTools {
  position: absolute;
  right: 0px;
  background-color: #fff;
}

.mCSB_scrollTools .mCSB_dragger {
  background-color: #607D94;
  border-radius: 10px;
  width: 5px;
}

/* header-right-css-update-end */


/* page-css */


.section.perfil {
  padding: 86px 0px;
  background: #fff;
  border-radius: 0px 0px 30px 30px;
}

.perfil-title {
  max-width: 238px;
  text-align: center;
  width: 100%;
}

.perfil-wrapp {
  display: flex;
  align-items: center;
  gap: 58px;
}
 
.perfil-thumbnail {
	flex: 0 0 auto;
	width: 235px;
	height: 235px;
	overflow: hidden;
	border-radius: 50%;
}
.perfil-thumbnail img {
  width: 100%;
  height: 100%; 
  object-fit: cover;
  object-position: center;
}

.perfil-info .pretitle span {
  font-size: 22px;
  font-weight: 600;
  display: block;
  color: #607D94;
  padding-top: 7px;
}

.perfil-info .pretitle {
  margin-bottom: 12px;
}

.perfil-info p {
  font-size: 25px;
  color: #607D94;
  font-weight: 400;
  margin-bottom: 0px;
}

.perfil-info h2 {
  margin-bottom: 14px;
}

.section.interest {
  padding: 64px 0px 136px;
}

.interest-item {
  display: inline-block;
  padding: 37px 79px;
  background: #fff;
  border-radius: 20px;
  font-size: 23px;
  font-weight: 500;
  color: #2F4858;
  text-decoration: none;
}

.interest-item:hover {
  background: var(--secondary);
  color: var(--white-color);
}

.interest-wrapp {
  margin-bottom: 66px;
}

.reviewItem-img {
  flex: 0 0 auto;
  width: 120px;
}

.reviewItem-img img {
  width: 120px;
  height: 120px;
  object-fit: fill;
  object-position: center;
  border-radius: 30px;
}

.reviewItem-content {
  flex-grow: 1;
}

.reviewItem-stars {
  margin-bottom: 15px;
}

.reviewItem-content p {
  font-size: 16px;
  font-weight: 400;
  color: #607D94;
}

.review-wrapp {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

/* page-css-end */



/* sidebar-new-css */


.sidebar-widget h4 {
  font-size: 14px !important;
  font-weight: 700;
  line-height: 28px;
  color: #607D94;
  margin-bottom: 3px;
}

.fillterd-tag a {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  display: inline-block;
  text-decoration: none;
  color: #2F4858;
}

.select-date a {
  display: block;
  text-decoration: none;
  background: #fff;
  padding: 0px 17px;
  font-size: 14px;
  font-weight: 700;
  line-height: 50px;
  color: #2F4858;
  border-radius: 52px;
}

.sidebar-widget {
  margin-bottom: 18px;
}

.select-date {
  margin-bottom: 17px;
}

.calender-wrapp {
  background: #fff;
  border-radius: 4px;
}

.cal-header h5 {
  font-size: 10px;
  color: #2F4858;
  font-weight: 700;
  margin-bottom: 0px;
}

.cal-header {
  padding: 11px 13px 10px;
  border-bottom: 1px solid #E3E9ED;
}

.calender-dates {
  padding: 12px 13px;
}

.calender-dates table thead tr th {
  font-size: 8px;
  color: #607D94;
  text-align: center;
  font-weight: 600;
}

.calender-dates table {
  width: 100%;
}

.calender-dates table tbody tr td {
  font-size: 9px;
  text-align: center;
  height: 18px;
  width: 18px;
  border-radius: 50%;
}

.calender-dates table tbody tr td span {
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.calender-dates table tbody tr td span.active {
  background: #20C7A2;
}

.select-mounths ul li a {
  font-size: 12px;
  font-weight: 600;
  line-height: 50px;
  display: block;
  text-decoration: none;
  font-weight: 600;
  color: #607D94;
}

/* sidebar-new-css-end */

/* css-page-start */


.section.search-area form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  margin-bottom: 55px;
}

.search-box {
  flex-grow: 1;
}

.btn.btn-map {
  display: flex;
  align-items: center;
  background: #EFEFEF;
  gap: 6px;
  padding: 6px 10px;
  color: #607D94;
}

.search-box input {
  width: 100%;
  border: none;
  border-bottom: 4px solid #E3E9ED;
  padding: 14px 24px;
  padding-left: 51px;
  font-size: 14px;
  font-weight: 500;
  color: #607D94;
}

.search-box {
  position: relative;
}

.input-object {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.search-box input::placeholder {
  font-size: 14px;
  font-weight: 600;
  color: #607D94;
}

.search-tags {
  margin-bottom: 38px;
}

.product.product-wide {
  display: flex;
  align-items: flex-start;
  padding: 20px 23px;
  border-radius: 18px;
  background: #FFF;
  box-shadow: 0px 0px 30px 0px rgba(47, 72, 88, 0.10);
  gap: 40px;
}

.product-img {
  flex: 0 0 auto;
  width: 125px;
}

.product-img img {
  width: 125px;
  height: 125px;
  border-radius: 10px;
  object-fit: cover;
  object-position: center;
}

.product-info h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-info h4 a {
  text-decoration: none;
}

.meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.meta-item span {
  line-height: 1;
}

.meta-item span.txt {
  font-size: 11px;
  color: #607D94;
}

.meta-item span.icon {
  flex: 0 0 auto;
  width: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-info .meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 6px;
}

.product-info {
  flex-grow: 1;
}

.product-info span.price {
  font-size: 14px;
  font-weight: 600;
  color: #607D94;
  display: block;
  line-height: 1;
}

.search-result {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.mapToggle {
  position: fixed;
  right: 0px;
  height: calc(100vh - 100px);
  top: calc(0px + 100px);
  width: 480px;
  transform: translateX(100%);
  transition: .3s;
}

.root.mapActive .mapToggle {
  transform: translateX(0);
}

.mapToggle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.btn.map-close {
  position: absolute;
  right: 11px;
  top: 12px;
  background-color: #F86767;
  color: #fff;
  border: none !important;
}

.btn.map-close:focus {
  background-color: #F86767;
  color: #fff;
  border: none !important;
}

.btn.map-close:hover {
  background-color: #d66565;
  color: #fff;
  border: none !important;
}



/* .root.mapActive .search-wrapp {
  margin-right: 224px;
} */

/* .root.mapActive .custom-select label {
  min-height: auto;
  padding: 10px 14px;
  padding-right: 15px;
  gap: 9px;
  font-size: 12px;
  transition: .3s;
}

.root.mapActive .custom-select label span img {
  max-width: 30px;
} */

.badges span.badge {
  font-size: 10px;
  font-weight: 500;
  font-family: var(--roboto);
  padding: 10px 28px;
  border-radius: 41px;
}

.badge-current {
  background: #20C7A2;
  border-radius: 30px;
}
.badge-current.pasado {
  background: rgba(180, 180, 180, 1);
}
.badge-current.caducado {
  background: rgba(180, 180, 180, 1);
}
.badge-current.canjeado {
  background: rgba(248, 103, 103, 1);
}
.badge-current.canjeado {
  background: rgba(248, 103, 103, 1);
}
.badge-current.seguimiento.no.disponible {
  background: rgba(255, 186, 93, 1);
}

.badges span.text-danger {
  font-size: 12px;
}

.badge-timed {
  background: #B4B4B4;
}

.badge-redmed {
  background: #F86767;
}
.badge-available.completo, .badge-available.Completo, .alert-seleccion-plan.completo, .alert-seleccion-plan.Completo,
.badge-available.agotado, .badge-available.Agotado, .alert-seleccion-plan.agotado, .alert-seleccion-plan.Agotado{
  background: #F86767 !important;
  color: white !important;
}
.badge-available.agotándose, .badge-available.agotandose, .badge-available.Agotándose, .alert-seleccion-plan.agotandose, .alert-seleccion-plan.agotándose, .alert-seleccion-plan.Agotándose{
  background: #FFBA5D !important;
  color: #2F4858 !important;
}

/* css-page-end */


/* another-page-tabs */

.tab-nav button {
  font-size: 26px;
  line-height: 28px;
  font-weight: 700;
  background: transparent;
  border: none;
  position: relative;
  padding: 12px 0px;
  color: #607D94;
}

.tab-nav button::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background: #2F4858;
  content: "";
  opacity: 0;
}

.tab-nav button.active::after {
  opacity: 1;
}

.tab-nav button.active {
  color: #2F4858;
}

.nav.tab-nav {
  display: flex;
  align-items: center;
  gap: 33px;
  position: relative;
  bottom: -5px;
}



.box {
  border-radius: 14.278px;
  background: #FFF;
  box-shadow: 0px 0px 23.7963px 0px rgba(47, 72, 88, 0.10);
  padding: 24px 24px;
  margin-bottom: 22px;
}

.box-title h3 {
  font-size: 18px;
  font-weight: 700;
  color: #2F4858;
  margin-bottom: 0px;
}

.box-title {
  margin-bottom: 31px;
}

.activity-items {
  display: flex;
  margin-left: -6px;
  margin-right: -6px;
  padding-left: 6px;
  padding-right: 6px;
  flex-wrap: wrap;
  gap: 14px;
}

.activity-item {
  flex: 0 0 auto;
  width: 17%;
  background: #E3E9ED;
  border-radius: 10px;
  height: 78px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.activity-item>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.activity-item span {
  position: absolute;
  right: -4px;
  bottom: -7px;
}

.point-item h4 {
  font-size: 12px;
  font-weight: 500;
  color: #607D94;
  margin-bottom: 18px;
}

.point-text span.txt {
  font-size: 24px;
  font-weight: 700;
  color: #2F4858;
}

.point-text {
  display: flex;
  align-items: center;
  gap: 14px;
}

.point-text span.symbol {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
}

.box-share {
  display: flex;
  align-items: center;
  position: relative;
  gap: 24px;
}

.share-icons {
  flex: 0 0 auto;
  width: 51px;
  height: 51px;
  background: #F8FAFB;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.share-icons button.btn.btn-add {
  padding: 0px;
  position: absolute;
  line-height: 1;
  right: -5px;
  bottom: -3px;
}

.share-content h4 {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 7px;
}

.share-content p {
  margin-bottom: 0px;
  font-size: 7px;
  font-weight: 400;
  color: #607D94;
  line-height: 1.2;
}

.share-content a.share-link {
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box.box-ticket .input-box input {
  background: #E3E9ED;
  border-radius: 40px;
  padding-left: 59px;
  border: none;
  font-family: var(--gatter-sans);
  font-size: 12px;
}

.box.box-ticket .input-box span.input-object {
  left: 20px;
}

.box.box-ticket .input-box input::placeholder {
  font-family: var(--gatter-sans);
  font-size: 12px;
}


/* another-page-tabs-end */


/* sidebar-active-css */
.sidebar-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #304959;
  height: 22px;
  width: 22px;
  display: none;
  align-items: center;
  border-radius: 5px;
  color: #fff;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  padding-top: 4px;
  transition: .3s;
  cursor: pointer;
}
.header-right .mapBtn {
	padding: 0;
	position: relative;
	top: -4px;
}
.sidebar-close:hover {
  background-color: #ff0f0f;
}

.sidebar.active {
  transform: translateX(0);
}

.overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

/* sidebar-active-css-end */




.wallet-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #20C7A2;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 20px;
}


.wallet-card {
  border-radius: 14px;
  background: #20C7A2;
  padding: 22px;
  text-align: center;
  margin-bottom: 20px;
}

.wallet-card h5 {
  color: #2F4858;
  font-size: 15.805px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 12px;
}

.wallet-card h6 {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}


.wallet-card-data {
  border-radius: 18.44px;
  border: 1.976px solid #FFF;
  background: #FFF;
  max-width: 278px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 9px;
}

.wallet-card-data p {
  color: #2F4858;
  text-align: center;
  font-family: inherit;
  font-size: 15.805px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
}

.wallet-card-data h4 {
  color: #20C7A2;
  font-family: GatterSans;
  font-size: 19.757px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 6px;
}

.wallet-card-footer {
  display: flex;
  padding: 0 9px;
  justify-content: space-between;
  max-width: 498px;
  margin: 0 auto;
}

.wallet-card-footer p {
  color: #FFF;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 15.805px;
  margin-bottom: 9px;
}

.modal-content-inner h6 {
  color: #2F4858;
  text-align: center;
  font-family: inherit;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 7px;
}

.discount-box {
  color: #20C7A2;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  padding: 13px 20px;
  border: 2px solid #20C7A2;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 4px;
}

.modal-content-inner .text-xs {
  color: #2F4858;
  text-align: center;
  font-size: 7px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 8px
}

/* ============== CSS-BY-DEV-2 ============ */



/* caldernder-css */


.calendar-navigation {
  display: flex;
  align-items: center;
  gap: 10px;
}
.calendar-navigation span#calender-prev {
  transform: rotate(90deg);
}
#calendar-prev {
  transform: rotate(90deg);
  cursor:pointer;
}

#calendar-next {
  transform: rotate(-90deg);
  cursor:pointer;
}
.calendar-current-date {
  font-size: 10px;
  color: #2F4858;
  font-weight: 700;
  margin-bottom: 0px;
}
.calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 13px 10px;
  border-bottom: 1px solid #E3E9ED;
}
.calendar-body {
    padding: 17px 16px;
}

.calendar-body ul {
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    text-align: center;
}


.calendar-body li {
	width: calc(100% / 7);
	font-size: 8px;
	color: #2F4858;
	font-weight: 600;
}

.calendar-body .calendar-weekdays li {
    cursor: default;
    font-weight: 500;
}

.calendar-body .calendar-dates li {
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin-top: 5px;
}

.calendar-dates li.inactive {
    color: #aaa;
}

.calendar-dates li.active {
    color: #fff;
}

.calendar-dates li::before {
	position: absolute;
	content: "";
	z-index: -1;
	top: 46%;
	left: 50%;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.calendar-dates li.active::before {
    background: #20C7A2;
}

.calendar-dates li:not(.active):hover::before {
    background: #e4e1e1;
}

/* caldernder-css-end */
#sidebar-nav a{
  cursor: pointer;
}
.mapBtn:hover{
  background-color: rgba(255, 255, 255, 0) !important;
}
.mapBtn select{
  background-color: #07070700 !important;
  border-color: #f1f3f400 !important;
  font-weight: bold;
}
a{
  text-decoration: none !important;
}
.switch {
  --button-width: 3.5em;
  --button-height: 2em;
  --toggle-diameter: 1.5em;
  --button-toggle-offset: calc((var(--button-height) - var(--toggle-diameter)) / 2);
  --toggle-shadow-offset: 10px;
  --toggle-wider: 3em;
  --color-grey: #cccccc;
  --color-green: #4296f4;
  }

  .slider {
  display: inline-block;
  width: var(--button-width);
  height: var(--button-height);
  background-color: var(--color-grey);
  border-radius: calc(var(--button-height) / 2);
  position: relative;
  transition: 0.3s all ease-in-out;
  }

  .slider::after {
  content: "";
  display: inline-block;
  width: var(--toggle-diameter);
  height: var(--toggle-diameter);
  background-color: #fff;
  border-radius: calc(var(--toggle-diameter) / 2);
  position: absolute;
  top: var(--button-toggle-offset);
  transform: translateX(var(--button-toggle-offset));
  box-shadow: var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
  transition: 0.3s all ease-in-out;
  }

  .switch input[type="checkbox"]:checked + .slider {
  background-color: var(--color-green);
  }

  .switch input[type="checkbox"]:checked + .slider::after {
  transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
  box-shadow: calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
  }

  .switch input[type="checkbox"] {
  display: none;
  }

  .switch input[type="checkbox"]:active + .slider::after {
  width: var(--toggle-wider);
  }

  .switch input[type="checkbox"]:checked:active + .slider::after {
  transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
  }
  .contenedor-flex-notificaciones{
  justify-content:space-between;}

  #search_plan::placeholder {
    font-family: GatterSans;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: white;
  text-align: center !important;
}
#search_plan {
  font-family: GatterSans;
font-size: 13px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
color: rgba(96, 125, 148, 1);
text-align: center;
}
#search_plan{
  background: #6C8DA7 !important;
  border:none !important;
  border-radius: 47px !important;
  color: white !important;
}
.owl-prev {
  width: 35px;
  height: 100px;
  position: absolute;
  top: 30%;
  margin-left: -20px;
  display: block !important;
  border:0px solid black;
}

.owl-next {
  width: 35px;
  height: 100px;
  position: absolute;
  top: 30%;
  right: -25px;
  display: block !important;
  border:0px solid black;
}
.owl-prev span, .owl-next span { font-size: 67px; }

#mapa_container .owl-prev {
  top: 20%;
  margin-left: 10px;
}
#mapa_container .owl-next {
  top: 20%;
  margin-right: 30px;
}
.ciudades_select{
  display: none;
  flex-direction: column;
  flex-wrap: nowrap;
  position: absolute;
}
.ciudades_select a{
  z-index: 9999;
}

.main_ciudades_div.open .ciudades_select{
  display: flex;
}
.main_ciudades_div .main_cidad_open{
 color: white !important;
 font-weight: 600;
 line-height: 38.52px;
}
.main_ciudades_div .main_cidad_open svg{
  margin-left: 5px;
  margin-top: -2px;
  margin-right: 5px;
}
.main_ciudades_div.open .main_cidad_open svg.drop{
  transform: rotate(180deg);
}
.ciudades_select a{
background-color: rgba(255, 255, 255, 1);
border: 1px solid;
color: rgba(47, 72, 88, 1);
border-color: rgba(32, 199, 162, 1);
text-align: center;
margin-top: 15px;
border-radius: 6px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
width: fit-content;
}
.ciudades_select a:hover{
background-color: rgba(32, 199, 162, 1);
color: white;
border: 1px solid;
border-color: white;
}

.ciudades_select{
  margin-top: 20px !important;
  background: #FEFEFE !important;
  padding: 20px !important;
  padding-right: 25px !important;
  padding-left: 25px !important;
  border-radius: 25px !important;
  box-shadow: 0px 4px 6.1px 2px #00000040;
}
.ciudades_select a {
  margin-top: 5px !important;
  border:none !important;
  color: #607D94 !important;
}
.ciudades_select a:hover {
  color: #20C7A2 !important;
  background: none !important;
  
}


#page{
  z-index: 0 !important;
}

.main-act-res .a-res{
  display: none;
}
.gb-container.gb-container-8ce9e428 a, .gb-container-d42ba706 a, .gb-container-214ca1cf a{
  color: rgba(32, 202, 165, 1) !important;
}
p a{
  color: rgba(32, 202, 165, 1) !important;
}
/* a{
  color: rgba(32, 202, 165, 1) !important;
} */
.contenedor-cuerpo-plan ul{
  padding-left: 2rem !important;
  margin-bottom: 15px !important;
}
.contenedor-cuerpo-plan ul li{
  list-style: inside !important;
  color: var(--body-color);
}
.firebaseui-card-footer.firebaseui-provider-sign-in-footer{
  display: none !important;
}
.firebaseui-idp-button{
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-content: center !important;
  align-items: center !important;
  background-color: #ffffff !important;
  height: 46px !important;
  box-shadow: 0px 2px 10px 0px #E3E9ED !important;
  border-radius: 7px !important;
}
.button-inicia-sesion-inicial{
  cursor: pointer;
  font-weight: 600;
  line-height: 38.52px;
  letter-spacing: -0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

}
.firebaseui-card-content{
  padding: 0 !important;
}
.firebaseui-idp-text.firebaseui-idp-text-long{
  font-family: var(--gatter-sans) !important;
  color: #2f4858 !important;
}
.a-res{
  min-width: fit-content !important;
}
.contenedor-cuadricula-datos-plan{
    z-index: 0 !important;
}
.gb-container.gb-container-2c1ab9ba{
  margin-top: 0 !important;
}
#planes_empresa .container{
  margin-left: 10% !important;
}
.gb-container-419b5875 {
  margin-top: 0 !important;
}

ul{
  font-family: var(--gatter-sans);
  font-size: 16px;
  
}

/* Header fixed css */
#page{
  margin-top: 80px !important;
}
.cabecera-plan {
  margin-top: 80px !important;
}
#header-main{
  position: fixed;
  z-index: 1051;
  width: 100%;
}
/* Dinamismo css */

.owl-stage-outer {
  overflow: visible !important;
}
#mapa_container .owl-stage-outer {
  overflow: hidden !important;
}

.owl-stage {
  transition: all 0.3s ease !important;
}


/* Oscurecer todos los elementos excepto el que se está hoverando */

.owl-stage:has(.owl-item:hover) .owl-item:not(:hover) {
  filter: brightness(0.5) !important;
}

.owl-item {
  transition: transform 0.3s ease, filter 0.3s ease !important;
  filter: brightness(1) !important; /* Brillo normal por defecto */
}

/* Mantener el brillo normal por defecto */
.owl-item:hover {
  transform: scale(1.1) !important;
  z-index: 1 !important;
  filter: brightness(1) !important; /* Mantener el brillo original en el producto hover */
}
.owl-item:hover {
  filter: brightness(1) !important;
}

.search-tags {
  overflow: visible !important;
}

.search-tags {
  transition: all 0.3s ease !important;
  overflow-y: visible !important;
}

/* Oscurecer todos los elementos excepto el que se está hoverando */

.search-tags:has(a:hover) a:not(:hover) {
  filter: brightness(0.8) !important;
}




.main-scroll-prods {
  overflow: visible !important;
}
.main-scroll-prods{
  transition: all 0.3s ease !important;
  overflow-y: visible !important;
}


/* Oscurecer todos los elementos excepto el que se está hoverando */

.main-scroll-prods:has(.product:hover) .product:not(:hover) {
  filter: brightness(1) !important;
}
.destacadisimo{
  cursor: pointer;
}
.product, .destacadisimo, .flashplan {
  transition: transform 0.3s ease, filter 0.3s ease !important;
  filter: brightness(1) !important; /* Brillo normal por defecto */
}

/* Mantener el brillo normal por defecto */
.main-scroll-prods  .product:hover, .destacadisimo:hover, .flashplan:hover {
  transform: scale(1.1) !important;
  z-index: 1 !important;
  filter: brightness(1) !important; /* Mantener el brillo original en el producto hover */
}
.owl-item:hover {
  filter: brightness(1) !important;
}
.locantion-marker{
  font-family: var(--gatter-sans) !important;
}
.product-content span{
  font-family: var(--gatter-sans) !important;
}
a{
  font-family: var(--gatter-sans) !important;
}
.price{
  text-wrap: nowrap !important;
}
.ui-dialog{
  z-index: 10000 !important;
}
.china{
  z-index: 9;
}
.b-search-container-map{
  font-family: GatterSans !important;
}
@media (min-width: 1400px) {
  .favourites-area .container{
    max-width: 90% !important;
    font-size: 10px !important;
  }
}
.notifications-count{
  font-family: var(--gatter-sans);
}
#avisame-input::placeholder {
  color: #607D94F0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: var(--gatter-sans);
}
/* end dinamissmo */
@media (max-width:800px)  { 
  .custom-logo-link{
    margin-left: 20px !important;
  }
  #headerVUE {
    justify-content: space-between !important;
  }
  #headerVUE {
    justify-content: space-between !important;
  }
  .bus-planazos{
    margin-bottom: 14px !important;
    font-size: 18px !important;
    padding-left: 0 !important;

  }
  .b-search-container-map{
    margin-right: 10px !important;
  }
  #buscador #genForm{
    margin-bottom: 20px !important;
  }
  .img-mobile-peq{
    width: 37px !important;
    height: 37px !important;
  }
  #page{
    margin-top: 60px !important;
  }
  .gb-headline.gb-headline-text.titulo-plan{
    line-height: 26px !important;
  }
  #planes_empresa .container{
    margin-left: 0% !important;
  }
  .china img{
    max-width: 100px !important;
  }
  .china p{
    font-size: 16px !important;
  }
  .china div{
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  .pos2 .gb-container.gb-container-f71a43d5{
    display: none !important;
  }
  #planes_empresa{
    margin-bottom: 10px !important;
  }
  #planes_empresa .main-scroll-prods{
    padding-left: 20px !important;
  }
  #empresa_header img{
    max-width: 130px !important;
    margin-top: 24px !important;
    z-index: 9 !important;
  }
  #empresa_header header{
    padding-top: 0px !important;
    margin: 30px !important;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0px !important;
  }
  #empresa_header header h1{
    font-size: 16px !important
  }
  #empresa_header header .contenedor-cuadricula-meta-plan{
    margin-left: 20px !important;
  }
  #empresa_header .contenedor-cuadricula-meta-plan .gb-grid-column{
    padding-bottom: 5px !important;
  }
  #empresa_header{
    margin-top: 20px !important;
  }
  #empresa_header #contenedor-cabecera-plan{
    margin-top: -20px !important;
  }
  .contenedor-carrito{
    bottom: 24px !important;
      right: 58px !important;
      height: fit-content;
      top: auto !important;
  }
  .mb-botom{
    height: 20px !important;
  }
  .mb-botom2{
    padding-bottom: 10px !important;
  }
  .por-fecha{
    font-size: 16px !important;
  }
  .por-fecha-svg{
    width: 20px !important;
  }
  .wallet-card-footer p{
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .buscador-planes-home2{
    margin-top: 10px !important;
  }
  .icono-boton-buscar-lugar2{
    margin-top: -9px !important;
  }
  #buscador .search-result  .price{
    position: absolute !important;
    bottom: 11px !important;
    right: 16px !important;
    font-size: 12px !important;
    text-align: right;
    color: #2f4858 !important;
  }
  .search-result  .lbl{
    text-align: right !important;
    position: absolute !important;
    top: 30px !important;
    left: -10px !important;
  }
  .search-result  .lbl .buscador-badge {
    border-radius: 1.375rem !important;
  }
  .register-login-footer-text{
    text-align: center !important;
    font-size: 10px !important;
  }
  .button-registro{
    justify-content: center !important;
  }
  
  .search-result  .dir{
    text-wrap: nowrap !important;
  }
  .search-result  .product-info{
    overflow: hidden !important;
  }
  .search-result  .product-info .tit{
    font-size: 15px !important;
  }
  .search-result  .product{
    position: relative !important;
  }
  #promo_footer .pln{
    margin-right: 20px !important;
  }
  #sel-menu{
    padding-left: 20px !important;
  }
  #headerVUE .login-icon{
    margin-right: 0 !important;
  }
  #headerVUE .userBtn{
    margin-right: 10px !important;
  }
  .main-search-div .product-info .price{
    width: 100px !important;
  }
  .gb-headline.gb-headline-dc91367c.gb-headline-text.mail.price1{
    width: 55px !important;
  }
  .contenedor-detalles-confirmacion-cabecera svg{
    color: rgba(47, 72, 88, 1) !important;
  }
  .titular-reserva-confirmada, .titulo-detalles-confirmacion{
    font-family: GatterSans !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 23px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
  }
  .subtitular-reserva-confirmada{
    font-family: GatterSans !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 14px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
  }
  #pantallaReserva, .popup-reserva{
    width: 96% !important;
  }
  .button-reserva-continuar{
    margin-top: 25px !important;
  }
  .contenedor-detalles-confirmacion-codigo{
    box-shadow: none !important;
  }
  .contenedor-inside-popup-resumen-reserva, .contenedor-inside-popup-resumen-reserva{
    padding: 15px !important;
  }
  .contenedor-contenido-confirmacion-reserva{
    margin: 8px !important;
  }
  .codigo-confirmacion{
    margin: 15px !important;
    margin-top: 0 !important;
  }
  .contenedor-detalles-confirmacion-cabecera{
    padding: 15px !important;
  }
  .confirmacion-reserva-detalles-confirmacion{
    margin-left: 26px !important;
  }
  #main_ciudad_categoria .favourites-area{
    margin-bottom: 50px !important;
  }
  #plans_by_ids .favourites-area{
    margin-bottom: 50px !important;
  }
  
  .gb-container-d42ba706 p{
  margin: 0 !important;
  }
  #main_ciudad_footer{
    margin-top: 20px !important;
    margin-left: -20px !important;
  }
  .favourites-area{
    margin-top: 20px !important
  }
  .zaragoza-img{
    width: 160px !important;
    margin-bottom: 25px !important;
  }
  .gb-grid-column.gb-grid-column-526991bb{
    /* margin-left: 22px !important; */
  }
  .gb-container-7e085771 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .gb-container.gb-container-7e085771{
    margin-top: -50px !important
  }
  .has-small-font-size{
    font-size: 13px !important;
    margin: 0 !important;
  }
  .gb-container.gb-container-7e085771 h2, .gb-headline.gb-headline-57cab1d3.gb-headline-text, .gb-headline-9eb24e4c.gb-headline-text, .gb-container-7e085771.wp-block-heading
  ,.gb-container-2c1ab9ba h2
  {
    font-family: GatterSans !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    margin: 0 !important;
  }
  .gb-container.gb-container-7e085771 p, .gb-headline.gb-headline-c9ee17a1.gb-headline-text, .gb-headline-4ed8cc6b.gb-headline-text
  , .gb-headline-0068dd05.gb-headline-text, .gb-container-2c1ab9ba p{
    font-family: GatterSans !important;
    font-size: 13px !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    margin: 0 !important;
    margin-top: 20px !;
  }
  .gb-container.gb-container-90d2fba9{
    height: 250px !important;
  }
  #imagen-portada-deportes-valenncia{
    padding-top: 40px !important;
  }
  .titulo-cabecera-home{
    font-family: GatterSans !important;
    font-size: 18px !important;
    line-height: 21px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
  }
  .gb-container.gb-container-86b5efd2 H2{
    font-family: GatterSans !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 13px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    
  }
  .gb-container-90d2fba9 > .gb-shapes .gb-shape-1 svg {
      height: unset !important;
  }
  .gb-container.gb-container-12347925{
    margin-top: 50px !important;
  }
  .gb-container.gb-container-12347925 p{
    font-family: GatterSans !important;
    font-size: 13px !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    margin-top: 20px !important;
  }
  .recomendamos-title{
    margin-bottom: 18px !important;
  }
  .favourites-area h2{
    font-family: GatterSans;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 10px !important;
    margin-left: 8px !important;
    text-align: left !important;
    margin-top: 32px !important;
  }
  .gb-container.gb-container-12347925 h3, .gb-container.gb-container-12347925 h2{
    font-family: GatterSans !important;
    font-size: 13px !important;
    line-height: 16px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    margin-bottom: 34px;
  }
  .gb-container.gb-container-e121b38a{
    background-image: url(/wp-content/themes/clickandplan_child/templates/vector2.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
  }
  .gb-container.gb-container-86b5efd2{
    width: 328px !important;
    margin-left: 27px !important;
    margin-top: 24px !important;
  }
  .main-scroll-prods{
    margin-left: 6px !important;
  }
  #promo_footer .main-scroll-prods{
    overflow-y: hidden !important;
  }
  .main-scroll-prods .product{
    width: 180px !important;
    height: 215px !important;
  }
  #main_ciudad_categoria .main-scroll-prods .product{
    width: 166px !important;
  }
  #plans_by_ids .main-scroll-prods .product{
    width: 166px !important;
  }
  
  .gb-container-7e085771{
    display: none !important;
}
  .main-scroll-prods .fs-7{
    font-family: GatterSans !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    padding-top: 5px !important;

  }
  .main-scroll-prods .product-content{
    padding: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
 
  .main-scroll-prods .product-content span{
    display:  none !important;
  }
  .product-thumb-img {
    border-radius: 9px 9px 0px 0px;
  }
  .main-scroll-prods .product-content .price{
    display:  block !important;
    font-family: GatterSans !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    margin-top: 16px !important;
    color: #2F4858 !important;
  }
  .product-m-r{
    margin-right: 10px !important;
  }
  .destacadisimo-img{
    height: 222px !important;
  }
  .destacadisimo{
    box-shadow: 0px 8px 8px 0px #0000001A !important;
    border-radius: 10px;
    width: 100% !important;
    margin: 0 !important;
    max-width: 100% !important;
  }
  .m-18{
    font-size: 18px !important;
  }
  .destacadisimo .fs-7{
    font-family: GatterSans !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
  }
  .conoce-gente h2{
    font-family: GatterSans !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    margin: 0 !important;

  }
  .conoce-gente p{
    font-family: GatterSans !important;
    font-size: 13px !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    margin: 0 !important;
    margin-top: 20px !important;
  }
  .canjeable{
    padding: 0 !important;
    margin: 0 !important;
  }
  .canjeable-bag{
    font-family: GatterSans !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important;
    border-radius: 20px !important;
  }
  .flashes img{
    height: 100px !important;
    width: 100px !important;
    max-width: 100px !important;
  }
  .flashes .product-thumb{
    padding: 3px !important;
    height: 106px !important;
    max-width: 106px !important;
  }
  .bmob2{
    height: 22px !important;
    border-bottom-left-radius: 22px !important;
    border-bottom-right-radius: 22px !important;
  }
  .bmob1{
    border-radius: 22px !important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 22px !important
  }
  .bmob11{
    padding-top: 40px !important;
    padding-bottom: 30px !important;
  }
  .bmob11 .bmob2{
    height: 60px !important;
    border-bottom-left-radius: 22px !important;
    border-bottom-right-radius: 22px !important;
  }
  .cuadricula-datos-plan{
    padding-bottom: 0 !important;
  }
  .canjeable-precio{
    font-family: GatterSans !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: right !important;
    width: 100% !important;
  }
  .custom-select label span img{
    max-width: 18px !important;
  }
  .search-tags{
    margin-top: 18px !important;
  }
  .custom-select{
    margin-right: 5px !important;
  }
  .custom-select label{
    min-height: 40px !important;
    font-size: 11px !important;
  }
  .canjeable span{
    font-family: GatterSans !important;
    font-size: 8px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
  }
  
  .canjeable svg{
    height: 13px !important;
    width: 13px !important;
  }
  .c-txt1 p{
    font-family: GatterSans !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: center !important;

  }
  .main-scroll-prods .product-content span.badge.badge-available{
    margin-top: 16px !important;
    margin-left: 0px !important;
    max-width: 60%;
    overflow: hidden;
    display:  block !important;
    font-family: GatterSans !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 11px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .main-scroll-prods .product-thumb img{
    width: 180px !important;
    height: 145px !important;
  }
  .owl-nav{
    display: none !important;
  }
  .gb-headline.gb-headline-5b87b6f7.gb-headline-text{
    font-family: GatterSans !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: 0em !important;
    text-align: center !important;

  }
  .top5{
    border-radius: 9px !important;
    width: 200px !important;
    height: 300px !important;
    margin: 0 !important;
    margin-left: 6px !important;
    margin-top: 10px !important;
    box-shadow: 0px 8px 8px 0px #0000001A !important;
  }
  .product{
    box-shadow: 0px 8px 8px 0px #0000001A !important;
    border-radius: 9px !important;
  }
  .top5 .p1{
    font-family: GatterSans !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 10px !important;
    letter-spacing: 0em !important;
    text-align: center !important;
    left: -15px !important;
  }
  .top5 .p1p{
    padding-left:  0 !important;
    padding-right:  0 !important;
  }
  .top5 .fs-7{
    font-family: GatterSans !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    height: auto !important;
    margin-bottom: 5px !important;
  }
  .top5 .price{
    font-family: GatterSansSemiBold !important;
    /* font-size: 10px !important; */
    font-weight: 500 !important;
    /* line-height: 20px !important; */
    /* letter-spacing: 0em !important; */
    text-align: right !important;
    margin-top: 5px !important;

  }
  .promo-plan-card{
    margin: 18px !important;
  }
  .promo-plan-card h1{
    font-size: 20px !important;
  }
  .promo-plan-card .disponibilidad-plan{
    justify-content: center !important;
    padding-top: 10px !important;
  }
  .profile-header #headerVUE{
    width: 100% !important;
    justify-content: space-between !important;
  }
  .sidebar-close{
    padding: 0 !important;
  }
  /* ul{
    margin: 0 0 1.5em 3em !important;
  }  */
  /* h6{
    margin: 0px 14px 0 14px !important;
  }  */
  .ventana-popup{
		padding: 10px !important;
		max-width: -webkit-fill-available;
		width: 100% !important;
	}
  /* .gb-grid-column.contenedor-carrito{
    top: 24px !important;
    right: 58px !important;
  } */
  .contenedor-carrito{
    bottom: 10px !important;
    right: 12% !important;
    height: fit-content;
    top: auto !important;
    padding-bottom: 60px !important;
  }
  .contenedor-seleccion-plan .gb-grid-wrapper{
    margin: 10px !important;
  }
  #imagen-plan{
    top: -25px !important;
  }
  .contenedor-seleccion-plan .gb-button-wrapper{
    margin-bottom: 10px !important;
    margin-right: 10px !important;
  }
  .contenedor-seleccion-plan h3{
    margin: 0 !important;
    margin-bottom: 10px !important;
  }
  .item-seleccion-plan{
    padding-left: 0 !important;
  }
  .contenedor-localizacion-plan h2{
    margin: 0 !important;
  }
  .contenedor-localizacion-plan {
    margin-bottom: 30px !important;
  }
  .cabecera-plan {
    margin-top: -30px !important;
  }
  .gb-headline.gb-headline-text.titulo-plan{
    margin-left: 10px !important;
  }
  .titulo-seleccion-plan{
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }
  .contenedor-selec-plan-extras{
    margin: 0px 14px 0 14px !important;
  }
  .promo-plan-card .cuadricula-texto-cabecera-plan-columna2{
    display: none !important;
  }
  .promo-plan-card .botones-subir-like-plan{
    bottom: 28px !important;
  }
  .promo-plan-card .gb-grid-column{
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .site-footer{
    text-align: center !important;
  }
  .site-footer .container-button-app{
    justify-content: center !important;
  }
  .site-footer a{
    margin: auto !important;
  }
  .site-footer span{
    margin: auto !important;
  }
  #main_mapa{
    display: none !important;
  }
  .c-txt1{
    font-size: 10px !important;
    padding: 5px !important;;
    height: auto !important;;
  }
  .c-txt1 p{
    font-size: 10px !important;;
    margin: 0px !important;;
    line-height: 22px !important;
  }
  .destacadisimo .align-items-center {
    align-items: flex-start !important;
  }
  .destacadisimo .product-content{
    padding: 20px !important;
  }
  .destacadisimo .product-content div{
    padding-top: 0px !important;
  }
  .destacadisimo .product-content span{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  } 
  .destacadisimo .canjeable{
    margin-top: -10px !important;
  }
  .destacadisimo .canjeable span{
    font-size: 10px !important;
  }
  .destacadisimo .canjeable-precio{
    font-size: 14px !important;
    padding-right: 0 !important;
  }
  .destacadisimo .product-content .c-align{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .main-act-res{
    margin-bottom: 12px !important;
  }
  .container.conoce-gente{
    padding-left: 20px;
    padding-right: 20px;
  }
  .planes-flash .container{
    margin-left: 8px !important;
  }
  .main-act-res h2{
    font-size: 16px !important;
    margin: 0 !important;
    margin-left: 8px !important;
  } 
  .main-act-res a{
    font-size: 12px !important;
  }
  .destacadisimo-img{
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
  }
  .destacadisimo-footer{
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }
  .main-act-res .a-res{
    display: block !important;
  }
  .main-act-res a:not(.a-res){
    display: none !important;
  }
  .wd350{
    width: 300px !important;
  }
  .gb-container {
    padding: 0px !important;
  }
  .b-search-input{
    background: rgba(239, 243, 246, 1) !important;
    border-radius: 20px !important;
    border: 0 !important;
    font-family: GatterSans !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
  }
  .b-search-input-img{
    width: 25px !important;
    margin-left: 12px !important;
  }


  /* Hide scrollbar for Chrome, Safari and Opera */
  .b-search-container-mobile::-webkit-scrollbar {
    display: none;
  }

  .b-search-container-normal {
    display: none !important;;
  }
  .b-search-container-map {
    display: block !important;
    background: none !important;
    border: 1px solid !important;
    border-radius: 22px !important;
    height: 52px !important;
    margin-right: 6px !important;
    margin-bottom: 16px !important;
  }
  .b-search-container-mobile {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  .b-search-container-mobile{
    justify-content: flex-start !important;
    display: flex !important;
    overflow: scroll;
    flex-direction: row;
    flex-wrap: nowrap !important;
    padding-left: 15px;
  }
  .b-search-container-mobile .custom-select label{
    background: none !important;
    border: 1px solid;
    border-radius: 20px;
    border-color: rgba(96, 125, 148, 1);
  }
  .main-search-div .product-wide {
    display: flex !important;
  }

  .main-search-div .product-img {
    display: flex;
    max-width: 100px;
    height: auto;
  }
  .main-search-div .product-img img {
    height: auto;
  }
  .product.product-wide {
    gap: 10px !important;
  }
  .search-tags{
    margin-bottom: 0 !important;
  }
  p, h3, h1, h2{
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .fs-7{
    margin: 0 !important;
  }
  .gb-headline-5b87b6f7{
    padding-top: 30px !important;
  }
  .contenedor-cuadricula-datos-plan{
    flex-direction: column !important;
  }
  .number.astro-4n4qlsie{
    left: -0.45rem  !important;
    top: 4px !important;
  }

  .owl-stage {
    transition: none !important;
  }
  .main-scroll-prods  .product:hover, .destacadisimo:hover, .flashplan:hover {
    transform: none !important;
    z-index: 1 !important;
    filter: brightness(1) !important; /* Mantener el brillo original en el producto hover */
  }
  /* Oscurecer todos los elementos excepto el que se está hoverando */

  .owl-stage:has(.owl-item:hover) .owl-item:not(:hover) {
    filter: brightness(1) !important;
  }

  .owl-item {
    transition: none !important;
    filter: brightness(1) !important; /* Brillo normal por defecto */
  }

  /* Mantener el brillo normal por defecto */
  .owl-item:hover {
    transform: none !important;
    transform: scale(1) !important;
    filter: brightness(1) !important; /* Mantener el brillo original en el producto hover */
  }
  .top5 .product-content {
    padding: 6px 6px 6px 6px !important;
  }
  .product-content h3 {
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 24px;
  }
  .top5 .p1 {
    font-size: 9px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    text-wrap: nowrap !important;
  }
  .owl-stage-outer {
    overflow: visible !important;
  }

  #mobile-reserva1 h2 {
    color: #607D94 !important;
    font-size: 16px;
    margin: 0 !important;
    margin-top: -19px !important;
    text-align: center;
    font-weight: 600 !important;
  }
  #mobile-reserva1 .gb-button-a27c21e2{
      margin: 0 !important;
  }
  #mobile-reserva1 .contenedor-item-reserva_resumen-reserva{
      padding-bottom: 25px !important;
  }
  #mobile-reserva1 .contenedor-fila-mas-menos-cantidad-precio{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }
  #mobile-reserva1 .fecha-seleccion-plan-mobile{
    margin-left: 0px !important;
    width: 70%;
  }
  #resumen_compras h3{
    margin-left: 0 !important;
}
  #resumen_compras .contenedor-fila-mas-menos-cantidad-precio{
    margin-left: 0 !important;
     margin-right: 0 !important;
  }
  #mobile-reserva1 .contenedor-mapa_resumen-reserva{
      display: none !important;
  }
  #mobile-reserva1 .mobile-image{
    display: block !important;
        margin-top: -45px;
    margin-right: 0px;
  }
  .contenedor-datos-localizacion-mapa_resumen-reserva 
  p{
      margin-left: 0 !important;
      color: #607D94 !important;
  } 
  #mobile-reserva1 .mobile-image img{
      border-radius: 4px;
      width: 100px;
      height: 100px;
  }
  #mobile-reserva1 .fecha-seleccion-plan-mobile-gen{
          display: flex;
    justify-content: space-between;
  }
  #mobile-sidebar .gb-block-image-1cabf733{
    display: none !important;
  }
  .columna2-contenedor{
    background-color: unset !important;
  }
  .contenedor-sidebar-columna2_resumen-reserva{
      padding-top:20px !important;
          border-top-style: solid;
      border-top-width: 1px;
      border-color: var(--base);
  }
  .contenedor-sidebar-columna2_resumen-reserva
  .gb-container-395847c9{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }
  .contenedor-sidebar-columna2_resumen-reserva
  .gb-container-813dc916{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }
  .gb-headline-310d2b87 {  margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .contenedor-descuento-reserva{
    margin: 0px !important;
    margin-top: 15px !important;
    margin-bottom: 18px !important;
  } 
  .contenedor-total-sidenbar_resumen-reserva{
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .contenedor-boton-sidebar-columna2_resumen-reserva{
          align-items: center !important;
  }
  .contenedor-boton-sidebar-columna2_resumen-reserva a{
        margin: 0 !important;
  }
  .contenedor-inside-popup-resumen-reserva .contenedor-titulo_resumen-reserva h2{
    color: #607D94 !important;
    text-align: center !important;
    margin-top: 5px !important;
  }
  .contenedor-titulo-metodo-pago h3{
      margin-left: 0 !important;
      color: #2F4858 !important;
      font-size: 15px !important;
  }
  .contenedor-contenido-interior_resumen-reserva{
      margin-left: 20px !important;
      margin-right: 20px !important;
      margin-bottom: 20px !important;
  }
  .contenedor-sidebar-columna2_resumen-reserva h3{
    color: #607D94 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 17px !important;
  }
  .contenedor-boton-sidebar-columna2_resumen-reserva{
      margin-bottom: 20px !important;
  }

  #mobile-sidebar{
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-bottom: 20px !important;
  }
  #popupGeneral{
    margin: 0 !important;
    padding: 0 !important;
    height: 100vh !important;
    width: 100% !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
    padding-top: 50px !important;
  }
  .reserva__boton-volver{
    position: sticky !important;
    z-index: 100 !important;
  }
  .reserva__boton-cerrar{
    position: sticky !important;
    margin-left: 68% !important;
    top: 30px !important;
    z-index: 100 !important;
  }
  

}
.carrito-boton-reservar{
  margin-left: 0 !important;
}
@media (min-width: 1400px) {
  .favourites-area .container{
    /* max-width: 1567px !important; */
  }
}
#public_profile{
  margin-top: 80px !important;
}
#codigo_promocional::placeholder{
  font-family: GatterSans;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #607D94;
}
.gb-container-8a568261{
  margin-top: 80px;
}
#promo_footer{
  overflow: hidden !important;
}
.contact-plh::placeholder{
  color: #607D94F0;
  font-weight: 400;
  font-size: 14px;
  font-family: 'GatterSans';
  line-height: 20px;
}

.helper-sec-div-mobile{
  display: none;
}
@media (max-width:800px)  {
  .helper-main-div{
  background: none !important;
  width: 40px !important;
  box-shadow: none !important;
  margin-right: 20px;
  right: 45px !important;
	  bottom: 60px !important;
}
  .helper-sec-div{
      display: none !important;
      
  }
  .helper-main-div{
    margin-right: 40px !important;
  }
  .helper-sec-div-mobile{
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .helper-sec-div-mobile h4{
    font-size: 11px !important;
    line-height: 21px !important;
    color: #607D94 !important;
    margin-top: 5px !important;
  }
}


.h42{
  display: none;
}
nav.main-nav-bread ol{
  display: flex; 
  list-style: none;
  padding: 0; 
  margin: 0;
}
nav.main-nav-bread{
  position: absolute; 
  top: 150px; 
  left: 50px; 
  z-index: 999;
}
nav.main-nav-bread a{
  background: #FFFFFF; 
  font-family: GatterSans, sans-serif; 
  color: #607D94; 
  font-size: 16px; 
  line-height: 34.2px; 
  border-radius: 24.5px; 
  padding: 6px 15px; 
  text-decoration: none;
  font-weight: 600;
  border: 2px solid #607D94;
}
nav.main-nav-bread a:hover{
  color: #20C7A2 !important;
}
nav.main-nav-bread a.active{
  font-weight: 600 !important;
}
body{
  overflow: unset !important;
}
.main-header-explore-cats::-webkit-scrollbar {
  display: none;
}
.main-header-explore-cats{
  scrollbar-width: none; /* Firefox */
  gap: 0px;
  border-radius: 0px 25px 25px 25px;
  position: absolute;
  background: white; 
  left: 0; 
  top: 100px; 
  padding: 40px;
  padding-top: 15px;
  padding-bottom: 10px;
  display: none;
  max-height: 80vh;
  overflow: scroll;
  z-index: 99999999;
  box-shadow: 0px 4px 9.8px -2px #00000040;
}
.main-header-explore-cats.open{
  display: block !important;
}
.main-header-explore-cats .main-title{
  display: flex ;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.main-header-explore-cats .main-title svg{
  margin-right: 10px;
}
.main-header-explore-cats .main-title p{
  margin: 0;
  font-family: GatterSans;
  font-size: 16px;
  font-weight: 500;
  line-height: 34.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #2F4858;
}
.main-header-explore-cats .cats-div .cat-div{
  display: flex;
  margin-bottom: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.main-header-explore-cats .cats-div .cat-div:not(:last-child) {
  border-bottom: 1px solid #E3E9ED;
}
.main-header-explore-cats .cats-div .cat-div:hover p{
  color: #20C7A2 !important;
}

.main-header-explore-cats .cats-div .cat-div img{
  width: 100px;
  height: 70px;
  gap: 0px;
  border-radius: 9px;
}
.main-header-explore-cats .cats-div .cat-div p{
  font-family: GatterSans;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 34.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  
}

.main-header-explore-cats .cat-link{
  background: #F7F5F5;
  font-family: GatterSans;
  font-size: 14px;
  font-weight: 500;
  line-height: 34.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #2F4858;
  padding: 10px;
  padding-left: 18px;
  border-radius: 47px;
}
.gb-accordion__item.gb-accordion__item-open svg.acordeon-svg {
  transform: rotate(-180deg);
  transition: transform 0.3s ease-in-out; /* Controla la duración y el efecto */
}

.gb-accordion__item svg.acordeon-svg {
  transform: rotate(0deg); /* Estado inicial */
  transition: transform 0.3s ease-in-out; /* Asegura que la transición también se aplica aquí */
}

@media (max-width:800px)  {
  .h41{
  display: none !important;
  }
  .h42{
    display: block !important;
  }
  .helper-masin-div2{
    width: 311px !important;
  }
  nav.main-nav-bread svg{
    width: 15px !important;
  }
  nav.main-nav-bread li {
    margin-right: 1px !important;
}
  nav.main-nav-bread{
    left: 14px !important;
    top: 100px !important;
  }
  nav.main-nav-bread a{
    font-size: 10px !important;
    border: 1px solid #607D94;
    font-weight: 600 !important;
    line-height: 21.37px !important;
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
  }
  .main-header-explore-cats{
    width: 100% !important;
    height: 100vh !important;
    border-radius: 0 !important;
    max-height: 100vh !important;
  }
  main-header-explore-cats .cat-link {
    font-size: 10px !important;
  }
  .main-header-explore-cats {
    padding: 26px !important;
    padding-top: 15px !important;
    padding-bottom: 200px !important;
  }
  .main-header-explore-cats p{
    margin: 0 !important;
  }
  .main-header-explore-cats .cats-div .cat-div p{
    margin-left: 10px !important;
  }
  .regalo-div{
    padding: 14px 35px !important;
    width: 100% !important;
  }
}
@media (max-width: 1060px) {
  .gb-grid-wrapper > .gb-grid-column-a4ee2e31 {
      width: 100%;
  }
   .wp-block-site-logo {
        margin-top:0px !important;
    }

    .header-img {
        width: 60px !important;
    }

    .click-and-plan-header {
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .buscador-planes-home2 {
        width: max-content;
        margin-left: unset;
    }

    .profile-header h4 {
        display: none !important;
    }

    .planazos-container {
        display: none !important;
    }

    .planazos-container-mobile {
        display: block !important;
        margin-right: 20px;
        min-width: 82px;
    }
    .main_ciudades_div .main_cidad_open{
      clear: both;
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
      margin-top: 9px;
    }

    .planazos-container {
        flex-direction: column !important;
    }

    #mobile-header {
        display: block !important;
        width: 100% !important;
    }

    #mobile-header .main-nav > ul {
        display: none;
    }

    #mobile-header.toggled .main-nav > ul, #mobile-header .menu-toggle, #mobile-header .mobile-bar-items {
        display: block;
    }

    #mobile-header .main-nav {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    #view_promo .main-header-promo{
      margin-top: 25px !important;
    }
}
.custom-selects > a > label > span > img {height:35px;}
#buscador > div > div > div.search-tags > div > div > label > span > img {height:35px;}