:root {
	--fade: #F2F2F2;
	--white: #FFFFFF;
}

:target {
	scroll-margin-top: 130px; /* altura de tu header sticky */
}

.wpcf7-form label {
	color: var(--white);
}

.wpcf7-form label a {
	color: #F80505;
}

.wpcf7-form small {
	color: var(--white);
}

.wpcf7-form-control.wpcf7-text {
	background: none;
	border: 2px solid #FFFFFF;
	border-radius: 10px;
	color: #FFFFFF;
	margin-top: 5px;
}

.wpcf7-form-control.wpcf7-submit {
	background: #F80505;
	color: var(--white);
	font-weight: 600;
	margin-top: 20px;
	width: 200px;
}

input::-webkit-input-placeholder {
	color: #f2f2f2;
}

input:-moz-placeholder {
	color: #f2f2f2;
	/*opacity: 1;*/
}

input::-moz-placeholder {
	color: #f2f2f2;
	/*opacity: 1;*/
}

input:-ms-input-placeholder {
	color: #f2f2f2;
	/*opacity: 1;*/
}

#animated-title {
  /*font-size: 3rem;
  text-align: center;
  text-transform: uppercase;*/
  opacity: 0;
}

#animated-title span {
  display: inline-block;
  min-width: 10px;
  opacity: 0;
  transform: scale(0.5);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Cuando el título está visible */
#animated-title.visible {
  opacity: 1;
}

#animated-title.visible span {
  opacity: 1;
  transform: scale(1);
}

.wpcf7-not-valid-tip {
	font-size: 12px;
}

.optinspin-btn {
	display: none !important;
}

.woo-wheel-roll {
	background: #0E56B1 !important;
}

.optinspin-from .optinspin-form-field {
	color: #FFF !important;
	    padding: 10px 20px !important;
    border: 2px solid #fff !important;
    background: none !important;
    margin-bottom: 5px !important;
    height: 45px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
}

input.optinspin-form-field[name="celular"] {
	padding-left: 50px !important;
}

#optinspin-simple-btn {
    background: #D62E2E !important;
    color: #fff !important;
    border: 0px !important;
    font-size: 22px !important;
    line-height: 28px !important;
}

/*.valueContainer g,*/
/*.wheelText tspan,*/
.wheelText {
	writing-mode: vertical-rl;
}
.wheelText tspan {
	fill: var(--white);
}

.woo-wheel-roll {
    width: 100% !important;
}
.wheelText tspan {
    fill: var(--white) !important;
    font-size: 70% !important;
    margin-left: -65px !important;
}

.display-inline form p {
	display: flex;
}

.display-inline form input {
	height: 44px;
}

.display-inline form p .wpcf7-form-control.wpcf7-submit {
	background: #003474;
	border-color: #003474;
	border-radius: 0px 15px 15px 0px;
	margin-top: 4px;
	margin-left: -15px;
	z-index: 200;
	height: 45px;
}

.icono-white img {
	filter: brightness(0) invert(1);
}

.carrusel-productos .elementor-widget-image img {
	height: 250px;
	width: auto;
}

#promos-1 img,
#promos-2 img,
#promos-3 img,
#promos-4 img,
#promos-5 img {
	height: 250px;
	width: auto;
}

.movimiento-mano img {
	position: absolute;
	right: 0;
	z-index: 20;

	animation: scrollLoop 6s infinite ease-in-out;
}

@keyframes scrollLoop {
	0% {
		right: 0;
		opacity: 1;
	}
	20% {
		right: 20px;
		opacity: 1;
	}
	40% {
		right: -20px;
		opacity: 1;
	}
	60% {
		right: 0;
		opacity: 1;
	}
	70% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.visible-xs {
	display: none !important;
}

/* Medium & mobile devices (phone, tablets, 768px and less) */
@media screen and (max-width: 767px) {
	.visible-xs {
		display: block !important;
	}

	.hidden-xs {
		display: none !important;
	}
}

/* Mobile devices (tablet, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XXL Extra large devices (HD-4K, 1400px and up) */
@media (min-width: 1400px) {
	
}