/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*ampliamos el ancho del menu del header pq eran muchos ul*/
.fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start.fusion-flex-content-wrap {
  max-width: calc(1840px + 0px) !important;
}

/*ocultamos otros servicios en movil pq el megamenu no se ve*/
@media screen and (max-width: 1024px) {
  #menu-item-42 > a.awb-menu__main-a {
    display: none !important;
  }
}


/* ============================================================
   ====================== SLIDER HOME =========================
   ============================================================ */

/* HERO CARRUSEL · Josman Cars */
.js-josman-hero-carousel {
  position: relative !important;
  height: 700px !important;
  min-height: 700px !important;
  max-height: 700px !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Fila interna principal */
.js-josman-hero-carousel > .fusion-builder-row {
  position: relative !important;
  height: 700px !important;
  min-height: 700px !important;
  max-height: 700px !important;
  overflow: hidden !important;
}

/* Antes de cargar el JS: oculta todos los slides */
.js-josman-hero-carousel:not(.is-initialized) > .fusion-builder-row > .fusion-layout-column {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 700px !important;
  min-height: 700px !important;
  max-height: 700px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Antes de cargar el JS: muestra solo el primer slide */
.js-josman-hero-carousel:not(.is-initialized) > .fusion-builder-row > .fusion-layout-column:first-child {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 3 !important;
}

/* Slides ya controlados por JS */
.js-josman-hero-carousel .josman-hero-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 700px !important;
  min-height: 700px !important;
  max-height: 700px !important;
  z-index: 1 !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transform: translateX(45px);
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;

  --awb-padding-top: 0px !important;
  --awb-padding-bottom: 0px !important;
  --awb-padding-left: 3.5vw !important;
  --awb-width-large: 100% !important;
}

/* Contenido interno de cada slide */
.js-josman-hero-carousel .josman-hero-slide > .fusion-column-wrapper {
  height: 700px !important;
  min-height: 700px !important;
  max-height: 700px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding-bottom: 90px !important;
  box-sizing: border-box !important;
}

/* Slide activo */
.js-josman-hero-carousel .josman-hero-slide.is-active {
  z-index: 3 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(0);
}

/* Títulos */
.js-josman-hero-carousel .josman-hero-slide .fusion-title {
  margin-bottom: 22px !important;
}

.js-josman-hero-carousel .josman-hero-slide .fusion-title h1 {
  font-size: clamp(36px, 3.2vw, 50px) !important;
  line-height: 1.15 !important;
}

/* Texto */
.js-josman-hero-carousel .josman-hero-slide .fusion-text {
  font-size: clamp(19px, 1.5vw, 25px) !important;
}

/* Botón */
.js-josman-hero-carousel .josman-hero-slide .fusion-button {
  margin-top: 24px !important;
}

/* Botonera centrada */
.josman-hero-controls {
  position: absolute !important;
  left: 50%;
  bottom: 38px;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  transform: translateX(-50%);
}

/* Flechas */
.josman-hero-arrow {
  width: 44px;
  height: 44px;
  border: 2px solid var(--awb-color1);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: var(--awb-color1);
  font-size: 26px;
  line-height: 38px;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.25s ease;
}

.josman-hero-arrow:hover {
  background: var(--awb-color5);
  border-color: var(--awb-color5);
  transform: scale(1.06);
}

/* Puntos */
.josman-hero-dots {
  display: flex;
  align-items: center;
  gap: 9px;
}

.josman-hero-dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition: background 0.25s ease, transform 0.25s ease;
}

.josman-hero-dot.is-active {
  background: var(--awb-color5);
  transform: scale(1.25);
}

/* Móvil */
@media screen and (max-width: 768px) {
  .js-josman-hero-carousel,
  .js-josman-hero-carousel > .fusion-builder-row,
  .js-josman-hero-carousel:not(.is-initialized) > .fusion-builder-row > .fusion-layout-column,
  .js-josman-hero-carousel .josman-hero-slide,
  .js-josman-hero-carousel .josman-hero-slide > .fusion-column-wrapper {
    height: 700px !important;
    min-height: 700px !important;
    max-height: 700px !important;
  }

  .js-josman-hero-carousel .josman-hero-slide {
    --awb-padding-left: 25px !important;
  }

  .js-josman-hero-carousel .josman-hero-slide > .fusion-column-wrapper {
    padding-right: 25px !important;
    padding-bottom: 85px !important;
  }

  .josman-hero-controls {
    bottom: 24px;
    gap: 10px;
  }

  .josman-hero-arrow {
    width: 38px;
    height: 38px;
    font-size: 22px;
    line-height: 32px;
  }
}

/* ============================================================
   ==================== FIN SLIDER HOME =======================
   ============================================================ */


/*centramos en la home las letrillas*/
.vehiculos-comerciales-list {
  align-self: center !important;
}


.tm-ficha-vehiculo {
	margin: 0 0 20px;
}

.tm-ficha-version {
	font-size: 1.1em;
	font-weight: 600;
	color: var(--awb-color8, #333);
	margin: 0 0 16px;
}

.tm-ficha-specs {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 20px;
}

.tm-ficha-spec {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background: var(--awb-color1, #f7f7f7);
	border-radius: 8px;
	font-size: .95em;
}

.tm-ficha-spec i {
	color: var(--awb-color6, #1e73be);
	font-size: 1.1em;
	width: 20px;
	text-align: center;
	flex-shrink: 0;
}

.tm-ficha-spec-label {
	color: var(--awb-color4, #888);
	margin-right: auto;
}

.tm-ficha-spec-valor {
	font-weight: 600;
	color: var(--awb-color8, #333);
}

.tm-ficha-descripcion {
	line-height: 1.6;
	color: var(--awb-color8, #444);
}

@media (max-width: 640px) {
	.tm-ficha-specs {
		grid-template-columns: 1fr;
	}
}