/* ===== CONTENEDORES ===== */
.sta-container{
  width:min(100% - 32px, var(--sta-container));
  margin-inline:auto;
}

.sta-container--wide{
  width:min(100% - 32px, var(--sta-container-wide));
  margin-inline:auto;
}

.sta-section{
  padding-block:var(--sta-section-space);
}

.sta-section--tight{
  padding-block:clamp(36px, 5vw, 64px);
}

.sta-section--none{
  padding-block:0;
}

/* ===== SUPERFICIES ===== */
.sta-card{
  background:var(--sta-surface);
  border:1px solid rgba(0,0,0,.04);
  border-radius:var(--sta-radius-md);
  box-shadow:var(--sta-shadow-sm);
}

.sta-card--soft{
  background:var(--sta-surface-soft);
  border-radius:var(--sta-radius-lg);
}

/* ===== BOTONES GLOBALES ===== */
button,
input[type="button"],
input[type="submit"],
.elementor-button,
.wp-element-button{
  transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .2s ease,
    opacity .2s ease;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.elementor-button:hover,
.wp-element-button:hover{
  transform:translateY(-1px);
}

.sta-btn,
a.sta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  min-height:48px;
  padding:12px 22px;
  border:1px solid transparent;
  border-radius:999px;
  background:var(--sta-green-soft);
  color:#fff;
  font-family:var(--sta-font-body);
  font-size:15px;
  font-weight:600;
  line-height:1.2;
  text-decoration:none;
  box-shadow:none;
}

.sta-btn:hover,
a.sta-btn:hover{
  background:var(--sta-green-hover);
  color:#fff;
}

.sta-btn--gold,
a.sta-btn--gold{
  background:var(--sta-gold);
  color:#fff;
}

.sta-btn--gold:hover,
a.sta-btn--gold:hover{
  background:var(--sta-gold-hover);
  color:#fff;
}

.sta-btn--ghost,
a.sta-btn--ghost{
  background:transparent;
  color:var(--sta-green-dark);
  border-color:var(--sta-green-dark);
}

.sta-btn--ghost:hover,
a.sta-btn--ghost:hover{
  background:var(--sta-green-dark);
  color:#fff;
}