/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


.nav-header {
  --navBg: trasnparent;
  --linkColor: #fff;
}

body {
  background: linear-gradient(
    180deg,
    #053310 0%,     /* Forest */
    #031e0e 25%,    /* tono intermedio */
    #002804 50%,    /* tono intermedio oscuro */
    #112719 75%,    /* Green Black */
    #05331c 100%    /* Green Black PPT */
  );

  background-color: #082818; /* color de reserva sólido */
}

strong: var(--semibold) !important;

.dnd_area-row-1-padding {
  padding-top: 0px !important;
  padding-bottom: 20px !important;
  max-width: 1440px !important;
  margin: 0 auto;
  
}


.dnd_area-row-0-background-layers {
  border-radius: 17px 17px 0 0 !important;
  max-width: 1440px;
  margin: 0 auto;
  padding: 60px 20px;
  overflow: hidden;
  position: relative;
  border-bottom: solid 1px #7DDB00;
}


.dnd_area-row-5-background-layers {
  border-radius: 0px 0px 17px 17px !important;
  max-width: 1440px;
  margin: 0 auto;
  padding: 60px 20px;
}

.dnd_area-row-1-background-layers{
  max-width: 1440px;
  margin: 0 auto;
  padding: 60px 20px;
}


.dnd_area-row-2-background-layers,
.dnd_area-row-3-background-layers,
.dnd_area-row-4-background-layers {
  max-width: 1440px;
  margin: 0 auto;
  padding: 60px 20px;
}


.dnd_area-row-0-padding.dnd-section {
  overflow: hidden;
  position: relative; /* asegúrate de que esté seteado para que overflow funcione bien */
}

/* BG noise */

.dnd_area-row-0-background-layers,
.dnd_area-row-5-background-layers {
  background: linear-gradient(
    180deg,
    #112719 0%,
    #0b340 30%,
    #052812 60%,
    #052812 100%
  ) !important;

  background-color: #112719 !important;  /* fallback sólido */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}






@keyframes fadeWaves {
  0%, 100% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  
}

/* Button */

#hs_form_target_widget_1746570216860-15 .button,
#hs_cos_wrapper_widget_1747164365396 .button,
#hs_cos_wrapper_module_1747174088178 .button {
  transition: 0.25s ease;
}

#hs_cos_wrapper_widget_1750806897305 .button:hover,
#hs_cos_wrapper_widget_1750806897305 .button:focus{
  background-color: rgba(125, 219, 0, 1.0);
  box-shadow: 0 0 30px rgba(125, 216, 0, 0.75);
  border: solid 1px white;
}


.faq {
  margin: 30px auto;
  padding: clamp(6rem,3vw,11rem) var(--padx) clamp(3rem,2vw,6rem) !important;
 }

/* Texto general */
.dnd_area-row-3-background-layers h2 span,
.dnd_area-row-3-background-layers div[style*="font-size: 60px"],
.dnd_area-row-3-background-layers p span {
  color: #082818;
}

/* Estilo base para ambos precios */
.dnd_area-row-3-background-layers .row-fluid > div:nth-child(2) div[style*="font-size: 60px"] strong,
.dnd_area-row-3-background-layers .row-fluid > div:nth-child(3) div[style*="font-size: 60px"] strong {
  padding: 0 10px;
  border-radius: 8px;
  display: inline-block;
  border: 2px solid transparent; /* base para evitar "salto" si falta uno */
}

/* Precio Regular ($590) */
.dnd_area-row-3-background-layers .row-fluid > div:nth-child(3) div[style*="font-size: 60px"] strong {
  color: #082818;
  border-color: #082818;
}

/* Precio Early Bird ($490) */
.dnd_area-row-3-background-layers .row-fluid > div:nth-child(2) div[style*="font-size: 60px"] strong {
  background-color: #082818;
  color: #62c116;
  border-color: #082818;
}

.dnd_area-row-3-background-layers {
  position: relative; /* al contenedor */
}



/* Responsive */
@media (max-width: 768px) {
  


/* Responsive */
@media (max-width: 768px) {
  #hs_cos_wrapper_widget_1750777975910_ p {
    font-size: 12px !important;
      line-height: 1.8em;
      letter-spacing: -.04em;
      padding: 20px;
  }
 #hs_cos_wrapper_module_17504392345465_ img,
 #hs_cos_wrapper_widget_1750436800613_ img {
    max-width: 150% !important;
    width: 150% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    transform: translateX(-16%) !important; /* Ajusta si es necesario */
  }
  
   #hs_cos_wrapper_module_17504392345465_ img {
    width: 140% !important;
    max-width: 140% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    transform: translateX(-20%) !important;
  }
  

  
}

@media (max-width: 400px) {
  

}