/*	
	Theme Name: Motors - Child Theme
	Theme URI: http://motors.stylemixthemes.com/
	Author: StylemixThemes
	Author URI: http://stylemixthemes.com/
	Description: Motors Child theme
	Version: 4.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: blue, red, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: motors-child
    Template: motors

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Add your own styles here */


body #wrapper .main-menu .header-menu > li > a, #wrapper #header .header-menu > li > a, #wrapper #header .listing-menu > li > a, #wrapper #header .header-listing .listing-menu > li > a, #wrapper #header .header-inner-content .listing-service-right .listing-menu > li > a, #wrapper #stm-boats-header #header .header-inner-content .listing-service-right .listing-menu > li > a, #wrapper #header .header-magazine .container .magazine-service-right ul.magazine-menu > li > a, .stm-layout-header-listing_five .header-menu > li > a, .stm-layout-header-aircrafts #wrapper #header .header-inner-content .listing-service-right .listing-menu > li > a, .stm-template-rental_two #wrapper .header-main .header-menu > li > a, body .stm-boats-mobile-menu .listing-menu li a {
    font-family: "funnel" !important;
    color: #172e4e;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400 !important;
    font-style: normal;
    text-align: left;
    text-transform: normal;
    letter-spacing: 0px;
    word-spacing: 0px;
}

.stm-layout-header-car_rental .header-rental.header-listing {
    padding-bottom:20px !important;
}

/* 1) Wrapper en línea */
.form-inline-email .elementor-form-fields-wrapper{
  display:flex !important;
  align-items:stretch;
  gap:0;
}

/* 2) Quita el margen inferior */
.form-inline-email .elementor-field-group{
  margin-bottom:0 !important;
}

/* 3) EMAIL: que ocupe todo y NO sea col-100 */
.form-inline-email .elementor-field-type-email{
  flex: 1 1 auto !important;
  width:auto !important;
  max-width:none !important;
}

/* 4) SUBMIT: que sea automático y NO sea col-100 */
.form-inline-email .elementor-field-type-submit{
  flex: 0 0 auto !important;
  width:auto !important;
  max-width:none !important;
}

/* 5) Asegura que el botón no se estire al 100% */
.form-inline-email .elementor-button{
  width:auto !important;
  height:100%;
  white-space:nowrap;
}

/* Campo */
.form-inline-email input#form-field-email{
  border-radius:8px 0 0 8px;
}

/* Botón */
.form-inline-email .elementor-button{
  border-radius:0 8px 8px 0;
}

.form-inline-email .elementor-form-fields-wrapper{
  max-width: 900px;   /* ajusta */
  margin: 0 auto;
}


/* Quitar cualquier padding/borde del contenedor del botón */
.form-inline-email .elementor-field-type-submit{
  padding:0 !important;
  margin:0 !important;
}

/* Eliminar borde derecho del input para que no se vea “corte” */
.form-inline-email input#form-field-email{
  border-right:0 !important;
}

/* Pega el botón al input */
.form-inline-email .elementor-button{
  margin-left:-1px;   /* por si hay borde residual */
  border-left:0 !important;
}

/* Radios perfectos tipo “una sola pieza” */
.form-inline-email input#form-field-email{
  border-radius:10px 0 0 10px !important;
}
.form-inline-email .elementor-button{
  border-radius:0 10px 10px 0 !important;
}


/* ====== CONTENEDOR: centrado y ancho fijo ====== */
.form-inline-email .elementor-form-fields-wrapper{
  display:flex !important;
  align-items:stretch;
  gap:0 !important;
  max-width: 720px;     /* ajusta: 600-800 suele ir bien */
  margin: 0 auto;       /* centra */
}

/* Quitar márgenes/paddings que separan */
.form-inline-email .elementor-field-group{
  margin:0 !important;
  padding:0 !important;
}

/* EMAIL ocupa todo el espacio */
.form-inline-email .elementor-field-type-email{
  flex:1 1 auto !important;
  width:auto !important;
  max-width:none !important;
}

/* BOTÓN sólo lo necesario */
.form-inline-email .elementor-field-type-submit{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
}

/* ====== INPUT + BOTÓN PEGADOS ====== */
.form-inline-email input#form-field-email{
  border-right:0 !important;
  border-radius:10px 0 0 10px !important;
}

/* Quitar “naranja” y cualquier sombra/borde raro del tema */
.form-inline-email .elementor-button{
  margin-left:-1px !important;         /* pega por si hay borde de 1px */
  border:0 !important;                 /* fuera borde */
  box-shadow:none !important;          /* fuera sombra */
  outline:0 !important;                /* fuera outline */
  border-radius:0 10px 10px 0 !important;
}

/* También en hover/focus (donde suele aparecer lo naranja) */
.form-inline-email .elementor-button:hover,
.form-inline-email .elementor-button:focus,
.form-inline-email .elementor-button:active{
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* Si el naranja viene del "focus" del input */
.form-inline-email input#form-field-email:focus{
  box-shadow:none !important;
  outline:0 !important;
}

/* Altura uniforme (ajusta a tu gusto) */
.form-inline-email input#form-field-email,
.form-inline-email .elementor-button{
  height:52px;
}

/* Centrar icono dentro del botón */
.form-inline-email .elementor-button .elementor-button-content-wrapper{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* CENTRADO REAL DEL BLOQUE (no solo del texto) */
.form-inline-email .elementor-form{
  text-align: center;
}

/* El wrapper pasa a ser un "bloque" centrable */
.form-inline-email .elementor-form-fields-wrapper{
  display: inline-flex !important;   /* CLAVE: inline-flex para que se centre con text-align */
  align-items: stretch;
  justify-content: center;
  gap: 0;
  width: 100%;
  max-width: 720px;                 /* ajusta el ancho */
}

/* Quitar separaciones internas */
.form-inline-email .elementor-field-group{
  margin: 0 !important;
  padding: 0 !important;
}

/* Email flexible */
.form-inline-email .elementor-field-type-email{
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0;
}

/* Submit auto */
.form-inline-email .elementor-field-type-submit{
  flex: 0 0 auto !important;
  width: auto !important;
}

/* Botón sin estirar */
.form-inline-email .elementor-button{
  width: auto !important;
  height: 100%;
}

/* MÓVIL: que no se encoja */
@media (max-width: 767px){
  .form-inline-email .elementor-form-fields-wrapper{
    max-width: 90% !important;
  }
}

.stm-layout-header-car_rental .listing-right-actions .stm-menu-trigger span {
    
    background: #1A70B8 !important;
}

.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav {
    display: none !important;
}

.select2-container--default .select2-selection--single.select2-selection--single .select2-selection__rendered {
    background:#fff !important;
    border:2px solid #d8e9f4 !important;
    border-radius:8px !important;

}

.filter-listing.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects button[type=submit] {
    
    margin: 30px auto 0px auto !important;
    /* margin-bottom: -9px; */
}

.filter-listing.stm_dynamic_listing_filter .tab-content {
    background-color: #153e4d;
    padding-bottom: 0px !important;
    margin-bottom: -5px;
}

.stm_elementor_listings_grid_tabs_wrap .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price {
    position: relative;
    float: right;
    padding: 6px 10px 4px 4px;
    margin-left: 18px;
    background-color: #d1f7fe !important;
    text-align: right;
    color:#000 !important;
    font-family:"funnel", Sans-serif !important;
    border-radius:8px !important;
}


.stm_elementor_listings_grid_tabs_wrap .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price .normal-price, .stm_elementor_listings_grid_tabs_wrap .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price .sale-price {
     color:#000 !important;
    font-family:"funnel", Sans-serif !important;
}


.stm_elementor_listings_grid_tabs_wrap .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price:before {
    background-color: #d1f7fe !important;
    transform: none !important;
}

/* ===== Carrusel marcas (widget 6e378c1) ===== */

/* 1) separacion vertical para que la sombra no se corte */
#marcas .elementor-main-swiper {
  padding: 20px 0;
}

/* 2) Tarjeta (NO metas padding en el slide, mete padding dentro) */
#marcas .swiper-slide {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* 3) Creamos la tarjeta sobre el div que lleva el background */
#marcas .swiper-slide .elementor-carousel-image{
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  
  /* “alto” de la tarjeta */
  height: 150px;
  
  /* el logo centrado y sin deformar */
  background-repeat: no-repeat;
  background-position: center;
    background-size: 55%; /* ⬅ clave: reduce el logo */

  
  /* margen lateral para crear la separacion blanca entre tarjetas */
  margin: 0 12px;

  /* por si el background se sale en bordes */
  overflow: hidden;

  padding:25px;

  transition: transform .25s ease, box-shadow .25s ease;
}

/* 4) Hover sutil como el ejemplo */
#marcas .swiper-slide:hover .elementor-carousel-image{
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,.16);
}


#marcas .swiper-pagination-bullet{
  width: 28px;
  height: 3px;
  border-radius: 2px;
  background: #d0d6dd;
  opacity: 1;
  margin: 0 4px !important;
}

#marcas .swiper-pagination-bullet-active{
  background: #1e6bd6; /* azul activo */
}

.listing-list-loop.stm-listing-directory-list-loop .content .meta-top .title {
    margin-top: 0;
    letter-spacing: -1px;
    word-spacing: -1px;
    color:#1a70b8 !important;
    font-family:"funnel", Sans-serif !important;
    font-weight: 900 !important;
    font-size:22px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
}

.listing-list-loop.stm-listing-directory-list-loop {
    padding: 15px;
    margin-bottom: 12px;
    box-shadow: 0 10px 24px rgba(0,0,0,.16);
    border-radius:8px !important;
    margin-top:20px;
    padding-bottom:16px !important;padding-top:10px !important;
}

.price-box{
  display: flex;
  align-items: flex-end;
  gap: 22px;
  font-family: inherit;
  margin-top:15px;
}

/* CONTADO */
.price-contado{
  display: flex;
  flex-direction: column;
  text-align:center;
}

.price-contado .label{
  font-size: 14px;
  color: #747474;
  font-family:"funnel", Sans-serif !important;
  font-weight: 400 !important
  font-size:14px !important;
}

.price-old{
  font-size: 22px;
  font-weight: 700;
  color: #3b3a39;
  font-family:"funnel", Sans-serif !important;
  margin-top:4px;
}

/* FINANCIADO */
.price-financiado{
  display: flex;
  flex-direction: column;
  text-align:center;
}

.price-financiado .label{
  font-size: 14px;
  color: #1a70b8;
  font-family:"funnel", Sans-serif !important;
  font-weight: 400 !important
  font-size:14px !important;
}

.price-new{
  font-size: 22px;
  font-weight: 700;
  color: #1a70b8;
  font-family:"funnel", Sans-serif !important;
  margin-top:4px;
}

/* DESCUENTO */
.price-descuento{
  font-size: 22px;
  font-weight: 300;
  color: #1a70b8;
  align-self: center;
  white-space: nowrap;
  font-family:"funnel", Sans-serif !important;
}


.listing-list-loop.stm-listing-directory-list-loop .content .meta-top .title {
    margin-top: 8px !important;
}

.stm-template-listing_three_elementor .listing-list-loop.stm-listing-directory-list-loop .meta-middle-row .meta-middle-unit {
    display: inline-block;
    background: #eaf5fe;
    margin-right: 5px;
}

.listing-list-loop.stm-listing-directory-list-loop .meta-middle {
    font-family:"funnel", Sans-serif !important;
}

.listing-list-loop.stm-listing-directory-list-loop .meta-middle-row .meta-middle-unit {
    display: inline-block;
    padding: 4px 10px !important;
}

.stm-hoverable-interactive-galleries.stm-template-listing_three_elementor .listing-list-loop .interactive-hoverable {
    
    min-height: 222px !important;
}

.stm-isotope-listing-item {
    margin-bottom: 31px;
    padding: 15px;
    margin-bottom: 12px;
    box-shadow: 0 10px 24px rgba(0,0,0,.16);
    border-radius:8px !important;
    margin-top:20px;
    padding-bottom:16px !important;padding-top:10px !important;
}

.car-meta-bottom{
	display: none !important;
}

.stm-template-listing_three_elementor #wrapper .stm_elementor_listings_grid_tabs_wrap .car-listing-row .car-meta-top {
    padding-bottom: 0px !important;
    border-bottom: 0;
}

@media (min-width: 992px){
  #destacados .stm-isotope-listing-item.col-md-4{
    width: calc(33.333333% - 20px);
    margin-right: 20px;
    margin-bottom: 31px;
  }
  #destacados .stm-isotope-listing-item.col-md-4:nth-child(3n){
    margin-right: 0;
  }
}

.stm-template-listing_three_elementor #wrapper .stm_elementor_listings_grid_tabs_wrap .car-listing-row .listing-car-item-meta .car-title {
    margin-top: 0;
    letter-spacing: -1px;
    word-spacing: -1px;
    color:#1a70b8 !important;
    font-family:"funnel", Sans-serif !important;
    font-weight: 900 !important;
    font-size:22px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
}

.dp-in {
    margin-top: 30px !important;
}

.entry-header:after {
    position: absolute;
    content: "";
    display: block !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff !important;
    color:#000 !important;
    z-index: 10;
    
}

.entry-header.small_title_box .container .entry-title h2 {
    font-family:"funnel", Sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color:#1a70b8 !important;
}

.stm_breadcrumbs_unit .navxtBreads {
    padding: 15px 0 8px 4px;
    margin-bottom: 20px;
    color: #888;
    text-transform: uppercase;
    font-size: 11px;
    border-bottom: 1px solid #dddddd;
    font-family:"funnel", Sans-serif !important;
    font-weight: 300 !important;
}


.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1250px !important;
}

.listing-list-loop.stm-listing-directory-list-loop {
    margin-bottom: 26px !important;
}

#sombrea{
	box-shadow: 0 10px 24px rgba(0,0,0,.16);
    border-radius:8px !important;
    padding:40px;
}

.elementor-accordion-item {
    border-bottom: 1px solid #c9f5fe !important;
}

#sombrea .elementor-widget-container{
	border:none !important;
}

.stm_listing_title {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: #1A70B8;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color:#1a70b8 !important;
    font-family:"funnel", Sans-serif !important;
}


#sombrea2{
	box-shadow: 0 10px 24px rgba(0,0,0,.16);
    border-radius:8px !important;
    padding:10px;
}