.fl-builder-template-template-default .swp_social_panel {display: none !important;}

/* Generic keyframes for different animations */
@keyframes fadeInLeft {
	from { opacity: 0; transform: translateX(-100px); }
	to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInRight {
	from { opacity: 0; transform: translateX(100px); }
	to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeUp {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.05); }
}

/* Initial state without animation */
.service-one, .service-two, .service-three, .beneficio-one, .beneficio-two, .beneficio-three, .beneficio-four, .fade-up-item-one, .image-row-home-one {
	opacity: 0;
	transform: translateY(20px);
	visibility: hidden; /* Ensure elements are hidden initially */
}

/* Animation assignments */
.home-page-hero-row .uabb-infobox , .roofing-services-hero-row .uabb-infobox  , .solucion-comercial-hero-row::before {
	animation: fadeInLeft 2.5s ease forwards;
}
.hero-image-right {
	animation: fadeInRight 1s ease forwards;
}
.image-row-home-one.animate {
	animation: fadeIn 1s ease 2s forwards;
}

/* Trigger animations with specific delays for each service */
.service-one.animate, .beneficio-one.animate,.fade-up-item-one.animate { animation: fadeUp .4s ease 2s forwards; }
.service-two.animate, .beneficio-two.animate { animation: fadeUp .8s ease 2s forwards; }
.service-three.animate, .beneficio-three.animate { animation: fadeUp 1.2s ease 2s forwards; }
.beneficio-four.animate { animation: fadeUp 2s ease 2s forwards; }


/* Make elements visible when they start animating */
.animate {
	visibility: visible;
	transition: visibility 0s linear 0s; /* Immediate visibility transition */
}

/* Inputs, select, textarea borders */
.blue-form input[type="text"],
.blue-form input[type="email"],
.blue-form input[type="tel"],
.blue-form select,
.blue-form textarea{
  border: 1px solid #1E4298 !important;
}

/* Focus state */
.blue-form input:focus,
.blue-form select:focus,
.blue-form textarea:focus{
  outline: none !important;
  border-color: #1E4298 !important;
  box-shadow: 0 0 0 2px rgba(30,66,152,0.2);
}

/* Submit button */
.blue-form .gform_button,
.blue-form input[type="submit"]{
  background: #1E4298 !important;
  border: 2px solid #1E4298 !important;
  color: #ffffff !important;
  font-weight: 600;
  padding: 12px 20px;
}

/* Button hover */
.blue-form .gform_button:hover,
.blue-form input[type="submit"]:hover{
  background: #17357a !important;
  border-color: #17357a !important;
}

.hero-row-form-2026 h2{
	color: #1E4298 ;
	font-size: 36px;
	text-align: center;
	padding: 40px 40px 0px !important;
}

.partial_entry_warning {
	display: none !important;
}