/*
Theme Name: Thema Miguel
Theme URI: ""
Author: Miguel Marquez
Author URI: Miguel Marquez
Description: **
Requires at least: 1
Tested up to: 1
Requires PHP: 1
Version: 1
License: GNU General Public License v2 or later
License URI: 
Text Domain: 
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/


body {
  font-family: 'Inter', sans-serif;
}

/*  */
/*  */
.custom-menu-container {
    position: relative;
    width: 300px; /* Ajusta según necesidad */
}

.menu-item {
    position: relative;
    margin-bottom: 10px;
}

.menu-item a {
    text-decoration: none;
    color: #0073aa;
    font-weight: bold;
}

.preview {
    display: none;
    position: absolute;
    left: 120%;
    top: 0;
    width: 300px;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    z-index: 100;
}

.preview img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.preview p {
    font-size: 14px;
    color: #333;
}

/* } */
/*  */
.with5{
	width:1.25rem;
}
.link-spanish{
	display:flex;
	gap:5px;
}

#menu-tour {
  position: fixed;
  /* Make it stick/fixed */
  top: 0;
  /* Stay on top */
  z-index: 40;
}
.covercito{
	position:relative !important;
}
.itinerarios .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title {
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-radius: 8px 8px 0 0 !important;
}
.footertours,.footertours a {
	height:100% !important;
}
.footertours img{
	width:100% !important;
	height:100%!important;
	object-fit:cover !important;
	position:relative;
}

.miguelito{
    box-shadow: 0 2px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  top: 0;
  background: white;
  backdrop-filter: blur(20px);
  margin: auto;
  transition: all;
  transition-duration: .3s;
  z-index: 300;
}

.miguelpapa{
  top: -100%;
}
.carrusel::before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7) !important;
  width: 100%;
  height: 100%;
  z-index: 20;
  transition: .3s;
}
.carrusel:hover::before,
.verfotos:hover .viewmore .elementor-heading-title{
  display: none !important;
}

.itinerary-days__main::before{
  position: absolute !important;
  top: 0.7rem !important;
  left: 0.06rem !important;
  content: "" !important;
  height: calc(100% - 0.5rem) !important;
  border-left: 0.125rem solid #d2e8eb !important;
}
.itinerario .gallery{
  width: auto !important;
}
.itinerario .gallery .gallery-item{
  width: auto !important;
} 
.itinerario .gallery .gallery-item img{
border: none !important;
}
 
.tab a, .tab strong a{
	color:#1668E3 !important; 
}
.tab a:hover{
	text-decoration:underline;
}
.tab a strong, .tab strong a{
	color:#1668E3 !important;
}
.tab hr {
	margin:15px 0 !important;
}
#wpr-popup-id-1738 .wpr-popup-container-inner{
	padding:0 !important;
}
.itineraryincatrail svg{
	width:30px !important;
	height:30px !important; 
}
.message:hover {
  background: #222222;
  transition: .3s all;
}
.wp-show-posts-inner{
	display:flex;
	gap:10px;
}

.wp-show-posts-inner div:nth-child(1){
	width:30%;
}
.wp-show-posts-inner div:nth-child(2){
	width:70%;
	
}
.wp-show-posts-entry-title{
	color:#333 !important;
}
.tabpape table {
  width: 100%;
  border-collapse: separate; /* Cambia de collapse a separate para permitir bordes redondeados */
  border-spacing: 0; /* Elimina el espacio entre celdas para bordes redondeados */
  margin: 25px 0;
  font-size: 16px;
  text-align: left;
  border-radius: 12px; /* Borde redondeado para toda la tabla */
  overflow: hidden; /* Asegura que el borde redondeado se aplique correctamente */
}

/* .tabpape::--webkit-scrollbar{
	width:10px;	
}
.tabpape::--webkit-scrollbar-track{
	box-shadow:inset 0 0 5px grey;
	border-radius:10px;
}
.tabpape::--webkit-scrollbar-thumb{
	background:rgba(100,100,100);
	border-radius:10px;
} */
.tabpape table  th, td {
  padding: 12px 15px;
}

.tabpape table th {
  background-color: #08AA43;
  color: white;
  text-transform: uppercase;
}

.tabpape table tr {
  border-bottom: 1px solid #dddddd;
}

.tabpape table tr:last-child td {
  border-bottom: none; /* Elimina el borde de la última fila */
}

.tabpape table tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.tabpape table tr:hover {
  background-color: #f1f1f1;
}

/* Opcional: Borde redondeado para las esquinas superiores de las primeras celdas */
.tabpape table th:first-child {
  border-top-left-radius: 12px;
}

.tabpape table th:last-child {
  border-top-right-radius: 12px;
}


.descuento .elementor-widget-container {
  position: absolute;
  top: -38px;
  width: 100%;
}

#ez-toc-container {
  background: transparent;
  border: none;
  width: 100%;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

#ez-toc-container a {
  color: black;
  font-weight: normal;
}

#ez-toc-container a:visited {
  color: #097479;
}

.cotizar {
  & .wpcf7-form {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    width: 100%;
  }

  & label {
    font-family: "Poppins";
    font-weight: 400;
    color: #333333;
    font-size: 18px;
  }

  & .wpcf7-spinner {
    position: absolute !important;
  }

  & input {
    width: 100%;
    background: #f1f1f1;
    height: 50px;
    border: none;
    border-radius: 50px;
    padding: 0 10px;
    margin-top: 15px;
  }

  & .wpcf7-submit {
    background: #ed243f;
    padding: 15px 15px;
    color: white;
    margin-top: 42px;
    border-radius: 50px;
    cursor: pointer;
  }

  & .wpcf7-response-output {
    width: 100%;
    font-family: "Poppins";
    border-radius: 20px;
  }
}

.descuento .elementor-widget-container::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  width: 10px;
  height: 18px;
  background-image: linear-gradient(90deg, #999 0%, #222 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.navbar .main-menu>.menu-item-has-children>a::after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: "\f078";
  width: 16px;
  margin-left: 10px;
  transition: 0.1s;
}

.navbar .main-menu .menu-item-has-children>.sub-menu>.menu-item-has-children>a::after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  content: "\f054";
  font-size: 12px;
  margin-left: 10px;
  transition: 0.1s;
  margin-top: 6px;
}

.navbar .main-menu>.menu-item-has-children:hover>a::after {
  transform: rotate(-180deg);
}

/*  */

/*  */
.item-tour {
  overflow: hidden !important;
}

.item-tour .oculto .e-con-inner {
  margin-bottom: -75px;
  transition: 0.15s ease-in-out;
}

.item-tour .oculto .e-con-inner .buton {
  opacity: 0;
}

.item-tour:hover .oculto .e-con-inner {
  margin-bottom: 0;
}

.item-tour:hover .oculto .e-con-inner .buton {
  opacity: 1;
}

.item-tour:hover .oculto .e-con-inner .buton {
  opacity: 1;
}

/*  */
.item-tour .oculto1 .e-con-inner {
  margin-bottom: -45px;
  transition: 0.15s ease-in-out;
}

.item-tour .oculto1 .e-con-inner .star {
  opacity: 0;
}

.item-tour:hover .oculto1 .e-con-inner {
  margin-bottom: 0;
}

.item-tour:hover .oculto1 .e-con-inner .star {
  opacity: 1;
}

.tab img{
	margin:30px 0;
	border-radius:10px !important;
}
.tab table {
  border-collapse: collapse;
  border: 1px solid #c1c1c1;
  border-spacing: 40px;
	margin-bottom:30px;
	width:100%;
}

.tab table tr td,
.tab table th {
  border-bottom: 1px solid #c1c1c1;
  padding: 5px 10px;
}

.tab table tr td,
.tab table th {
  border-right: 1px solid #c1c1c1;
}

.stikyPosition{
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index:50;
 top:0;
	transition:.3s;
	height:100vh !important;
}
.stikyPosition.activadaso{
	top:100px;
	height:85.5vh !important;
}
.nav-link ul li a{
	width:100%;
	padding: 10px 15px;
	border-right:5px solid transparent;
}
 .nav-link ul li a.active {
      border-right-color:black;
	 background:#F1F1F1 !important;
    }
.tab h2,.tab h3, .tab h4, tab h5{
	color:#000 !important;
	font-weight:600 !important;
}
.alignleft{
	float:left;
}
.aligncenter{
	clear: both;
    display: block;
    margin: 0 auto !important;
}
.alignright{
	float:right !important;
}
.tab.blog-tab p{
	color:#222 !important;
}
.acc svg{
	width:20px !important; 
}
.tab h5{
	font-size:16px;
	font-weight:400;
	margin-bottom:5px;
}
.sticky-button {
  position: -webkit-sticky !important;
  position: sticky !important;
  bottom: 0 !important;
  opacity: 0;
  z-index: 30 !important;
}
.sticky-button.stickypapi {
  opacity: 0;
  width: 0;
  padding: 0;
  height: 0;
  margin: 0;
}
.premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow{
  z-index: 20 !important;
}
.comentarioss .ti-widget.ti-trip .ti-reviews-container-wrapper{
	margin: 0 0 !important;
}
.w-4-12{
	width:40%;
}
.w-8-12{
	width:60%;
}
.ti-widget.ti-trip .ti-controls .ti-next{
	top:-161px;
	color:black;
	right:0 !important;
}
.ti-widget.ti-trip .ti-controls .ti-prev{
	top:-161px !important;
	right:60px !important;
	left:auto !important;
}
.fa-angle-left:before{
	content: "";
    background: black;
    width: 14px;
    height: 1px;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
    position: absolute;
	margin-top:10px;
}
.fa-angle-left:after{
	content: "";
    background: black;
    width: 14px;
    height: 1px;
    display: block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 2px;
    position: absolute;
}
.fa-angle-right:before{
	    content: "";
    background: black;
    width: 14px;
    height: 1px;
    display: block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 2px;
    position: absolute;
	margin-top:10px;
}
.fa-angle-right:after{
	    content: "";
    background: black;
    width: 14px;
    height: 1px;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
    position: absolute;
}
.ti-widget.ti-trip .ti-controls .ti-next:before, .ti-widget.ti-trip .ti-controls .ti-prev:before,
.ti-widget.ti-trip .ti-controls .ti-next:after, .ti-widget.ti-trip .ti-controls .ti-prev:after{
	background:black !important;
	width:14px !important;
	height:1px !important;
}
.comentarioss .ti-widget.ti-trip .ti-review-item>.ti-inner
{
	background:transparent !important;
	border-color:transparent !important;
	padding:0 !important;
}
.included li {
  list-style: none !important; /* Elimina el estilo de lista predeterminado */
  padding-left: 30px; /* Espacio para la imagen */
  background-image: url('./img/iconos/check.svg');
  background-repeat: no-repeat;
  background-position: left center; /* Ubica la imagen a la izquierda */
  background-size: 20px 20px; /* Ajusta el tamaño de la imagen */
	margin-left:0 !important;
}
.not-included li{
	 list-style: none !important; /* Elimina el estilo de lista predeterminado */
  padding-left: 30px; /* Espacio para la imagen */
  background-image: url('./img/iconos/x.svg');
  background-repeat: no-repeat;
  background-position: left center; /* Ubica la imagen a la izquierda */
  background-size: 20px 20px; /* Ajusta el tamaño de la imagen */
	margin-left:0 !important;
}
.covercito .elementor-widget-container,
.covercito {
	height:100% !important;
	
}
.covercito img{
	width:100% !important;
	height:100% !important;
	object-fit:cover !important;
}
.itinerary-days__main h4{
  position: relative;
  font-size: 1.25rem !important;
  color: 096534 !important;
  font-weight: 600 !important;
  font-family: "Inter";
}
.itinerary-days__main h5{
  position: relative;
  font-size: 1rem !important;
  color: #222 !important;
  font-weight: 600 !important;
  font-family: "Inter";
  margin-bottom: 1rem;
}
.itinerary-days__main h4::before  {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #307582;
  position: absolute;
  top: 50%;
  left: -1.4rem;
  content: "";
  border: 1px solid #307582;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.itinerary-days__main h5::before {
  width: 0.4rem;
  height: 0.4rem;
  background-color: white;
  position: absolute;
  top: 50%;
  left: -1.4rem;
  content: "";
  border: 1px solid #307582;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1350px) {
	.contenido-redaccion{
		max-width:1000px !important;
	}
}
@media (max-width: 1024px) {
  #navbar-menu{
    position: fixed;
    top: 0;
    right: -100%;
    transition: .35s;
    height: 100vh;
    width: 100%;
    background: white;
  }
  .sticky-button {
    position: -webkit-sticky !important;
    position: sticky !important;
    bottom: 0 !important;
    opacity: 0;
	visibility:hidden !important;
   z-index: 30 !important;
  }
  .sticky-button.stickypapi {
    opacity: 1;
    width: 0;
    padding: 0;
    height: 0;
    margin: 0;
  }
}

@media (max-width: 767px) {
	.itios{
	box-shadow:none !important;
	border:none !important;
}
	.tabpape{
	overflow-x:scroll;
}
	    .migue {
        box-shadow: 0 2px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
        top: 0;
        background: white;
        backdrop-filter: blur(20px);
			position:fixed;
    }
	.container-tours{
overflow-x:scroll !important;
		width:100%;
}
	.seis-columns{
	grid-template-columns: repeat(6, 1fr) !important;	
	}
	.quechucha{
		width:auto !important;
		padding:0 10px !important;
	}
	.quechuchas div.elementor-absolute{
		width:100% !important;
		height:100% !important;
	}
	.quechucha img{
		left:0 !important;
		right:0 !important;
		bottom:0 !important;
		top:0 !important;
		width:100% !important;
		height:100% !important;
		object-fit:cover !important;
		object-position:center !important;
	}
  .sticky-button {
	  display:none !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    bottom: 0 !important;
    opacity: 0;  
	  visibility:hidden !important;
  	z-index: 30 !important;
  }
  .sticky-button.stickypapi {
	  display:block !important;
    opacity: 1;
    width: 100%;
	visibility:visible !important;
    padding: 15px 0;
    height: 100%;
    margin: 0;
  }
  #navbar-menu{
    position: fixed;
    top: 0;
    right: -100%;
    transition: .3s;
    height: 100vh;
    width: 100%;
    background: white;
  }
  #menu-tour {
    opacity: 0;
    visibility: hidden;
  }

  #dark-mode {
    opacity: 0;
    visibility: hidden;
  }

  .message {
    display: none;
  }

  .cotizar {
    & .wpcf7-form {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 10px;
      width: 100%;
    }

    & .wpcf7-submit {
      margin-top: 20px;
    }

    & .wpcf7-spinner {
      position: relative !important;
    }
  }
}