/*
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:*/

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



/*cabecera
@media (min-width: 901px) {
  header.sticky {
    mask: linear-gradient(white, white, transparent);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
  }
}
*/

/*letras*/
.curs {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-style: italic;
}

.cursverde {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-style: italic;
	color:#1B4D3E;
}



/*blurs*/

.blur01 {
  backdrop-filter: blur(50px)!important;
  -webkit-backdrop-filter: blur(50px)!important; /* Soporte para Safari */
}

.us-btn-style_3 {
    backdrop-filter:blur(50px)!important;
    -webkit-backdrop-filter:blur(50px)!important;
}

/*card servicios*/
.blurprogre {
  mask: linear-gradient(transparent 0%, white 40%, white 100%);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
}


.cardservicio {
  display: block; /* Asegúrate de que sea un bloque para aplicar bien la escala */
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  will-change: transform;
}

.cardservicio:hover {
  box-shadow: 0 16px 30px 0 rgba(20, 61, 48, 0.5) !important;
  transform: scale(1.05);
}



.cardservicio .blurprogre {
  transition: background-color 0.3s ease;
  background-color: rgba(255, 255, 255, 0.1); /* color inicial */
}

.cardservicio:hover .blurprogre {
  background-color: #1B4D3E;
}



/*seccion card*/
.alineacentro {
  display: flex;
  justify-content: center; /* Centra el contenido horizontalmente */
}


.card1 {
  transform: rotate(5deg);
  transition: transform 0.3s ease; /* Animación suave */
}

.card2 {
  transform: rotate(-6.5deg);
  transition: transform 0.3s ease; /* Animación suave */
}

.card3 {
  transform: rotate(15deg);
  transition: transform 0.3s ease; /* Animación suave */
}

.card1:hover, .card2:hover, .card3:hover {
  transform: rotate(0deg);
}

/*titulos bug*/
/* Estilos base (PC de escritorio) */
.h2central {
  font-size: 80px !important;
}

.h2lateral {
  font-size: 64px !important;
}

/* Portátil (hasta 1200px) */
@media (max-width: 1200px) {
  .h2central {
    font-size: 60px !important;
  }

  .h2lateral {
    font-size: 55px !important;
  }
}

/* Tablet (hasta 992px) */
@media (max-width: 992px) {
  .h2central {
    font-size: 45px !important;
  }

  .h2lateral {
    font-size: 50px !important;
  }
}

/* Móvil (hasta 768px) */
@media (max-width: 768px) {
  .h2central {
    font-size: 35px !important;
  }

  .h2lateral {
    font-size: 45px !important;
  }
}

/*boton flecha*/
.button-arrow .fal.fa-arrow-right, .button-arrow .fal.fa-long-arrow-right {
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
}

.button-arrow:hover .fal.fa-arrow-right, .button-arrow:hover .fal.fa-long-arrow-right {
  transform: rotate(0deg);
}

/*reseñas*/
.owl-next{
		position:absolute!important;
	right:0%!important;
	top:98%!important;
}
.owl-next:after {
    content: '\f178';
    font-family: fontawesome;
    font-weight: 300;
    padding-left: 0.2rem;
	transform: rotate(-45deg);

}
.owl-prev{
		position:absolute!important;
	left:82%!important;
	top:97%!important;
}
.owl-prev:after {
    content: '\f177';
    font-family: fontawesome;
    font-weight: 300;
    padding-left: 0.2rem;
	transform: rotate(-45deg);
	opacity: 0.7;

}

/*efecto marquesina*/
.fa-asterisk:before {
	margin-bottom:1rem!important;
  	margin-right: 3rem!important;
	margin-left: 3rem!important;
	font-size: 30px!important;
}

.marquee {
  position: relative;
  width: 200%;
	height:3rem;
	overflow-x:hidden;
	
}
.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 30s linear infinite;
	z-index:30;
}

/*
.track2 {
  position: absolute;
  padding-top:1rem;
  top:-1rem;
  white-space: nowrap;
  will-change: transform;
  animation: marquee2 30s linear infinite;
}

@keyframes marquee2 {
  from { transform: translateX(0%); }
  to { transform: translateX(-50%); }
}
*/
@keyframes marquee {
  from { transform: translateX(0%); }
  to { transform: translateX(-50%); }
}

/*otros*/

.fad.fa-circle:after{
	color:#1B4D3E;
}