.elementor-kit-6{--e-global-color-primary:#FF5F00;--e-global-color-secondary:#FFCC2C;--e-global-color-text:#13141F;--e-global-color-accent:#002E15;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:22px;--e-global-typography-primary-font-weight:600;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F5F4F5;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1) Offset global de sticky (header + barra de pestañas) */
:root{
  --sticky-offset: 160px; /* ajusta si tu header+tabs miden distinto */
}

/* 2) Desplazamiento suave + padding para que no tape los títulos */
html{
  scroll-behavior: smooth;
  scroll-padding-top: var(--sticky-offset) !important;
}

/* 3) Aplica el offset a cada sección destino */
#descripcion,
#itinerario,
#detalles,
#recomendaciones,
#cancelaciones{
  scroll-margin-top: var(--sticky-offset);
}

/* 4) Ajustes responsivos si tu sticky cambia de alto */
@media (max-width: 1024px){
  :root{ --sticky-offset: 150px; }
}
@media (max-width: 767px){
  :root{ --sticky-offset: 120px; }
}


/* Solo móvil */
@media (max-width: 767px){
  :root{ --bar-h: 84px; } /* alto aprox. de tu barra; ajústalo si cambia */

  /* Deja un “colchón” para que la barra fija no tape nada */
  body.has-pricebar{ padding-bottom: var(--bar-h); }

  /* Estado FIJO de la barra (abajo de la pantalla) */
  #priceBarSection.is-fixed{
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 999;
    padding-bottom: env(safe-area-inset-bottom); /* iPhone notch */
  }

  /* Estado NORMAL (liberada en su sitio) */
  #priceBarSection.is-static{
    position: static; /* vuelve al flujo normal */
  }
}






/* ====== CONTENEDOR GENERAL ====== */
.steps {
  display: flex;
  width: 100%;
  align-items: center;
}

/* ====== CADA PASO ====== */
.step {
  flex: 1;                      /* 50% de ancho cada paso */
  display: flex;
  justify-content: center;       /* centra círculo + texto */
  align-items: center;
  gap: 12px;                     /* espacio entre número y texto */
  font-weight: 600;
  font-size: 22px;
  color: #111;                   /* color del texto por defecto */
  position: relative;
}

/* ====== CÍRCULO (por defecto) ====== */
.step::before {
  content: attr(data-step);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 3px solid #e3e3e3;     /* borde gris */
  background: #fff;
  color: #9c9c9c;                /* gris para número */
  font-weight: 600;
  font-size: 22px;
}

/* ====== ACTIVO ====== */
.step--active {
  pointer-events: none;          /* no clickeable */
  color: #000;                   /* texto más fuerte */
}
.step--active::before {
  background: #0034AA;           /* verde sólido */
  color: #fff;
  border-color: #0034AA;
}

/* ====== LINK (inactivo pero clickeable) ====== */
.step--link a {
  color: #7a7a7a;
  text-decoration: none;
}
.step--link:hover a {
  color: #111;
}
.step--link:hover::before {
  border-color: #0034AA;
  color: #0034AA;
  box-shadow: 0 0 0 4px rgba(0,63,29,.08); /* halo verde sutil */
}

/* ====== RESPONSIVE ====== */
@media (max-width:768px) {
  .steps {
    flex-direction: column;
    gap: 1.5rem;
  }
  .step {
    justify-content: flex-start; /* en móvil se alinea a la izq */
    font-size: 18px;
  }
  .step::before {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}

/* Ocultar barra de pasos en la página de "pedido recibido" */
body.woocommerce-order-received .steps,
body.woocommerce-order-received .steps-bar {
  display: none !important;
}



/* Ocultar aviso "se ha añadido a tu carrito" */
.woocommerce-message,
.woocommerce-info,
.woocommerce-notices-wrapper {
  display: none !important;
}

/* Ocultar cabeceras de tabla en carrito */
.woocommerce-cart-form thead {
  display: none !important;
}


/* Ocultar columna "Cantidad" en el carrito y checkout */
.woocommerce-cart-form .product-quantity,
.woocommerce-cart-form .product-quantity * {
    display: none !important;
    visibility: hidden !important;
}

/* También elimina la celda vacía en la fila */
.woocommerce-cart-form .product-quantity {
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-quantity,
.woocommerce-cart-form .product-price *,
.woocommerce-cart-form .product-quantity * {
    display: none !important;
    visibility: hidden !important;
}

/* Ajustar tamaño y borde de las imágenes en el carrito */
.woocommerce-cart-form .product-thumbnail img {
    width: 120px !important;   /* ancho de la imagen */
    height: auto !important;  /* mantiene proporción */
    border-radius: 20px !important; /* bordes redondeados */
    object-fit: cover;        /* recorta si no encaja exacto */
}

/* 🔹 Título del tour más grande y negrita */
.woocommerce-cart-form .product-name a {
    font-size: 22px;   /* aumenta el tamaño */
    font-weight: 700;  /* negrita */
    color: #0034AA;    /* tu color corporativo */
}

/* 🔹 Ocultar subtotales y totales en el bloque de la derecha */
.woocommerce-cart .cart_totals h2,
.woocommerce-cart .cart_totals .shop_table,
.woocommerce-cart .cart_totals .order-total,
.woocommerce-cart .cart_totals .cart-subtotal {
    display: none !important;
}

/* 🔹 Mantener solo el botón de "Proceder al pago" centrado */
.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
    text-align: center;
}

/* Ocultar fila "De:" */
.variation-De {
  display: none !important;
}

/* Ocultar fila "A:" */
.variation-A {
  display: none !important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a {
    color: #0034AA !important;
    transition: color 0.3s ease;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a:hover {
    color: #000 !important; /* tono más oscuro al pasar el mouse */
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button {
    background: #0034AA !important;
    border: none;
    border-radius: var(--forms-buttons-border-radius, 3px);
    color: var(--forms-buttons-normal-text-color, #fff);
    padding: var(--forms-buttons-padding, 12px 32px);
    transition: background 0.3s ease;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button:hover {
    background: #0034AA;
}


.elementor-widget-woocommerce-checkout-page a {
    color: #0034AA !important;
    transition: color 0.3s ease;
}

.elementor-widget-woocommerce-checkout-page a:hover {
    color: #000 !important; /* tono más oscuro al pasar el mouse */
}/* End custom CSS */