/*
Theme Name: GlobeFarer Child
Theme URI: https://globefarer.qodeinteractive.com
Description: A child theme of GlobeFarer
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: globefarer
Template: globefarer
*/

.tres-pasos .qodef-qi-icon-with-text .qodef-m-icon-holder {
    font-size: 7.4em;
}
.ticks-ids .qodef-qi-icon-with-text .qodef-m-icon-holder {
    font-size: 3.4em;
}
.qodef-blog .qodef-blog-item .qodef-e-media-image img {
    border-radius: 16px;
}
 

.slider-continuo {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100px;
}

.slider-track {
  display: flex;
  width: max-content;
  /* usa variable CSS para controlar velocidad (la rellena el JS) */
  animation: scroll var(--speed, 15s) linear infinite;
}

.slider-track:hover {
  animation-play-state: paused;
}

.slider-track img {
  height: 80px !important;
  margin: 0 20px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Aquí el cambio importante */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    /* distancia en píxeles, calculada en JS */
    transform: translateX(calc(var(--distance, 0px) * -1));
  }
}





.conocenos .alignleft {
    margin: .5em 1em 0em 0 !important;
}
.conocenos img{
	    border-radius: 16px !important;
}
.qodef-m-input-holder input:not([type=checkbox]):not([type=radio]), .qodef-m-input-holder textarea {
    margin: 0;
    padding-left: 0px;
}
.qodef-m-input-holder input::placeholder, .qodef-m-input-holder textarea::placeholder {
  color: #201E5B99; /* Cambia este color al que desees */
  opacity: 1; /* Asegura que el color se vea igual en todos los navegadores */
}
.qodef-page-title .qodef-m-content {
    padding-top: 120px !important;
}
#custom_html-3 > h5.qodef-widget-title{
	color: #0c3e67 !important;
}
#block-66{
	margin-bottom: 10px !important;
}
.qodef-header-navigation {
    margin-right: 20px;
}
.elementor-heading-title {
    line-height: 72px !important;
}
/*Botón ver mas proyectos*/
/* Contenedor del botón */
.ver-mas-wrap {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

/* Botón “Ver más” */
.ver-mas-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-weight: 700;
  font-size: 18px;       /* ajusta si quieres */
  color: #191e57;        /* azul del texto del ejemplo */
  padding: 6px 10px;
}

/* Pastilla redonda con el + */
.ver-mas-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #00c4b3;   /* turquesa aproximado */
  color: #fff;
  font-size: 22px;
  line-height: 1;
}

/* Ocultación suave de items (opcional: animación) */
.nuestros_proyectos > .elementor-element.elementor-widget.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
}
.nuestros_proyectos > .elementor-element.elementor-widget.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .25s ease, transform .25s ease;
}
/*Fin*/

/*---APLICAR EFECTO OLA NUESTROS SECTORES----*/
/* --- Base: que el banner recorte y permita el overlay --- */
.wave-cards .qodef-qi-interactive-banner, .nuestros_proyectos .qodef-qi-interactive-banner{
  overflow: hidden;           /* importante para redondear y recortar */
  border-radius: 16px;        /* ajusta a tu diseño */
}

/* El contenido por encima de la ola */
.wave-cards .qodef-qi-interactive-banner .qodef-m-content{
  z-index: 2;
}

/* --- Degradado (sobre la imagen, bajo el texto) --- */
.wave-cards .qodef-qi-interactive-banner::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 45%;                /* altura del degradado (ajústala) */
  z-index: 1;
  pointer-events: none;       /* no bloquea el link del banner */

  /* De #00c0b5 a transparente al 100% */
  background: linear-gradient(
    to top,
    #00c0b5 0%,
    rgba(0, 192, 181, 0) 100%
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom center;
}

/* transición base del overlay */
.wave-cards .qodef-qi-interactive-banner::after{
  opacity: 1;
  transition: opacity .28s ease, transform .28s ease;
}

/* ocultar la ola al pasar el ratón (y al enfocar con teclado) */
@media (hover:hover) and (pointer:fine){
  .wave-cards .qodef-qi-interactive-banner:hover::after,
  .wave-cards .qodef-qi-interactive-banner.qodef--hover::after, /* por si el widget usa esta clase */
  .wave-cards .qodef-qi-interactive-banner:focus-within::after{
    opacity: 0;
    transform: translateY(8px); /* opcional: ligera bajada al desaparecer */
  }
}
/*Fin*/



/*Header CONTACTO*/
/*.qodef-order-tracking .qodef-m-opener::before {
    top: -29px;
}*/
.menu-contacto-container::before{
	display: none;
}
.menu-contacto-container a:hover {
    color: rgb(252 252 252) !important;
    text-decoration: underline;
}
.menu-contacto-container{
	max-height:60%;
	margin-right: 30px;	
	background: linear-gradient(to right, #00C0B5, #201E5B);
	padding: 10px 35px 10px 35px;
	border-radius: 7px;
}

.menu-contacto-container a span{
  color: #FFFFFF !important;
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: bold;
}

.qodef-page-heade{
	height: 0%;
}
/*fin*/

/*Slider nuestro clientes*/
.swiper-pagination-bullets .swiper-pagination-bullet{
	    margin: 0px 5px !important;
    padding-left: 20px;
    height: 20px;
    width: 20px;
	 background-color: #201E5B;
}
.swiper-horizontal>.swiper-pagination-bullets {
    height: 50px;
    width: 50px;
}
.qodef-testimonials-list .swiper-pagination-bullets {
    margin: 0 auto;
    margin-top: 30px;
}

/*Fin*/

/*Contador home*/
.qodef-m-content{
	padding-top:20px;
}
.qodef-counter{
	min-height:130px;
}
/*Fin*/

/*Testimoniales*/
.testimoniales .comillas{
	text-align:center;
	padding-bottom: 30px;
}
.qodef-testimonials-list .qodef-e-text {
    margin: 0 0 30px;
}
.testimoniales .qodef-m-icon{
	display: none;
}
.testimoniales .qodef-e-content{
	display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px; /* espacio entre imagen y texto */
  text-align: left; /* mantiene alineación del texto si lo deseas */
}
.testimoniales .qodef-e-inner{
background-color: #fff;
    border-radius: 20px;
        padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 70px;
    padding-right: 70px;
	min-height: 450px;
}
.testimoniales h2{
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #201E5B;
	    line-height: 25px;
	text-align:left;
}
.testimoniales h3{
    font-size: 16px !important;
    font-weight: 500;
    color: #201E5B;
}
.testimoniales h6{
	font-size: 16px;
    font-weight: bold;
	color: #201E5B;
}
/*Fin*/

/*.ui-accordion-header .qodef-e-title{
	        max-width: 870px;
}*/
.qodef-qi-accordion .qodef-e-title-holder .qodef-e-mark {
    width: 80px;
	
}
/*Formulario*/
.qodef-contact-form-7 .qodef-m-input-holder {
    padding: 0 0px;
}
.qodef-contact-form-7 .qodef-m-input-buttons {
    padding: 0 0px;
}
.qodef-contact-form-7 .wpcf7-list-item-label {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    letter-spacing: -.01em;
    color: #201e5b99;
    font-size: 13px;
}
.qodef-m-input-holder .qodef-m-input-label {
    width: 300px;
}
.text-legal{
	padding-bottom:20px;
	text-align: left;
	font-size: 10px;
	line-height: 13px;
    color: #201e5b99;
}
.form-accept {
	margin-top: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
}
/*Fin*/

#nav_menu-5{
	margin: 0 0 30px !important;
}
#block-23{
	margin: 0 0 30px !important;
}
.sector h5{
	margin:0 0 10px !important;
}
/*Nuestros sectores HOME*/*
.wave-cards .qodef-qi-interactive-banner .qodef-m-image img {
    width: 460px;
}
/*Fin*/

/*que nos diferncia HOME*/
.qodef-icon-with-text.qodef--custom-icon .qodef-m-icon-wrapper img {
    width: 366px;
}
 @media (max-width: 767px){ 
	.qodef-icon-with-text.qodef-layout--top.qodef-alignment--left {
    	text-align: center;
	}
	/* .ui-accordion-header .qodef-e-title{
	        max-width: 280px;
}*/
}
/*Fin*/

/*nuetros sectores*/
 @media (max-width: 767px){ 
	.elementor-widget-qi_addons_for_elementor_interactive_banner{
    	text-align: center;
	}
	 .elementor-widget-qi_addons_for_elementor_interactive_banner h3, .elementor-widget-qi_addons_for_elementor_interactive_banner p{
    	text-align: left;
	}
}
@media (max-width: 768px) {
  .wave-cards .qodef-m-text-holder {
    opacity: 1 !important;
  }

  .wave-cards .qodef-m-image::after {
    background: rgba(32, 30, 91, 0) !important;
    background-color: rgba(32, 30, 91, 0.67) !important;
  }

  .wave-cards .qodef-qi-interactive-banner::after {
    background: none !important;
  }

  .wave-cards .qodef-m-movement {
    transform: none !important;
  }
	
  .qodef-m-text-holder {
    opacity: 1 !important;
  }

  .qodef-m-movement {
    transform: none !important;
  }
}

/*Fin*/
/*empresas*/
 
.swiper-button-prev {
	left: 4.5px !important;
}

.swiper-button-next {
	right: 4.5px !important;
}

/*Fin*/

/*shortcodeAncho*/
.shortcode-ancho{
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	overflow: hidden;
	margin-top: -20px;
}
/*Fin*/

/*Nosotros acordion icon*/
.qodef-qi-accordion .qodef-e-icon>svg {
	stroke: none;
}
/*Fin*/

/*Font size h1 movil*/
 @media (max-width: 767px){ 
	h1{
    	font-size: 43px !important;
	}

}
/*Fin*/

/* Cambiar Refuerza la comunicación
interna en la empresa a flex en movil*/
@media (max-width: 768px) {
  .elementor-8393 .elementor-element.elementor-element-d6c192a {
	display: flex;
	flex-direction: column;
  }
}
/*Fin*/
/* LFJ Cifras*/
/* centrar titulo*/
.mi-texto-degradado {
	text-align: center;
	margin: 0 auto;
}
.centrar-cifras{
	text-align: center;
}

/*Fin*/

/*Fin*/


/* QUE NOS DIFERENCIA */
.experiencia, .innovacion, .b2b, .software, .atencion {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,0.15);
  flex-direction: column;
  justify-content: flex-end;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* IDSMEDIA */

#totem-tick .qodef-m-content{
	padding-top: 0px !important;
}

/* IDSMEDIA */
.plataforma, .pantalla, .dispositivos, .geografico, .personalizado {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,0.15);
  flex-direction: column;
  justify-content: flex-end;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dispositivos, .pantalla, .personalizado{
	max-height: 400px;
}
.plataforma .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
.geografico .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
.pantalla .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
.dispositivos .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

.personalizado .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
/* Texto por encima del overlay */
.plataforma *, .pantalla *, .dispositivos *, .geografico *, .personalizado * {
  position: relative;
  margin: 0;
  z-index: 0;
	
}

.plataforma h3, .pantalla h3, .dispositivos h3, .geografico h3, .personalizado h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: white;
}

.plataforma p, .pantalla p, .dispositivos p, .geografico p, .personalizado p {
  font-size: 0.90rem;
	    line-height: 1.2rem;
  color: rgba(255,255,255,1);
	
}

/* Hover */
.plataforma:hover,
.pantalla:hover,
.dispositivos:hover,
.geografico:hover,
.personalizado:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
}

/* Tarjetas base */
/*.experiencia{
	height:400px;
}*/
.experiencia .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
/*.software{
	height:275px;
}*/
.software .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
/*.innovacion{
	height:325px;
}*/
.innovacion .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
/*.b2b{
	height:325px;
}*/
.b2b .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

.atencion{
	/*height: 450px;*/
	margin-top: -110px;
	
}
.atencion .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
/* Texto por encima del overlay */
.experiencia *, .innovacion *, .b2b *, .software *, .atencion * {
  position: relative;
  margin: 0;
  z-index: 0;
	
}

.experiencia h3, .innovacion h3, .b2b h3, .software h3, .atencion h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: white;
}

.experiencia p, .innovacion p, .b2b p, .software p, .atencion p {
  font-size: 0.90rem;
	    line-height: 1.2rem;
  color: rgba(255,255,255,1);
	
}

/* Hover */
.experiencia:hover,
.innovacion:hover,
.b2b:hover,
.software:hover,
.atencion:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
}

.iconos-padding-top .qodef-m-content{
	padding-top:0;
}
.iconos-sectores{
	box-shadow: 0 16px 40px rgba(0, 0, 0, .16);
    border-radius: 16px;
}


/*.diferencia-grid .elementor-widget-container::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;         anclado abajo 
  height: 50%;       ocupa solo la mitad 
  background: linear-gradient(to top, rgb(0 192 181) 0%, rgba(0, 192, 181, 0) 100%);
}*/
.diferencia-grid .qodef-m-image {
  position: relative; /* necesario para z-index y pseudo-elemento */
}

.diferencia-grid .qodef-m-image::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background: linear-gradient(to top, rgb(32 30 91) 0%, rgba(32, 30, 91, 0) 100%);
  opacity: 1;
  z-index: 10;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.experiencia:hover .qodef-m-image::before,
.innovacion:hover .qodef-m-image::before,
.b2b:hover .qodef-m-image::before,
.software:hover .qodef-m-image::before,
.atencion:hover .qodef-m-image::before {
  opacity: 0;
}




@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) { 
	  .where-data {
        --width: 79vw !important;
    }
	.diferencia-grid{
		--width: 79vw !important;
	}
	/*.atencion{
		margin-top: -91px;
	}*/
}

@media (min-width: 1024px){
  .experiencia .elementor-widget-container{
    background-position: 0 -100px !important;
  }
	.atencion ..elementor-widget-container{
	    background-position: -150px 0px !important;
	}
}


/* Responsive */
@media (max-width: 900px) {
  .diferencia-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
  }
  .experiencia{
	height:350px;
  }
  .software{
	height:350px;
  }
  .innovacion{
	height:350px;
  }
  .b2b{
	height:350px;
  }
  .atencion{
	height:350px;
	margin-top: 0px;
  }
  .bottom-small { flex-direction: column; }
	.experiencia h3, .innovacion h3, .b2b h3, .software h3, .atencion h3 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
    line-height: 30px;
}
}
/*Fin*/

/* Selector proyectos */
:root {
	--blue: #1a165f;
	--blue-strong: #110e47;
	--radius: 8px;
}

/* Contenedor principal centrado */
.selector-container {
	display: flex;
	justify-content: center;   /* centra horizontalmente */
	align-items: center;       /* centra verticalmente si el contenedor tiene altura */
	width: 100%;
}

/* Fila que contiene el texto y el selector */
.selector-row {
	display: flex;
	align-items: center;       /* alinea verticalmente label y select */
	gap: 20px;                 /* espacio entre el texto y el select */
}

.selector-label {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: var(--blue);
	margin: 0;
	white-space: nowrap;
}

.select-wrap {
	position: relative;
	display: inline-block;
	padding-top: 50px;
}

.custom-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: var(--blue);
	background-color: #fff;

	border: 1.5px solid var(--blue);
	border-radius: var(--radius);
	padding: 10px 36px 10px 16px;
	width: 200px;
	cursor: pointer;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231a165f'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 14px;
}

.custom-select:focus {
	outline: none;
	border-color: var(--blue-strong);
	box-shadow: 0 0 0 6px rgba(26, 22, 95, 0.08);
}

/* Responsive */
@media (max-width: 720px) {
	.qodef-m-title{
		font-size: 27px;
        line-height: 28px;
	}
	.elementor-heading-title {
    line-height: 1 !important;
}
	.select-wrap{
		padding-top: 0px;
	}
	.selector-row {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	.selector-label {
		font-size: 22px;
		text-align: center;
		white-space: normal;
	}

	.custom-select {
		width: 100%;
		max-width: 260px;
	}
}
/*Fin*/
/* FAQS */
/* Estilo solo para el widget "Accordions and Toggles" */
.accordions-and-toggles p {
  line-height: 1.7;        /* separa las líneas dentro de cada párrafo */
  margin-bottom: 14px;     /* añade espacio entre párrafos */
}

/* Si dentro hay contenedores específicos, cubrimos variantes */
.accordions-and-toggles .content p,
.accordions-and-toggles .accordion-content p,
.accordions-and-toggles .toggle-content p {
  line-height: 1.7;
  margin-bottom: 14px;
}

/* Si aún ves los párrafos demasiado juntos, fuerza el CSS */
.accordions-and-toggles p {
  line-height: 1.7 !important;
  margin-bottom: 14px !important;
}
/*Fin*/
/*Espacios editor de texto*/
.texto-legal {
   white-space: pre-line !important;
   line-height: 1.8em;
}

/*Fin*/