/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

.vehiculo-feat p{
	padding: 0;
	margin: 0;
}
.home_carusel .jet-listing-grid__slider-icon{
	border-radius: 50%;
}
.box_banner-middle strong{
	font-weight: 800;
}


ul.menufooter {
    display: flex;
    flex-direction: column;    
    align-content: flex-start;
    list-style: none;
	position: relative;
    margin: 0;
    padding: 0;
}
.menufooter li {
	display: flex;
    flex-direction: column;	
	list-style: none;
    text-align: right;
}
.menufooter a {
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	outline: none;
	z-index: 10;
}
.menufooter > li > a {
	font-family: var(--e-global-typography-secondary-font-family);
	color: var(--e-global-color-primary);
	text-decoration: none;
	display: inline-block;
}
.menufooter > li:hover > a, .menufooter > li.current-menu-item > a {	
	color: var(--e-global-color-accent);
}
.menufooter > li > a {
    font-size: 14px;    
    padding: 7px 0 0 0;
    text-align: left;    
}








/* ------- MOVIL MENU ----------- */

ul.movilmenu{
    display: flex;
    flex-direction: column;    
    align-content: flex-start;
    list-style: none;
	position: relative;
    margin: 0;
    padding: 0;
}
.movilmenu > li {
	display: flex;
    flex-direction: column;	
	list-style: none;
    text-align: left;
    border-bottom: solid 1px rgba(0,0,0,0.3);
    padding: 15px 0;
}
.movilmenu a {
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	outline: none;
	z-index: 10;
}
.movilmenu > li > a {
	font-family: var(--e-global-typography-secondary-font-family);
	color: var(--e-global-color-primary);
	text-decoration: none;
	display: inline-block;
}
.movilmenu > li:hover > a, .movilmenu > li.current-menu-item > a {	
	color: var(--e-global-color-accent);
}
.movilmenu > li > a {
    font-size: 20px;    
    padding: 0 0 0 20px;
    text-align: left;    
}


.movilmenu ul{
    display: flex;
    flex-direction: column;    
    align-content: flex-start;
    list-style: none;
	position: relative;
    margin: 0;
    padding: 0 0 0 20px;
}
.movilmenu ul li {
	display: flex;
    flex-direction: column;	
	list-style: none;
    text-align: left;
    border-bottom: solid 1px rgba(0,0,0,0.3);
    padding: 15px 0;
}
.movilmenu ul li:last-child{
    border-bottom: none;
}
.movilmenu ul li > a {
	font-family: var(--e-global-typography-secondary-font-family);
	color: var(--wp--preset--color--vivid-cyan-blue);
	text-decoration: none;
	display: inline-block;
}
.movilmenu ul li > a {
    font-size: 16px;    
    padding: 7px 0 0 0;
    text-align: left;    
}


/*.movilmenu li ul {display:none;}*/










/* Small devices  */
@media only screen and (min-width: 300px) {	
	header.headereffects{
		background: rgba(13,13,13,0.8);
	}
	.header{
		margin-top: -100px;
	}

/* Tecnologias chery */
.bloquetc{
    margin-bottom: 100px;
}
.bloquetc-video{
    width: 100%;
}
.bloquetc-txt{
    width: 100%;
}

}
/* Tablet */
@media only screen and (min-width: 768px) {		

    /* Tecnologias chery */
    .bloquetc{
        margin-bottom: 150px;
    }
    .bloquetc-video{
        width: 50%;
    }
    .bloquetc-txt{
        width: 50%;
    }
	
}
/* Laptop */
@media only screen and (min-width: 1366px) {
.header{
	margin-top: -100px;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
}
/* Tecnologias chery */

.bloquetc{
    margin-bottom: 150px;
}
.bloquetc-video{
    width: 60%;
}
.bloquetc-txt{
    width: 40%;
}

	/***
* class: .headereffects
*/
header.headereffects {    
	--header-height: 90px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	background: rgba(0, 0, 0, 0.3);
    backdrop-filter: saturate(150%) blur(20px);
    -webkit-backdrop-filter: saturate(150%) blur(20px);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.headereffects.elementor-sticky--effects {
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	backdrop-filter: saturate(150%) blur(20px);
    -webkit-backdrop-filter: saturate(150%) blur(20px);
}
header.headereffects > .e-con-inner{
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.headereffects.elementor-sticky--effects > .e-con-inner {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
	header.headereffects {
		--header-height: 70px;
	}
}


header.headereffects .logo img {
	transition: width var(--transition);
}
header.headereffects.elementor-sticky--effects .logo img {
	width: 50%;   
}
	
}
/* desktop */
@media only screen and (min-width: 1400px) {
}













/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--e-global-color-accent) #E5E5E5;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #E5E5E5;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--e-global-color-accent);
  border-radius: 20px;
  border: 3px solid #E5E5E5;
}














/* ---- Estilos para Tabs Verticales ---- */


/* Estilo de cada botón/pestaña */
.tab-link{   	
    cursor: pointer;    
    transition: background-color 0.3s ease;
	border-left: 4px solid transparent;
	padding: 8px 15px;
	margin-bottom: 15px;
}

/* Estilo al pasar el ratón por encima (no activo) */
.tab-link:hover {
    color: var(--e-global-color-secondary) !important;
	border-left: 4px solid #000;
}
.vertical-nav a:hover{
	color: var(--e-global-color-secondary) !important;	
}


/* Contenedor del contenido (derecha) */
.tabs-contenido {
    padding: 20px;
    flex-grow: 1; /* Ocupa el espacio restante */
}

/* Por defecto, todo el contenido está oculto */
.tab-content {
    display: none;	
}

/* El contenido que tiene la clase 'active' se muestra */
.tab-content.active {
    display: flex;
    animation: fadeIn 0.5s ease-in-out; /* Animación sutil */
	width: 100%;
}

/* Animación para el contenido */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.jet-listing-grid--342 > .jet-listing-grid__item{
	position: absolute;
}
.topmodelos{
	background: rgba(255, 255, 255, .8);
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
}


















/* Container for the buttons */
.floating-buttons-container {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 15px;
}


/* Base style for the buttons */
.floating-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;	
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, background-color 0.3s ease;
    position: relative;
    text-decoration: none;
}

/* Hover effect on the buttons */
.floating-button:hover {
    transform: scale(1.1);
}

/* Image inside the buttons */
.floating-button img {    
    transition: transform 0.3s ease;
}

/* Specific button colors */
#whatsapp-button {
    background-color: #25D366; /* WhatsApp's iconic green */
}

#schedule-button {
    background-color: #007bff; /* A nice blue for the calendar */
}

/* Tooltip styles */
.tooltip-text {
    visibility: hidden;
    width: max-content;
	/*max-width: 250px;*/
    background-color: rgba(255,255,255,0.8);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 8px 12px;
    position: absolute;
    z-index: 1;
    right: 75px;
    top: 50%;
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Show tooltip on button hover with a smooth animation */
.floating-button:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%) scale(1);
}