.elementor-607 .elementor-element.elementor-element-9775c34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-607 .elementor-element.elementor-element-e96e4d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-607 .elementor-element.elementor-element-ef82dda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-607 .elementor-element.elementor-element-0c6c9af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-9775c34 */.fma-hero-bg{
  position: relative;
  overflow: hidden;
  padding: 90px 0;           /* ajusta si quieres más aire */
}

/* Imagen de fondo */
.fma-hero-bg::before{
  content:"";
  position:absolute;
  background-image: url(https://motoadventures.es/wp-content/uploads/2025/09/rieju-mrt-125.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.06);
  filter: blur(10px);
  opacity: 0.55;             /* fuerza el “difuminado” sin molestar */
  z-index: 0;
}

/* Velo oscuro + gradientes (look cinematográfico) */
.fma-hero-bg::after{
  content:"";
  position:absolute;
  background:
    radial-gradient(900px 520px at 18% 40%, rgba(0,0,0,0.20), rgba(0,0,0,0) 60%),
    radial-gradient(900px 520px at 85% 35%, rgba(0,0,0,0.25), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.75) 55%, rgba(0,0,0,0.88) 100%);
  z-index: 1;
}

/* Asegura que todo el contenido quede por encima */
.fma-hero-bg > .e-con-inner,
.fma-hero-bg .elementor-element{
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3084606 *//* CTA FINAL - estilo igual a la captura */
.fma-cta-final{
  background:#000;
  padding:70px 18px;
  text-align:center;
  position:relative;
  overflow:hidden;
}

/* contenedor centrado */
.fma-cta-final .fma-inner{
  max-width:980px;
  margin:0 auto;
}

/* título dorado */
.fma-cta-final .fma-title{
  margin:0 0 18px;
  font-size:clamp(32px, 4.5vw, 52px);
  font-weight:900;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#F2C94C; /* dorado */
  line-height:1.1;
}

/* texto principal */
.fma-cta-final .fma-lead{
  margin:0 auto 34px;
  max-width:860px;
  font-size:clamp(16px, 1.55vw, 20px);
  line-height:1.7;
  color:rgba(255,255,255,0.92);
}

.fma-cta-final .fma-lead strong{
  color:#fff;
  font-weight:800;
}

/* precio grande */
.fma-cta-final .fma-price{
  margin:0 0 18px;
  font-size:clamp(28px, 3.2vw, 40px);
  font-weight:900;
  color:#fff;
  letter-spacing:0.02em;
}

/* nota pequeña gris */
.fma-cta-final .fma-note{
  margin:0;
  font-size:clamp(13px, 1.2vw, 15px);
  color:rgba(255,255,255,0.65);
  display:inline-flex;
  align-items:center;
  gap:10px;
}

/* rayo en naranja (si usas el emoji) */
.fma-cta-final .fma-note::first-letter{
  color:#F2994A; /* naranja */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c300b39 *//* SECCIÓN */


.fma-itinerary-title{
  text-align:center;
  margin-bottom:80px;
  font-size:clamp(26px,4vw,40px);
  font-weight:900;
  letter-spacing:0.08em;
  color:#F2C94C;
}

/* TIMELINE */
.fma-timeline{
  position:relative;
  max-width:1100px;
  margin:0 auto;
}

/* LÍNEA CENTRAL */
.fma-timeline::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:2px;
  height:100%;
  background:#F2C94C;
}

/* ITEM */
.fma-item{
  position:relative;
  width:50%;
  padding:30px 40px;
}

.fma-item.left{ text-align:right; }
.fma-item.right{ margin-left:50%; }

/* PUNTO */
.fma-item::before{
  content:"";
  position:absolute;
  top:40px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#000;
  border:3px solid #F2C94C;
  z-index:2;
}

.fma-item.left::before{
  right:-7px;
}

.fma-item.right::before{
  left:-7px;
}

/* TARJETA */
.fma-card{
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.18);
  border-radius:14px;
  padding:22px 24px;
  max-width:420px;
}

.fma-item.right .fma-card{ margin-left:20px; }
.fma-item.left .fma-card{ margin-right:20px; }

/* TEXTO */
.fma-card h4{
  margin:8px 0 10px;
  font-size:18px;
  font-weight:800;
    color:#F2C94C;
}

.fma-card p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:rgba(255,255,255,0.85);
}

/* ETIQUETAS */
.fma-time,
.fma-label{
  display:inline-block;
  margin-bottom:6px;
  font-size:12px;
  font-weight:800;
  color:#F2C94C;
  letter-spacing:0.04em;
}

/* RESPONSIVE */
@media(max-width:768px){
  .fma-timeline::before{
    left:20px;
  }

  .fma-item{
    width:100%;
    padding-left:60px;
    padding-right:0;
    text-align:left;
  }

  .fma-item.right{
    margin-left:0;
  }

  .fma-item::before{
    left:13px;
  }

  .fma-card{
    max-width:100%;
    margin:0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef82dda *//* ITINERARIO - fondo tipo hero (blur + tintado) */
.fma-itinerary-bg{
  position: relative;
  overflow: hidden;
  padding: 100px 0; /* ajusta aire */
}

/* Imagen de fondo (difuminada) */
.fma-itinerary-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: url(https://motoadventures.es/wp-content/uploads/2025/12/WhatsApp-Image-2025-12-29-at-10.40.17.jpeg); /* cambia si quieres */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.06);
  filter: blur(10px);
  z-index: 0;
}

/* Velo oscuro + gradientes (look cinematográfico) */
.fma-itinerary-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 18% 40%, rgba(0,0,0,0.20), rgba(0,0,0,0) 60%),
    radial-gradient(900px 520px at 85% 35%, rgba(0,0,0,0.25), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.75) 55%, rgba(0,0,0,0.88) 100%);
  z-index: 1;
}

/* Asegura que todo el contenido quede por encima */
.fma-itinerary-bg > .e-con-inner,
.fma-itinerary-bg .elementor-element{
  position: relative;
  z-index: 2;
}/* End custom CSS */