.elementor-4091 .elementor-element.elementor-element-88b0d8a{--display:flex;--min-height:800px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.3;}.elementor-4091 .elementor-element.elementor-element-88b0d8a:not(.elementor-motion-effects-element-type-background), .elementor-4091 .elementor-element.elementor-element-88b0d8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://incaritravel.com/wp-content/uploads/2026/07/The-Cusco-Cathedral.webp");background-repeat:no-repeat;background-size:cover;}.elementor-4091 .elementor-element.elementor-element-88b0d8a::before, .elementor-4091 .elementor-element.elementor-element-88b0d8a > .elementor-background-video-container::before, .elementor-4091 .elementor-element.elementor-element-88b0d8a > .e-con-inner > .elementor-background-video-container::before, .elementor-4091 .elementor-element.elementor-element-88b0d8a > .elementor-background-slideshow::before, .elementor-4091 .elementor-element.elementor-element-88b0d8a > .e-con-inner > .elementor-background-slideshow::before, .elementor-4091 .elementor-element.elementor-element-88b0d8a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-4091 .elementor-element.elementor-element-88b0d8a > .elementor-shape-bottom svg, .elementor-4091 .elementor-element.elementor-element-88b0d8a > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:120px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4091 .elementor-element.elementor-element-39ee067{text-align:center;}.elementor-4091 .elementor-element.elementor-element-39ee067 .elementor-heading-title{font-family:"incari titulo", Sans-serif;font-size:2rem;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-4091 .elementor-element.elementor-element-c75f88e{--display:flex;}.elementor-4091 .elementor-element.elementor-element-7da6834{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4091 .elementor-element.elementor-element-827ef03 .elementor-heading-title{font-family:"incari titulo", Sans-serif;font-size:1.8rem;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4091 .elementor-element.elementor-element-eb7681e{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-4091 .elementor-element.elementor-element-88b0d8a:not(.elementor-motion-effects-element-type-background), .elementor-4091 .elementor-element.elementor-element-88b0d8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://incaritravel.com/wp-content/uploads/2026/02/protada-incari-travel.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4091 .elementor-element.elementor-element-c75f88e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-8021c6b */@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');

.layout-bento {
  --text: #1a1a1a;
  --muted: #555555;
  --dark: #141414;        
  --accent: #C9A961;      
  --bg-card: #FDFCFB;
  
  font-family: 'Montserrat', system-ui, sans-serif !important;
  max-width: 1400px;
  margin: 40px auto;
  padding: 0 3%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 40px;
  align-items: start;
}

.layout-bento * { box-sizing: border-box; }

/* =========================================
   COLUMNA IZQUIERDA (Contenido Principal)
   ========================================= */
.luxe-main-bento {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.bento-lead { 
  grid-column: 1 / -1; 
  padding-bottom: 10px; 
}

.bento-lead h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important; 
  font-size: clamp(2rem, 3vw, 2.8rem) !important; 
  font-weight: 500 !important; 
  line-height: 1.2 !important; 
  color: var(--text) !important;
  text-transform: none !important;
  margin: 0 0 15px 0 !important;
}

.bento-lead p {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
  color: var(--muted) !important;
  margin: 0 !important;
}

.bento-img { 
  grid-column: 1 / -1; 
  height: 450px; 
  border-radius: 12px; 
  overflow: hidden; 
}
.bento-img img { width: 100%; height: 100%; object-fit: cover; }

.bento-text { 
  background: var(--bg-card); 
  padding: 35px; 
  border-radius: 12px; 
  border: 1px solid rgba(0,0,0,0.03);
}

.bento-text--full { grid-column: 1 / -1; }

/* --- AQUÍ ESTÁ LA MAGIA QUE PEDISTE --- */
/* Los títulos ahora usan Cormorant Garamond, igual que el FAQ */
.bento-text h3 { 
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.35rem !important; 
  font-weight: 600 !important; 
  text-transform: none !important; 
  letter-spacing: normal !important; 
  margin: 0 0 15px 0 !important; 
  color: var(--text) !important; 
  line-height: 1.3 !important;
}

/* El título general de FAQ lo dejamos como separador de sección */
.bento-faq-container > h3 { 
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.9rem !important; 
  font-weight: 600 !important; 
  text-transform: uppercase !important; 
  letter-spacing: 0.15em !important; 
  text-align: center !important; 
  border-bottom: 1px solid rgba(0,0,0,0.08) !important; 
  padding-bottom: 20px !important;
  margin-bottom: 30px !important;
  color: var(--text) !important; 
}

.bento-text p, .bento-text li { 
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important; 
  font-size: 0.95rem !important; 
  line-height: 1.8 !important; 
  color: var(--muted) !important; 
  margin: 0 0 15px 0 !important; 
}

.bento-text ul { padding-left: 1.2rem; margin: 0; }
.bento-text li { margin-bottom: 12px !important; }
.bento-text li strong { font-weight: 600 !important; color: var(--text) !important; }

/* FAQs */
.bento-faq-container { 
  grid-column: 1 / -1; 
  background: var(--bg-card); 
  padding: 40px; 
  border-radius: 12px; 
  border: 1px solid rgba(0,0,0,0.03);
}

.bento-faq-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}

/* Este es el diseño del FAQ que te gustó */
.bento-faq-item q {
  display: block; quotes: none; 
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.35rem !important; 
  font-weight: 600 !important; 
  color: var(--text) !important; 
  margin-bottom: 10px !important; 
  line-height: 1.3 !important;
}

.bento-faq-item p { 
  margin: 0 !important; 
  font-weight: 300 !important; 
  font-size: 0.95rem !important; 
  line-height: 1.7 !important; 
  color: var(--muted) !important; 
}

/* =========================================
   COLUMNA DERECHA (Tarjeta Sticky)
   ========================================= */
.luxe-sidebar {
  position: sticky;
  top: 120px; 
  max-height: calc(100vh - 80px); 
  overflow-y: auto; 
  border-radius: 4px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

.luxe-sidebar::-webkit-scrollbar { display: none; }
.luxe-sidebar { -ms-overflow-style: none; scrollbar-width: none; }

.bento-promo { 
  background: var(--dark) !important; 
  border: 1px solid rgba(201, 169, 97, 0.18) !important;
  padding: 2.2rem 1.8rem; 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  text-align: center; 
}

.bento-promo img { 
  width: 90px; height: 90px; 
  border-radius: 50%; object-fit: cover; 
  margin: 0 auto 1.5rem; border: 1px solid rgba(201, 169, 97, 0.3); 
}

.bento-promo span { 
  font-family: 'Montserrat', system-ui, sans-serif !important;
  color: var(--accent) !important; 
  text-transform: uppercase !important; 
  letter-spacing: 0.25em !important; 
  font-size: 0.7rem !important; 
  margin-bottom: 0.5rem !important; 
  font-weight: 500 !important;
  display: block;
}

.bento-promo .promo-divider {
  width: 40px; height: 1px; background: var(--accent); margin: 0 auto 1.8rem; border: none;
}

.bento-promo h3 { 
  font-family: 'Cormorant Garamond', Georgia, serif !important; 
  font-size: 1.7rem !important; 
  font-weight: 400 !important; 
  color: #ffffff !important;
  margin: 0 0 0.4rem !important; 
  line-height: 1.1 !important; 
  letter-spacing: 0.12em !important; 
  text-transform: uppercase !important; 
}

.bento-promo p { 
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important; 
  font-size: 0.85rem !important; 
  color: #ffffff !important; 
  margin-bottom: 1.8rem !important; 
  line-height: 1.6 !important; 
  letter-spacing: 0.02em !important;
}

.bento-promo a { 
  display: block !important;
  width: 100% !important;
  padding: 1.1rem 1.2rem !important;
  background: transparent !important;
  color: var(--accent) !important; 
  border: 1px solid var(--accent) !important;
  text-align: center !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  transition: all 0.4s ease !important;
  cursor: pointer !important;
  margin-top: 1rem !important;
}

.bento-promo a:hover { 
  background: #ffffff !important; 
  color: #141414 !important; 
  border-color: #ffffff !important; 
}

/* =========================================
   RESPONSIVE
   ========================================= */
@media (max-width: 1024px) {
  .layout-bento { grid-template-columns: 1fr; padding: 0 5%; gap: 30px; }
  .luxe-sidebar { position: relative; top: 0; max-height: none; overflow-y: visible; order: -1; }
  .luxe-main-bento { grid-template-columns: 1fr; gap: 20px; }
  .bento-img { height: 300px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7206b7 *//* --- Estructura Global --- */
.premium-tours-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 3rem 2rem;
  max-width: 1200px;
  margin: 4rem auto;
  padding: 0 1.5rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* --- Base de la Tarjeta --- */
.tour-card {
  display: flex;
  flex-direction: column;
  position: relative; 
  cursor: pointer;
  background: #fff;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
}

/* --- EL ENLACE INVISIBLE (La Solución Real) --- */
.tour-overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20; /* Esto asegura que esté por encima de la imagen y el texto */
}

/* --- Área Visual --- */
.tour-visual {
  position: relative;
  height: 340px;
  overflow: hidden;
  background: #1a1a1a;
}

.tour-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.95;
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease;
}

.tour-duration {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(4px);
  color: #000;
  padding: 0.4rem 1.2rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  z-index: 5;
}

/* --- Contenedor de Texto --- */
.tour-content {
  background: #ffffff;
  width: 88%;
  margin: -4rem auto 0;
  position: relative;
  z-index: 3; 
  padding: 2.5rem 2rem;
  text-align: center;
  box-shadow: 0 12px 30px rgba(0,0,0,0.03);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.tour-title {
  font-family: "Playfair Display", "Georgia", serif; 
  font-size: 1.85rem;
  color: #111;
  margin: 0 0 1rem;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-weight: 600;
}

.tour-excerpt {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.8;
  margin: 0 0 2rem;
  font-weight: 300;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- El Botón (Ahora es un span visualmente idéntico) --- */
.tour-cta {
  margin-top: auto;
  align-self: center;
  display: inline-block;
  padding: 0.8rem 2.2rem;
  border: 1px solid #222;
  color: #222;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  background: transparent;
}

/* --- Interacciones (Hover en cualquier parte de la tarjeta) --- */
.tour-card:hover .tour-visual img {
  transform: scale(1.08);
  opacity: 1;
}

.tour-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.08);
}

.tour-card:hover .tour-cta {
  background: #111;
  color: #fff;
}

/* =========================================
   CARRUSEL RESPONSIVO (Móviles y Tablets)
   ========================================= */
@media (max-width: 860px) {
  .premium-tours-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    
    /* Configuración de Scroll Snap (El truco del carrusel) */
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* Desplazamiento suave en iOS */
    
    /* Ajuste de márgenes para que las sombras no se corten */
    padding: 1rem 1.5rem 2rem 1.5rem; 
    gap: 1.5rem;
  }

  /* Ocultar la barra de desplazamiento para un look más "App" */
  .premium-tours-grid::-webkit-scrollbar {
    display: none;
  }
  .premium-tours-grid {
    -ms-overflow-style: none;  /* IE y Edge */
    scrollbar-width: none;  /* Firefox */
  }

  .tour-card {
    /* La tarjeta ocupará el 85% del ancho de la pantalla. 
       Esto permite que el usuario vea un "pedacito" de la siguiente 
       tarjeta, indicándole visualmente que puede deslizar. */
    flex: 0 0 85%;
    max-width: 340px; 
    
    /* Hace que la tarjeta se centre en la pantalla al terminar de deslizar */
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }
}/* End custom CSS */