.elementor-254 .elementor-element.elementor-element-79cad85 > .elementor-element-populated{padding:0px 0px 0px 0px;}body.elementor-page-254{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-a901ad1 */.success-main-box {
  background-color: black;
  min-height: 100vh; /* cambia height por min-height para evitar recortes */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px; /* espacio interno para pantallas pequeñas */
  text-align: center;
}

.success-main-box h1 {
  color: white !important;
  font-size: 50px;
  margin: 20px 0 10px;
}

.success-main-box p {
  color: white;
  font-size: 20px;
  max-width: 600px;
  line-height: 1.5;
}

/* --- Responsividad --- */
@media (max-width: 768px) {
  .success-main-box h1 {
    font-size: 36px;
  }
  .success-main-box p {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .success-main-box h1 {
    font-size: 28px;
  }
  .success-main-box p {
    font-size: 16px;
  }
}


/* Ajustes generales de la animación */
.success-main-box dotlottie-wc {
  width: 300px;
  height: 300px;
  background: transparent !important;
}

/* En pantallas medianas (tablets) */
@media (max-width: 768px) {
  .success-main-box dotlottie-wc {
    width: 220px;
    height: 220px;
  }
}

/* En pantallas pequeñas (móviles) */
@media (max-width: 480px) {
  .success-main-box dotlottie-wc {
    width: 160px;
    height: 160px;
  }
}/* End custom CSS */