/*
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:*/
.grecaptcha-badge {
    visibility: hidden !important;
}

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

/*--------------ENVOLTURA AYUDARTE HEADER---------------*/
.envoltura-ayudar-header {
  position: relative;
  display: inline-flex; /* Asegura que el contenedor se ajuste a su contenido */
  align-items: center;
  justify-content: flex-end;
  transition: all 0.3s ease-in-out;
}

.envoltura-ayudar-header .w-text {
  display: inline-block; /* Permite que el tamaño del texto ajuste dinámicamente la caja */
  white-space: nowrap; /* Evita saltos de línea */
  overflow: hidden; /* Previene desbordamientos */
  max-width: 100%; /* Define un ancho inicial */
  transition: max-width 0.28s ease-in-out; /* Transición suave para el ancho */
}

.envoltura-ayudar-header:hover .w-text {
  max-width: 125px; /* Aumenta gradualmente el ancho al hacer hover */
}

.envoltura-ayudar-header .w-text .w-text-value {
  display: inline-block;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.envoltura-ayudar-header:hover .w-text-value {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.envoltura-ayudar-header:hover .w-text::after {
  content: "¡Escríbenos!";
  display: inline-block;
  font-size: 15px;
  letter-spacing: 1px;
  color: inherit;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
  transform: translateX(-170px);
  width: 0;
}

.envoltura-ayudar-header .whatsapp-amarillo .w-image-h  img {
  transition: all 0.3s ease-in-out;
  opacity: 1 !important;
}

.envoltura-ayudar-header:hover .whatsapp-amarillo .w-image-h img {
  opacity: 0 !important;
}

.envoltura-ayudar-header .whatsapp-verde .w-image-h img {
  transition: all 0.3s ease-in-out;
  opacity: 0 !important;
}

.envoltura-ayudar-header:hover .whatsapp-verde .w-image-h img {
  opacity: 1 !important;
}

/*------------BLOQUE HOME AREAS DE TRABAJO--------------*/

@media (min-width: 768px) and (max-width: 1250px) {
	.w-tabs[style*="--sections-title-size"]>.w-tabs-list, .w-tabs[style*="--sections-title-size"]>div>div>.w-tabs-section-header {
		font-size: 0.8rem;
	}
}

.servicios-home .envoltura-imagen .vc_column-inner .wpb_wrapper {
	height: 100%;
}

.servicios-home .w-tabs-list {
	width: 30%;
	margin-left: 4rem;
}

.servicios-home .w-tabs.style_default.layout_ver.navpos_left>.w-tabs-list .w-tabs-item {
    border-width: 1px 0 0 0;
}

.servicios-home .w-tabs.style_default>.w-tabs-list .w-tabs-item.active {
	background: #00000001;
	border-color: #dedede;
}

.servicios-home .w-tabs.style_default>.w-tabs-list .w-tabs-item {
	border-color: #dedede;
}

.servicios-home .w-tabs.style_default>.w-tabs-list .w-tabs-item:not(.active):focus, .no-touch .w-tabs.style_default>.w-tabs-list .w-tabs-item:not(.active):hover {
	background: transparent;
}

.servicios-home .w-tabs-item{
	padding: 1.5em 1.5em;
}

@media only screen and (min-width: 769px) {
	.servicios-home .w-tabs.layout_ver.navpos_left>div>.w-tabs-section:not(.no_indents) {
		margin-left: 3rem;
	}
}

@media only screen and (max-width: 768px) {
  .ocultar-movil {
    display: none;
  }

  .ocultar-pc {
    display: block;
  }
}

@media only screen and (min-width: 769px) {
  .ocultar-pc {
    display: none;
  }

  .ocultar-movil {
    display: block;
  }
}


/*-------------CARRUSEL---------------*/

@media (min-width: 768px) and (max-width: 1024px) {
    .us_custom_0d4f4835 {
        padding-left: 0rem !important;
    }
}

@media (min-width: 1400px) and (max-width: 1650px) {
    .carrusel-proyectos {
        font-size: 70%;
		line-height: 130%;
    }
}

@media (min-width: 801px) and (max-width: 1400px) {
    .carrusel-proyectos {
        font-size: 45%;
		line-height: 230%;
    }
}



@media only screen and (max-width: 768px) {
	.carrusel-proyectos .owl-stage-outer {
		transform: none !important;
		clip-path: none !important;
		overflow: unset !important;
	}
}
	
	
.carrusel-proyectos .owl-stage-outer {
    transform: translateX(-50%);
    clip-path: inset(0 -50% 0 -50%);
	overflow: visible !important;
}

.carrusel-proyectos .owl-nav {
	position: relative;
	top: -27.3rem;
	left: -3.2rem;
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
	.carrusel-proyectos .owl-nav {
		top: -22.3rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.carrusel-proyectos .owl-nav {
		top: -22.3rem;
	}
}

/* Asegúrate de que la posición del contenedor del carrusel sea relativa */
.carrusel-proyectos {
  position: relative;
}

/* Estiliza el botón "Anterior" */
.carrusel-proyectos .owl-nav .owl-prev {
  position: absolute;
  left: -40px; /* Ajusta según tu diseño */
  top: 50%;
  transform: translateY(-50%);
  width: 60px; /* Ajusta el tamaño según sea necesario */
  height: 60px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* Añade la imagen de la flecha "Anterior" usando ::before */
.carrusel-proyectos .owl-nav .owl-prev::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('https://victorreformas.solbyte.dev/wp-content/uploads/2025/01/Group-93.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Estiliza el botón "Siguiente" */
.carrusel-proyectos .owl-nav .owl-next {
  position: absolute;
  right: 10px; /* Ajusta según tu diseño */
  top: 50%;
  transform: translateY(-50%);
  width: 60px; /* Ajusta el tamaño según sea necesario */
  height: 60px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* Añade la imagen de la flecha "Siguiente" usando ::before */
.carrusel-proyectos .owl-nav .owl-next::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('https://victorreformas.solbyte.dev/wp-content/uploads/2025/01/Group-92.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Eliminar cualquier contenido de ::after en las flechas de navegación */
.carrusel-proyectos .owl-nav .owl-prev::after,
.carrusel-proyectos .owl-nav .owl-next::after {
    content: none;
}

/* Opcional: Estilos al pasar el ratón por encima de los botones */
.carrusel-proyectos .owl-nav .owl-prev:hover::before,
.carrusel-proyectos .owl-nav .owl-next:hover::before {
  opacity: 0.8; /* Cambia la opacidad para un efecto de hover */
  transition: opacity 0.3s ease;
}

.carrusel-proyectos .navstyle_3>.owl-nav button:before {
	border: none;
}

/*-------------GROW ARROW--------------*/
.boton-flecha {
	color: #e27b5b !important;
}

.boton-flecha a {
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.boton-flecha a .content {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
}

.boton-flecha .arrow {
  width: 5%;
  transition: all 0.3s ease;
  margin-top: 0; /* Ajustamos margen superior */
  margin-right: 0; /* Eliminamos margen derecho */
  border: 1px solid #2E2E2E;
  position: relative;
  background: #2E2E2E;
}

.boton-flecha a:hover .arrow {
  width: 10%;
}

.boton-flecha .arrow .head,
.boton-flecha .arrow .head:after {
  border: 1.5px solid #2E2E2E;
  border-radius: 2px;
  width: 8px;
  position: absolute;
  right: -5px;
  top: 1.92px;
  transform: rotate(-45deg);
}

.boton-flecha .arrow .head:after {
  content: "";
  border-color: #2E2E2E;
  right: -5px;
  top: -5px;
  transform: rotate(90deg);
}

.w-grid-item-h .w-vwrapper .boton-flecha-amarillo {
	color: #e2b51c !important;
}

.w-grid-item-h .w-vwrapper .boton-flecha-amarillo a {
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.w-grid-item-h .w-vwrapper .boton-flecha-amarillo a .content {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
}

.w-grid-item-h .w-vwrapper .boton-flecha-amarillo .arrow {
  width: 5%;
  transition: all 0.3s ease;
  margin-top: 0; /* Ajustamos margen superior */
  margin-right: 0; /* Eliminamos margen derecho */
  border: 1px solid #e2b51c;
  position: relative;
  background: #e2b51c;
}

.w-grid-item-h .w-vwrapper .boton-flecha-amarillo a:hover .arrow {
  width: 10%;
}

.w-grid-item-h .w-vwrapper .boton-flecha-amarillo .arrow .head,
.w-grid-item-h .w-vwrapper .boton-flecha-amarillo .arrow .head:after {
  border: 1.5px solid #e2b51c;
  border-radius: 2px;
  width: 8px;
  position: absolute;
  right: -5px;
  top: 1.92px;
  transform: rotate(-45deg);
}

.w-grid-item-h .w-vwrapper .boton-flecha-amarillo .arrow .head:after {
  content: "";
  border-color: #e2b51c;
  right: -5px;
  top: -5px;
  transform: rotate(90deg);
}

/*----------------------FORMULARIO FOOTER-----------------------*/
/*FORMULARIO-CONTACTO:*/

#responsive-form span input, #responsive-form span textarea {
	border-bottom: 1px solid black;
	border-radius: 2px;
	background: transparent;
}

#responsive-form span textarea {
	height: 4rem;
}

.form-services #responsive-form span input, .form-services #responsive-form span textarea {
	background:transparent!important;
}

.form-contact #responsive-form span input, .form-contact #responsive-form span textarea {
	background:transparent!important;
}

.form-contact #responsive-form, .form-contact #responsive-form a {
	color:white!important;
}

.form-contact #responsive-form .wpcf7-not-valid-tip, .form-contact .wpcf7-response-output {
	color:white!important;
}

.form-contact #responsive-form .wpcf7-submit {
	background:#0E8181!important;
}

.form-contact #responsive-form .wpcf7-submit:hover {
	background:#bd5c55!important;
}

.wpcf7-form input:not([type="submit"]) {
	margin-top:0!important;
}

.wpcf7-submit {
	width: 100%;
}

.wpcf7-submit:hover {
	opacity: 0.5;
}

span.label {
	display: none !important;
}

#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%;
}

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

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

#responsive-form a {
	color:white!important;
}

#responsive-form input[type="checkbox"] {
    font-size: 11px;
}


#responsive-form a:hover {
	color:black!important;
}

#responsive-form span.wpcf7-list-item-label {
	font-size: 16px;
}

input:not([type=submit]):focus, select:focus, textarea:focus {
    box-shadow: none;
}

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

/*------------FIXEEAR ERRORES RESOLUCIÓN--------------*/
/* Asegurar que html y body no tengan márgenes ni padding */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Evita el desbordamiento horizontal */
    box-sizing: border-box;
}

/* Footer */
footer {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/*--------------SERVICIOS-----------------*/
h3 {
	padding-top: 0;
}

/*---------------BLOG--------------------*/
@media (min-width: 1400px) and (max-width: 1650px) {
    .carrusel-blog {
        font-size: 80%;
		line-height: 130%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .carrusel-blog {
        font-size: 80%;
		line-height: 130%;
    }
}