@charset "UTF-8";
/* CSS Boton RO! */

.cajaBotonLanding-RO {
	/*display: inline-block;*/
	width:auto;
	min-width: 297px;
	max-width: 297px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	/*border:1px solid #818080;*/
	margin-top: 40px;
}

.cajaBotonLanding2-RO {
	display: inline-block;
	width:auto;
	min-width: 250px;
	max-width: 340px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	/*border:1px solid #818080;*/
	margin-top: 15px;
}


/* ===================== Boton Landing ===================== */
.custom-button-FormularioLanding {
  background-color: #005CB9; /* Button background color  #005ED4*/
  color: #FFFFFF;
  /*color: #e94560;*//* Text color */
  border: none;
  padding: 10px 25px;
  font-size: 12px;
  /*font-weight: bold;*/
  border-radius: 30px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
 /* width:auto;*/
  min-width: 250px;
  max-width: 350px;
  height:auto;
}

.custom-button-FormularioLanding::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300%;
  height: 300%;
 /* background-color: #e94560;*/
  background-color: #fc9803;
  transition: all 0.3s ease;
  border-radius: 50%;
  z-index: -1;
  transform: translate(-50%, -50%) scale(0);
}

.custom-button-FormularioLanding:hover::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 0.9;
}

.custom-button-FormularioLanding:hover {
  /*box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4);*/
  transform: translateY(0px);
  color: #1d2227; /* #1a1a2e*/
}

/* Effect of waves under pressure */
.custom-button-FormularioLanding:active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: ripple 0.6s ease-out;
  z-index: -1;
}

@keyframes ripple {
  to {
    transform: translate(-50%, -50%) scale(4);
    opacity: 0;
  }
}

/* Animated text glow effect */
.custom-button-FormularioLanding::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  transition: all 0.3s ease;
}

.custom-button-FormularioLanding:hover::after {
  left: 100%;
  transition: all 0.5s ease;
}

/* ===================== Fin Landing ===================== */

/* ===================== Boton Landing ===================== */
.custom-button-FormularioLanding-Cotizar {
  background-color: #fc9803; /* Button background color  #005ED4*/
  color: #FFFFFF;
  /*color: #e94560;*//* Text color */
  border: none;
  padding: 10px 25px;
  font-size: 20px;
  /*font-weight: bold;*/
  border-radius: 10px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
 /* width:auto;*/
  min-width: 250px;
  max-width: 350px;
  height:auto;
}

.custom-button-FormularioLanding-Cotizar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300%;
  height: 300%;
 /* background-color: #e94560;*/
  background-color: #005ED4; /*Cambio*/
  transition: all 0.3s ease;
  border-radius: 50%;
  z-index: -1;
  transform: translate(-50%, -50%) scale(0);
}

.custom-button-FormularioLanding-Cotizar:hover::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 0.9;
}

.custom-button-FormularioLanding-Cotizar:hover {
  /*box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4);*/
  transform: translateY(0px);
  color: #FFFFFF; /* #1a1a2e*/
}

/* Effect of waves under pressure */
.custom-button-FormularioLanding-Cotizar:active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: ripple 0.6s ease-out;
  z-index: -1;
}

@keyframes ripple {
  to {
    transform: translate(-50%, -50%) scale(4);
    opacity: 0;
  }
}

/* Animated text glow effect */
.custom-button-FormularioLanding-Cotizar::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  transition: all 0.3s ease;
}

.custom-button-FormularioLanding-Cotizar:hover::after {
  left: 100%;
  transition: all 0.5s ease;
}

/* ===================== Fin Landing ===================== */

@media all and (max-width: 980px) {


	
}