:root{
  --principal:#2A6F68; /*verde jade, color insignia de la marca. Encabezados, menu, botones principales, acentos sobre fondo claro*/
  --secundario: #F4ECD9; /*arena mx, piedra volcanica. Fondo principal de la web, secciones “About”, tarjetas de tours*/
  --premium: #1A1A1A; /*Negro Suave. texto, títulos, descripción de tours, secciones largas*/
  --acento: #C6A667; /*Dorado Suave / Ámbar Premium. Líneas divisorias, íconos, pequeños detalles, hover de botones, precios premium.*/
}
body{
  background-color: var(--secundario);
  color: var(--premium);
}
hr{
  height: 3px;
  color: var(--premium) !important;
}
.logo-titulo{
  color: var(--principal);
  font-size: 20px;
}
.section-title__title{
  color: var(--principal);
}
.section-title__tagline{
  color: var(--premium);
}
.popular-tours__rate span,
.tour-details__top-rate span,
.icon-clock,
.fa-language,
.fa-user-tag,
.fa-car,
.fa-check,
.fa-star,
.testimonial-one__top-revivew-box i {
  color: var(--acento);
}
.fa-clipboard-check{
  color: var(--principal);
}
.fa-street-view{
  color: var(--premium);
}
.thm-btn {
  background-color: var(--principal);
}
.thm-btn::after {
  background-color: var(--acento);
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
  background: var(--principal) none repeat scroll 0 0;
  border: 2px solid var(--aprincipal);
  border-radius: var(--principal);
}
.contact-page__social a::before {
  background-color: var(--acento);
}
.testimonial-one__carousel.owl-carousel .owl-dot.active {
  background: var(--principal);
}
.popular-tours__carousel.owl-carousel .owl-dot.active {
  background: var(--principal);
}
.main-menu .main-menu__list > li.current > a::before {
  background-color: var(--principal);
}
.main-menu .main-menu__list li ul li:hover > a, .stricky-header .main-menu__list li ul li:hover > a {
  background-color: var(--principal);
}
.main-menu .main-menu__list > li > a::before, .stricky-header .main-menu__list > li > a::before {
  bottom: -10px;
}
.main-menu .main-menu__list > li > a::before, .stricky-header .main-menu__list > li > a::before {
  background-color: var(--acento);
}
.main-menu .main-menu__list > li:hover > a::before {
  background-color: var(--acento);
}

main-slider h2 {
  color: var(--acento);
}
.main-header__top-address li .icon span {
  color: var(--acento);
}
.bg-success {
  background-color: #2A6F68 !important;
}
.border-info {
  border-color: #2A6F68 !important;
}
.site-footer__top-inner {
  position: relative;
  z-index: 1;
  display: block;
  padding: 60px 0 46px;
}
.footer-widget__about-contact li {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

@media(min-width:576px){
  .footer-widget__about-contact li {
    flex-direction: row;
  }
}
.footer-widget__about-contact li .icon i {
  color: var(--acento);
}
.footer-widget__about-contact li .text {
  margin-left: 10px;
}
.mobile-nav__content .main-menu__list li a button {
  background-color: var(--acento);
}
.mobile-nav__contact li > i {
  background-color: var(--acento);
}
.mobile-nav__content .main-menu__list ul {
  margin-left: 8px;
}
.mobile-nav__content .main-menu__list li a.expanded {
  color: var(--acento);
}
.mobile-nav__content .main-menu__list li a button.expanded {
  background-color: var(--acento);
}
.fa-times::before {
  color: var(--acento);
}
.fa-bars::before {
  color: var(--principal);
}
.main-menu-wrapper__logo img{
  width: 67px !important;
}
.logo-box img{
  width: 57px !important;
}
@media (max-width: 767px) {
  .main-menu .mobile-nav__toggler {
    padding: 15px 0;
  }  
}
@media(min-width:768px){
  .main-menu-wrapper__logo img {
    width: 100px !important;
  }
}
.main-slider h2 {
  color: var(--principal);
  color: var(--acento);
  color: var(--secundario);
}
@media(min-width:768px){
  .main-menu .mobile-nav__toggler {
    margin-right: 0;
    padding: 33px 0;
    display: none;
  }
  .main-menu .main-menu__list, .main-menu .main-menu__list ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list ul {
    display: flex;
  }
  .main-header__top {
    display: block;
  }
}

/*BOTON DE WHATSAPP*/
#whatsapp {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  font-size: 3rem;
  color: green;
  z-index: 999999;
}
#whatsapp:hover {
  color: #0e660e;
}
.accordion-button:not(.collapsed) {
  color: var(--premium);
}
.testimonial-one__client-title {
  color: var(--principal);
}
.main-slider p{
  color: var(--secundario);
}
.select{
  width: 100%;
  border: 1px solid #ddd;
  padding: 20px;
  color: var(--thm-gray);
  border-radius: var(--thm-border-radius);
  background-color: var(--thm-base);
  font-size: 13px;
  border: 1px solid transparent;
}