/* Estilo limpio, premium: celeste, rosado, blanco */
.er-container {
  max-width: 820px;
  margin: 24px auto;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #222;
}

.er-title {
  text-align: center;
  font-size: 22px;
  margin-bottom: 16px;
  color: #0b6aa3;
}

.er-packages {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 18px;
  justify-content: center;
}

.er-package-card {
  display:flex;
  gap:8px;
  align-items:center;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  min-width:150px;
  cursor:pointer !important;
  border: 1px solid #eef6fb;
  background-color: #f0b1af !important;
  transition: transform .12s ease, box-shadow .12s ease;
  box-shadow: 0 2px 8px rgba(10,40,60,0.03);
}

.er-package-card .er-icon {
  font-size: 28px;
  line-height:1;
}

.er-package-card .er-info { text-align:left; }
.er-package-card .er-price { font-weight:700; margin-top:6px; color:#0b6aa3; }

.er-package-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(10,40,60,0.06); }
.er-package-card.active {
    border: 3px solid #538ac6;
    box-shadow: 0 12px 30px rgba(255, 133, 150, 0.08);
    transform: translateY(-5px);
}

.er-box { border-top: 1px solid #f2f6f9; padding-top: 14px; margin-top: 8px; }
.er-box.disabled { opacity: 0.7; }

.er-summary { margin-top:10px; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.er-summary #er_rango_text { font-size: 14px; color:#333; }
.er-summary #er_total_text { font-size: 15px; font-weight:700; color:#0b6aa3; }

.er-btn {
  display:inline-block !important;
  padding:10px 16px;
  border-radius:8px;
  background:#e6f7ff !important;
  border: 1px solid #cfeefc !important;
  color:#0b6aa3 !important;
  cursor:pointer !important;
  margin-top:10px !important;
}

.er-btn:disabled { opacity:0.5; cursor:not-allowed; }

.er-form { margin-top:14px; display:flex; flex-direction:column; gap:8px; }
.er-form input[type="text"], .er-form input[type="email"] {
  padding:10px; border-radius:8px; border:1px solid #e6eef3;
  box-shadow:none; outline:none;
}

.er-confirm-box { margin-top:10px; padding:10px; border-radius:8px; background:linear-gradient(180deg,#fff7fb,#fff); border:1px solid #ffeef4; }
.er-btn.er-btn-action { background: linear-gradient(90deg,#ff86a9,#ffb6d9); color:#fff; border:none; font-weight:700; }

.er-message { margin-top:12px; padding:10px; border-radius:8px; background:#f6fffa; border:1px solid #dff7ea; }