/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
h2.widgettitle {
    color: white;
}

.w-counter:not(.has_font_size) .w-counter-value {
    font-size: 3.5rem !important;
    font-weight: 700 !important;
}

.bannerPrincipal {
    overflow: visible!important;
}

@media (min-width: 769px) and (max-width: 1441px) {
    .w-counter:not(.has_font_size) .w-counter-value {
        font-size: 2.5rem !important;
        font-weight: 700 !important;
    }
}

#contadorHeader .w-counter-value-part {
	font-size: 5rem !important;
}

.l-section.with_video {
	overflow: visible !important;
}

.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row-reverse;
}

/*path obra*/
.mascara-obra {
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.l-header.bg_transparent:not(.sticky) .l-subheader.at_top {
    background: #ffffffc2!important;
    color: var(--color-header-top-transparent-text);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
}

.layout_75 .usg_vwrapper_1{
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}

/*HOVER IMAGEN*/
.imagenHover .w-image-h {
    position: relative !important;
    display: inline-block !important; /* Ensure it wraps the image tightly */
}

.imagenHover .w-image-h img {
    display: block !important; /* Remove any default spacing */
}

.imagenHover .w-image-h::after {
    content: "" !important;
    position: absolute !important;
    top: 9px !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url('https://montajesmerlo.solbyte.dev/wp-content/uploads/2024/07/Property-1z.svg') !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    opacity: 0 !important;
    transition: opacity 0.8s ease !important;
}

.imagenHover .w-image-h:hover::after {
    opacity: 1 !important;
}

/*TARJETAS*/
.tarjetas .vc_column-inner {
	transition: background-color 0.8s ease, transform 0.8s ease;
}
.tarjetas .vc_column-inner:hover {
	background-color: #fdecec !important;
	transform: translateY(-5%);
}

/*Carrusel*/

#carruselProyectos .owl-nav {
	display: none !important
}

#carruselProyectos .owl-stage-outer {
    overflow: visible !important;
}

#marcas .w-grid-item-h>.w-vwrapper:only-child {
	width: 100%
}

/*Flechas carrusel*/
#carruselProyectos .owl-nav{
	margin-right: 0!important;
	margin-left: 0!important;
	position: absolute !important;
	display: flex;
	justify-content: right !important;
	top: 0 !important;
    right: 0 !important;
    margin-top: -11rem !important;
}

@media (max-width: 768px) {
    #carruselProyectos .owl-nav {
        margin-top: -5rem !important;
    }
}

#carruselProyectos .owl-carousel .owl-nav button {
    position: static !important;
	transform: translateY(0%) !important;
	padding: 0.6rem !important;
	padding-top: 2rem !important;
	padding-bottom: 2.5rem !important;
	margin-right: 1rem;
	margin-left: 1rem;
}

#carruselProyectos .owl-nav .owl-next {
    bottom: 0;
    left: 50%!important;
    right: 45% !important;
}

#carruselProyectos .owl-nav .owl-prev {
    bottom: 0;
    left: 45%!important;
    right: 50% !important;
}

#carruselProyectos .owl-next:after {
    content: '\f054';
    font-family: fontawesome;
    font-weight: 700;
    padding-left: 0.2rem;
	font-size: 3rem;
}

#carruselProyectos .owl-prev:after {
    content: '\f053';
    font-family: fontawesome;
    font-weight: 700;
    padding-left: 0.2rem;
	font-size: 3rem;
}

#carruselObras .owl-next:after {
    content: '\f054';
    font-family: fontawesome;
    font-weight: 400;
    padding-left: 0.3rem;
	padding-right: 0.3rem;
	font-size: 1rem;
}

#carruselObras .owl-prev:after {
    content: '\f053';
    font-family: fontawesome;
    font-weight: 400;
    padding-left: 0.3rem;
	padding-right: 0.3rem;
	font-size: 1rem;
}

#carruselObras .owl-nav{
	margin-right: 0 !important;
    margin-left: 0 !important;
    position: absolute !important;
    display: flex;
    justify-content: center !important;
    top: 0 !important;
    right: 0 !important;
	left: 0 !important;
	margin-top: 20rem;
    margin-left: 26rem !important;
}

@media (max-width: 768px) and (min-width: 0px) {
	#carruselObras .owl-nav{
		margin-top: 13rem;
		margin-left: 0rem !important;
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	#carruselObras .owl-nav{
		margin-top: 17rem;
		margin-left: 16rem !important;
	}
}

@media (max-width: 1440px) and (min-width: 1024px) {
	#carruselObras .owl-nav{
		margin-top: 18rem;
		margin-left: 22rem !important;
	}
}

#carruselObras .owl-carousel .owl-nav button {
    position: static !important;
	transform: translateY(0%) !important;
	padding: 0.5rem !important;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

#carruselObras .owl-nav .owl-next {
    bottom: 0;
    left: 50%!important;
    right: 45% !important;
}

#carruselObras .owl-nav .owl-prev {
    bottom: 0;
    left: 45%!important;
    right: 50% !important;
}

/*-----FORMULARIO FOOTER-----*/
.grecaptcha-badge{
	display:none !important;
}

.contactoFooter label{
	color: black !important;
}

textarea#comentario {
    height: 6rem;
}

label {
	color: white;
}

span.wpcf7-list-item>label {
	align-items: center;
}

#responsive-form{
      max-width:100%/*60% /*-- cambiar esto para conseguir el ancho de la forma deseada --*/;
      margin:0 auto;
      width:100%;
}
.form-row{
      width: 100%;
	  display: flex;
	  gap: 1rem;
}

@media (max-width: 768px) {
    .form-row {
        display: block !important;
    }
	.column-pequeña {
		margin-top: 1rem !important;
	}
	.column-casiuntercio{
		width: 100% !important;
	}
}

.w-nav-icon {
    color: white;
}

.column-half, .column-trescuartos, .column-full{
      float: left;
      position: relative;
      padding: 0.4rem;
      width:100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
}

.column-uncuarto {
	  float: left;
      position: relative;
      padding: 0.4rem;
      width:100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
}

.alinea-elementos-centro {
	display:flex;
	align-items:center;
}

.alinea-elementos-final {
	display:flex;
	align-items:end;
	color: white;
}

.clearfix:after {
      content: "";
      display: table;
      clear: both;
}

/*espaciado de aceptar politicas formulario*/
.wpcf7-form input:not([type="submit"]), .wpcf7-form textarea, .wpcf7-form select{
	margin-top:0rem;
}

.wpcf7-spinner {
    margin: 0px !important;
}

/**---------------- Media queries ----------------**/
@media only screen and (min-width: 48em) {
     .column-half{
            width: 50%;
     }
}

@media only screen and (min-width: 48em) {
     .column-trescuartos{
            width: 75%;
     }
}

@media only screen and (min-width: 48em) {
     .column-uncuarto{
            width: 25%;
		    justify-content: space-between;
    		align-items: center;
     }	
}

@media only screen and (min-width: 48em) {
     .column-casiuntercio{
            width: 30%;
		    justify-content: space-between;
    		align-items: center;
     }	
}

@media only screen and (min-width: 48em) {
     .column-pequeña{
            width: 10%;
		    justify-content: space-between;
		 	display: flex;
    		align-items: end;
     }	
}

@media screen and (max-width: 600px) {
	#responsive-form {
      max-width:100%;
	}
	.alinea-elementos-centro {
		flex-direction: column
	}
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
	color:var(--color-content-text)!important;
    margin-top: 0;
    background-color: tansparent;
}


/*------FOOTER------*/
.w-iconbox-icon {
    background: white;
}

#menu-menufooter {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}
#menu-menufooter li {
  position: relative;
  padding-right: 10px; /* Espacio para la barra vertical */
}
#menu-menufooter li:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: 0;
}

.w-menu.layout_hor .menu>li:not(:last-of-type) {
    margin-right: 4px !important;
}