/*
Theme Name: NimoGordillo New
Theme URI: http://www.nimogordillo.es
Description: Tema para www.nimogordillo.es
Author: FoxInTheNet
Author URI: https://www.foxinthenet.com/
Version: 1.2
*/

/*----------Imports----------*/
/*CSS*/
@import "mjr.styles.reset.css";
@import "nc_templates/newcarstyles.css";
/*Toyota Font*/
@font-face {
    font-family: 'toyota_displayregular';
    src: url('fonts/toyotadisplay_rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'toyota_displaybold';
    src: url('fonts/toyotatext_bd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*----------Basic----------*/
body {
	font-family: 'Noto Sans', sans-serif;
}
h1, h2, h3, h4, h5{
	font-family: 'toyota_displayregular', sans-serif;
}
h1 small, h2 small, h3 small, h4 small, h5 small{	
	font-family: 'toyota_displayregular', sans-serif;
}
strong{
	font-family: 'toyota_displaybold', sans-serif;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}
/*Header*/
header{
	color:var(--SecondaryColor);
	background:var(--BgColor);
}
header .boxContent{
	position:relative;
}
header .headerLogo a{
	width:auto;
	height:auto;
	max-width: 240px;
	display: inline-block;
	overflow:hidden;
	margin:0 auto;
	padding:10px 0px;
	float:left;
}
header a img{
	transform: scale(1);	
}
header a:hover img{
	transform: scale(.8);
}
@media(max-width: 720px){
	header .headerLogo a{
		display: block;
		float:none;
	}
}
/*Menú*/
.navMenuContent{
	position:absolute;
	top: 30px;
	right: 20px;
	z-index:1000;
	}
span#navMobile{
	width:34px;
	height: 34px;
	display:table;
	overflow: hidden;
	clear: both;
	float: right;
	z-index: 600;
	position: relative;
	}
span#navMobile img{
	cursor: pointer;
	}
span#navMobile img:hover{
	-webkit-filter: brightness(120%);
	   -moz-filter: brightness(120%);
	    -ms-filter: brightness(120%);
	     -o-filter: brightness(120%);
			filter: brightness(120%);
	}
#navMenu{
	display:none;
	}
nav{
	width:100%;
	height:100%;
	background: var(--BgColor);
	display: table;
	vertical-align: middle;
	overflow: hidden;
	clear: both;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 500;
	}
nav ul{
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	clear: both;
	padding:0;
	}	
nav ul li{
	max-width: 300px;
	display:block;
	margin: 5px auto;
	text-align: center;
	}
nav ul li:first-child{
	padding-top: 100px;
	background: url(images/logo2.png) no-repeat top center;
	background-size: 200px;
	}
nav ul li a{
	line-height: 1.4;
	color:#666;
	font-size: 28px;
	font-weight: normal;
	display: inline-block;
	}
nav ul li:last-child a{
	font-size: 14px;
	}
nav ul li.current_page_item a{
	color:var(--PrimaryColor);
	}
nav ul li.current_page_item a:hover{
	color:var(--PrimaryColor);
	background: none;
	cursor: default;
	}
@media(max-width: 900px){
	.generalmenu{
		top: 40px;
	}
}
@media(max-width: 720px){
	.navMenuContent{
		display: none;
	}
}
@media(max-width: 420px){
	.navBar{
		top: 30px;
	}
	span#navMobile{
		width:25px;
		height: 25px;
	}
}
/*Marcas*/
.navMarcas{
	display: table;
	padding:10px 0px;
	float:right;
	margin-right: 60px;
}
.navMarcas img{
	max-height: 66px;
}
.navToyota{
	display: inline-block;
	margin-right: 20px;
}
.navLexus{
	display: inline-block;
}
@media(max-width: 720px){
	.navMarcas{
		overflow: hidden;
		clear: both;
		float:none;
		margin: 0 auto;
	}
}
/*Columns*/
.ContentColumn{
	display: flex;
	align-items: stretch;
  	flex-wrap: wrap;	
}
.basicColumn{
    float: left;
    margin: 0 1% 30px;
	z-index: 1;
}
.one.basicColumn {
    width: 98%;
}
.two.basicColumn{
    width: 48%;
}
.three.basicColumn {
    width: 31.333%;
}
.four.basicColumn{
    width: 23%;
}
.five.basicColumn{
    width: 18%;
}
.nomarginColumn{
    float: left;
    position: relative;
    z-index: 1;
}
.one.nomarginColumn {
    width: 100%;
}
.two.nomarginColumn{
    width: 50%;
}
.three.nomarginColumn {
    width: 33.111%;
}
.four.nomarginColumn{
    width: 25%;
}
.five.nomarginColumn{
    width: 20%;
}
@media(max-width: 1200px){
	.basicColumn{
		width: 48% !important;
	}
	.one.basicColumn {
		width: 98% !important;
	}
}
@media(max-width: 720px){
	.basicColumn, .nomarginColumn{
		margin: 0;
		margin-bottom: 20px;
		width: 100% !important;
		clear: both;
	}
}
/*Social*/
.socialContent{
	margin-top: 10px;
}
.socialContent li{
	display: inline-block;
	margin-bottom: 5px;
}
.socialContent a{
	width: 36px;
	display: inline-block;
	overflow: hidden;
	margin: 0 5px;
	padding: 0;
	border-radius: 2px;
}
.socialContent a:hover{
	opacity: .6;
}
/*Footer*/
footer{
	padding: 40px 0;
	text-align: center;
	background: var(--SecondaryColor);
}
footer p{
	font-size: 12px;
	color: #ccc;
	margin-bottom: 5px;
}
footer ul li{
	display: inline-block;
	margin-bottom: 5px;
}
footer a{
	padding: 0 5px;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}
/*----------Home----------*/
/*Slider*/
.newCarHomeSlider{
	min-height: 440px;
	display: block;
	margin-bottom: 0;
	padding:0;
	position: relative;
	border-bottom: 10px solid var(--PrimaryColor);
	background-color: var(--SecondaryColor);
	background-image: url(images/bghome.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.newCarHomeSlider h1{	
	display: table;
	text-align: center;
	font-size: 48px;
	color:var(--BgColor);
	position: absolute;
	z-index: 100;
	bottom: 120px;
	left:0;
	right:0;
	margin: 0 auto;
	padding: 30px;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
}
.newCarHomeSlider h1 span{
	display: table;
	clear: both;
	margin: 7px auto 4px;
	padding: 5px 10px;
	font-size: 30px;
	text-transform: uppercase;	
	color: var(--SecondaryColor);
	background: var(--BgColor);	
}
.newCarHomeSlider h1 small{
	font-size: 36px;
	font-family: 'toyota_displaybold', sans-serif;
}
.newCarHomeSliderToyota{
	width: 50%;
	min-height: 440px;
  display: block;
  cursor: pointer;
	float: left;
	margin-bottom: 0;
	background-image: url(images/toyota-sliderhome.png);
	background-position: right -85px center;
	background-repeat: no-repeat;
	background-size: auto;
	-webkit-transition: .3s ease-in; 
	   -moz-transition: .3s ease-in; 
	     -o-transition: .3s ease-in;
	        transition: .3s ease-in;
}
.newCarHomeSliderToyota img{
  width: 120px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.newCarHomeSliderLexus{
	width: 50%;
	min-height: 440px;
	display: block;
	float: left;
	margin-bottom: 0;
	background-image: url(images/lexus-sliderhome.png);
	background-position: left -85px center;
	background-repeat: no-repeat;
	background-size: auto;
	-webkit-transition: .3s ease-in; 
	   -moz-transition: .3s ease-in; 
	     -o-transition: .3s ease-in;
	        transition: .3s ease-in;
}
.newCarHomeSlider .newCarHomeSliderToyota:hover{
	background-position: right center;
	-webkit-transition: .3s ease-in; 
	   -moz-transition: .3s ease-in; 
	     -o-transition: .3s ease-in;
	        transition: .3s ease-in;
}
.newCarHomeSlider .newCarHomeSliderLexus:hover{
	background-position: left center;
	-webkit-transition: .3s ease-in; 
	   -moz-transition: .3s ease-in; 
	     -o-transition: .3s ease-in;
	        transition: .3s ease-in;
}
/*.newCarHomeSliderToyota:hover ~ .newCarHomeSliderLexus{
	background-position: -170px center;
}
.newCarHomeSliderLexus:hover ~ .newCarHomeSliderToyota{
	background-position: -270px center;
}*/
.newCarHomeSliderLexus img{
  width: 120px;
  position: absolute;
  top: 10px;
  right: 10px;
}
@media(max-width: 720px){
	.newCarHomeSlider h1{	
		font-size: 40px;
	}
	.newCarHomeSlider h1 span{
		font-size: 24px;	
	}
	.newCarHomeSlider h1 small{
		font-size: 28px;
	}
	.newCarHomeSlider .newCarHomeSliderToyota{
		background-position: right center;
	}
	.newCarHomeSlider .newCarHomeSliderLexus{
		background-position: left center;
	}
}
/*Home Shops*/
.localContent{
	overflow: hidden;
}
.localContent .localContentBox{
	overflow: hidden;
	background: var(--PrimaryColor);
	/*position: relative;
	padding-bottom: 150px;*/
}
.localContent .localContentBox:hover{
	background: var(--SecondaryColor);
}
.localContent .localImg{
	display: block;
	overflow: hidden;
	position: relative;
}
.localContent .localImg img{
	width: 100%;
}
.localContent .localImg span{
	position: absolute;
	right: -3px;
	bottom: -8px;
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -2px;
	color: #f5f5f5;
	text-shadow: -3px -3px 10px rgba(0, 0, 0, .3);
}
.localContent .localInfo{
	padding: 20px;
	background:#f5f5f5;
}
.localContent .localInfo h3{
	font-size: 26px;
	margin-bottom: 15px;
	margin-top: 0;
}
.localContent .localInfo h3 a{
}
.localContent span.siteWeb{
	width: 100%;
	display: block;
	padding: 15px 0;
	text-align: center;
}
.localContent p{
	font-size: 14px;
	margin-bottom: 5px;
}
.localContent a{
	color: var(--SecondaryColor);
}
.localContent a:hover{
	color: var(--PrimaryColor);
}
.localNet{
	/*position: absolute;
	bottom: 0;
	left: 0;
	right: 0;*/
	margin: 0 auto;
	padding: 0 20px;
	color:var(--BgColor);
}
.localNet a, .localNet a:hover{
	color:var(--BgColor);
}
.localContent .socialContent{
	text-align: center;
	margin-top: 0;
	padding-bottom: 10px;
}
/*Search*/
.newCarSearchBar{
	background: #f5f5f5;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 30px;
}
.newCarSearchBar h2, .newCarSearchBar h3{
	display: inline-block;
}
.newCarSearchBar a.newCarsFilterButton{
	display: inline-block;
	float:right;
	margin-top: 25px;
}
.newCarSearchBar a.newCarsFilterButton img{
	display: inline-block;
	width: 20px;
	margin-right: 5px;
}
.newCarsModelsFilterContent{
	border-top: 2px solid #ccc;
	position: relative;
}
.newCarsModelsFilterContent .filtersClose{
	width: 20px;
	position: absolute;
	top: 25px;
	right: 0;
}
ul.newCarsModelsFilter li{
	display: inline-block;
	text-align: center;
}
ul.newCarsModelsFilter li label{
	padding: 5px 10px;
}
ul.newCarsModelsFilter li label.newCarsModelsFilterAll{
	background: var(--PrimaryColor);
	color: #fff;
}
@media(max-width: 720px){
	.newCarSearchBar a.newCarsFilterButton{
		display: block;
		float:none;
		margin-top: 0px;
		margin-bottom: 20px;
		
	}
	.newCarSearchBar h2, .newCarSearchBar h3{
		display: block;
		text-align: center;
	}
}
/*Warning*/
.textWarning{
  width: 100%;
  display: block;
  overflow: hidden;
  clear: both;
  margin-bottom: 20px;
  padding: 15px;
  background: #2c4143;
  color:#fff;
  border:5px solid #fea906;
  border-radius: 10px;
  }
  .textWarning h3{
  font-size: 22px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
  color:#fea906;
  }
  .textWarning p{
  margin-bottom: 0;
  }
  .textWarning ul{
  text-align: center;
  }
  .textWarning ul li{
  display: inline-block;
  margin-bottom: 0;
  margin-top: 10px;
  }
  .textWarning img{
  max-width: 150px;
  }
  a.textWarning:hover{
  color:#fea906;
  }
  
/**BANNER PREGUNTA**/
.my {
	margin: 20px auto 70px !important;
}

#bannerPregunta {
	border-radius: 10px;
	display: flex;
	max-height: 320px;
	margin: 3rem 0;
}

#bannerPregunta.familia{
	flex-direction: row-reverse;
	max-width: 1200px;
    margin: 0 auto 3rem;
}

#bannerPregunta .banner-left {
	flex: 1 45%;
	position: relative;
}



#bannerPregunta .banner-left:before {
	background-color: var(--PrimaryColor);
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1;
}

#bannerPregunta.home .banner-left {
	background-image: url("./images/foto_marta.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#bannerPregunta.familia .banner-left {
	/*background-image: url("./images/banner_detalle.png");*/
	background-image: url("./images/foto_marta.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#bannerPregunta .banner-right {
	background-color: var(--SecondaryColor);
	color: white;
	flex: 1 55%;
}

#bannerPregunta .banner-right * {
	text-align: center;
}

#bannerPregunta .banner-right h4 {
	margin-bottom: .5rem;
	color: #ffffff !important;
}

#bannerPregunta .banner-right p {
	padding-top: 1rem;
    margin-bottom: .5rem;
    color: #ffffff !important;
}

#bannerPregunta .banner-right .powered {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: .5rem;
}

#bannerPregunta .banner-right .powered span {
	color: #666;
}

#bannerPregunta .banner-right .powered img {
	display: block;
	height: auto;
	margin: 0 0 0 10px;
	max-height: 17px;
	max-width: 100px;
	width: auto;
}

#bannerPregunta .banner-right a.banner-button {
    background: var(--PrimaryColor);
    border-radius: 25px;
	color: white;
	font-size: 1.1rem;
	display: block;
    line-height: 30px;
    margin: 1.5rem auto 0;
    padding: 0.5rem;
    width: 40%;
}

#bannerPregunta .banner-right a.banner-button:hover {
	background: white;
	color: var(--SecondaryColor);
}

#bannerPregunta.familia.small {
	display: none;
}

@media screen and (max-width:992px) {
	#bannerPregunta {
		flex-flow: column !important;
		max-height: initial;
	}

	#bannerPregunta.familia {
		max-width: 95% !important;
	}

	#bannerPregunta.familia.small {
		display: block;
	}

	#bannerPregunta .banner-left {
		background-position: center bottom;
		min-height: 260px;
	}

	
	#bannerPregunta .banner-right {
		padding-top: 15px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	#bannerPregunta.familia .banner-left {
		/*background-image: url("./images/banner_home.png");*/
		background-image: url("./images/foto_marta.png");
	}

	#bannerPregunta.home .banner-left {
		/*background-image: url("./images/banner_home.png");*/
		background-image: url("./images/foto_marta.png");
	}

	#bannerPregunta .banner-right a.banner-button {
		margin-bottom: 1.3rem;
	}
}

@media screen and (max-width:1200px) {

	#bannerPregunta.familia {
		max-width: 90%;
	}

	#bannerPregunta .banner-right {
		padding-top: 10px;
	}

	#bannerPregunta .banner-right a.banner-button {
		margin-bottom: 1.3rem;
		width: 80%;
	}
	#bannerPregunta.home .banner-left {
		/*background-image: url("./images/banner_home.png");*/
		background-image: url("./images/foto_marta.png");
	}
}


.postListImage { width: 400px; float: left; }
.postListInfo { width: calc(100% - 420px); float: right; }
.postListPagination { width: 100%; text-align: center; margin-bottom: 40px; }

@media (max-width:900px){
	.postListImage { width: 100%; float: none; }
	.postListInfo { width: 100%; float: none; }
}

/* ESTILO PARA EL BOTÓN DE AGENDAR DE LA HOME */
.boton-agendar {
	padding: 10px 10px;
	background-color: red;
	color: white;
	border-radius: 25px;
	text-decoration: none;
	transition: all 0.3s ease;
}
.boton-agendar:hover {
	padding: 12px 14px;
	color: white;
	background-color: #000000;
}

.localInfo {
    min-height: 155px; 
}

.ocultarmenu{
	display:none !important;
}






/* Contenedor General */
.custom-cf7-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    color: #fff;
    text-align: center; /* Mantiene títulos centrados si quieres */
}

/* Sistema de 2 Columnas para campos */
.cf7-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.cf7-column {
    flex: 1;
    min-width: 300px; /* Se apila en móviles */
    text-align: center;
}

.cf7-column label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

/* Estilo de los inputs (Redondeados como tu imagen) */
.custom-cf7-wrapper input[type="text"],
.custom-cf7-wrapper input[type="email"],
.custom-cf7-wrapper input[type="tel"] {
    width: 100%;
    border-radius: 30px; /* Bordes muy redondeados */
    border: 1px solid #ccc;
    padding: 12px 20px;
}

/* Sección Legal alineada a la izquierda */
.cf7-legal-section {
    text-align: left;
    margin-top: 30px;
    font-size: 12px;
    line-height: 1.3;
}

/* Alineación de Checkbox y Texto */
.legal-checkbox-row {
    display: flex;
    align-items: flex-start; /* Alinea el checkbox arriba con la primera línea de texto */
    gap: 10px;
    margin: 15px 0;
}

/* Ajuste específico para el checkbox de CF7 */
.legal-checkbox-row .wpcf7-list-item {
    margin: 0;
    display: flex;
}

.legal-checkbox-row input[type="checkbox"] {
    margin-top: 4px; /* Ajuste fino para centrar con el texto */
    min-width: 18px;
}

/* Botón enviar centrado */
.submit-container {
    text-align: center;
    margin-top: 20px;
}

.wpcf7-submit {
    background-color: #ff0000;
    color: #fff;
    padding: 12px 50px;
    border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}



/*
#wpcf7-f221264-o1 {
    display: none;   
}
*/

#wpcf7-f221264-o1 .cf7-column label {
    color: #000 !important;
}


#wpcf7-f221264-o1 input, button, select, textarea {
    width: 100%;
    background-color: #fff;
    border-radius: 20px !important;
	border: 1px solid #ccc !important;
}


#wpcf7-f221264-o1 .custom-cf7-wrapper{
	max-width: 100% !important;
    margin: 0 !important;
}


#wpcf7-f221264-o1 p, #wpcf7-f221264-o1 label, #wpcf7-f221264-o1 span {
    font-size: 13px !important;
    color:black !important;
    line-height: 1.4 !important;
}


#wpcf7-f221264-o1 .wpcf7-not-valid-tip {
    margin-top: 4px !important;
    text-align: left !important;
	color: #dc3232 !important;
}

#wpcf7-f221264-o1 input, #wpcf7-f221264-o1 button, #wpcf7-f221264-o1 select, #wpcf7-f221264-o1 textarea {
    padding: 10px !important;
}

#wpcf7-f221264-o1 textarea {
    border-radius: 20px !important;
}


#wpcf7-f221264-o1 .legal-checkbox-row input[type="checkbox"] {
    max-width: 18px !important;
	border-radius: 0px !important;
	padding:0px !important;
	margin-top: 0px !important;
	-webkit-appearance: auto !important; /**/
}

/*
#wpcf7-f221264-o1 input[type="checkbox"]:checked {
    background: var(--PrimaryColor);
}*/

#wpcf7-f221264-o1 .wpcf7-form-control.wpcf7-acceptance{
	padding:9px 0px !important;
	display: inline-block;
}

#wpcf7-f221264-o1 .wpcf7-form-control.wpcf7-acceptance label{
	margin-bottom:0px !important;
}

#wpcf7-f221264-o1 .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label{
	padding-left:0px !important;
}

#wpcf7-f221264-o1 .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label > span{
	float: right !important;
    margin: 0px !important;
	padding-left:0px !important;
}

#wpcf7-f221264-o1 p{
	margin-bottom: 5px !important;
}

#wpcf7-f221264-o1 p a{
	padding:0px !important;
	color: var(--PrimaryColor) !important;
	text-decoration:underline !important;
	font-size: 13px !important;
    text-transform: lowercase !important;
    letter-spacing: 0px !important;
	background: transparent !important;

}

#wpcf7-f221264-o1 .legal-checkbox-row {
    margin: 0px !important;
}

#wpcf7-f221264-o1 input[type="submit"]{
	background-color: var(--PrimaryColor) !important;
	width: 250px !important;
	margin-top:20px !important;
}

#wpcf7-f221264-o1 .cf7-row > .column-full{
	width: 100%;
	text-align: left !important;
}

#wpcf7-f221264-o1 .cf7-row > .column-full > p > label{
	margin-bottom: 7px !important;
    font-weight: 600 !important;
}

@media (max-width:600px){
	#wpcf7-f221264-o1 .wpcf7-form-control.wpcf7-acceptance label{
		display: flex !important;
	}
	
	#wpcf7-f221264-o1 input[type="submit"] {
		width: 100% !important;
	}
}
.grecaptcha-badge { visibility: hidden; }