/* ===================================================================
   Horizon Open · Inscripción — landing hacia el Google Form
   =================================================================== */
.ins-wrap { max-width: 760px; margin: 0 auto; padding: 8rem 1.1rem 5rem; }
@media (max-width: 600px) { .ins-wrap { padding-top: 6.5rem; } }

.ins-head { text-align: center; margin-bottom: 2rem; }
.ins-eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; font-family: 'Barlow Condensed', sans-serif; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.82rem; color: #6db4ff; }
.ins-eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #34d878; box-shadow: 0 0 10px #34d878; }
.ins-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.8rem, 9vw, 4.8rem); line-height: 0.9; margin: 0.6rem 0 0.3rem;
  background: linear-gradient(120deg, #fff 30%, #8ec5ff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.ins-datesub { color: #aab6d0; font-size: 1.1rem; }
.ins-datesub b { color: #fff; }
.ins-price-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin-top: 1.4rem; }
.ins-price-tag { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.13); border-radius: 100px; padding: 0.5rem 1rem;
  font-size: 0.92rem; color: #cdd6e6; }
.ins-price-tag b { color: #ffcf5c; }

.ins-card { background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.09); border-radius: 20px; padding: 1.8rem 1.4rem; text-align: center; }
.ins-card p { color: #aab6d0; line-height: 1.6; margin: 0 auto 1.4rem; max-width: 520px; }
.ins-card p b { color: #fff; }

.ins-steps { list-style: none; padding: 0; margin: 0 auto 1.6rem; max-width: 460px; text-align: left; display: grid; gap: 0.6rem; }
.ins-steps li { display: flex; gap: 0.7rem; align-items: flex-start; color: #cdd6e6; font-size: 0.95rem; }
.ins-steps .n { flex: none; width: 26px; height: 26px; border-radius: 8px; background: linear-gradient(135deg,#0057ff,#2b86ff); color: #fff;
  display: grid; place-items: center; font-weight: 700; font-size: 0.85rem; }

.ins-ctas { display: flex; flex-wrap: wrap; gap: 0.8rem; justify-content: center; }
.ins-btn { display: inline-flex; align-items: center; gap: 0.5rem; min-height: 54px; padding: 0 1.9rem; border-radius: 100px; cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; font-size: 1.1rem;
  text-decoration: none; border: none; transition: transform 0.1s, box-shadow 0.15s; }
.ins-btn--main { color: #fff; background: linear-gradient(135deg, #ff8c38, #ff6a00); box-shadow: 0 10px 30px rgba(255,106,0,0.3); }
.ins-btn--main:hover { transform: translateY(-1px); box-shadow: 0 14px 36px rgba(255,106,0,0.4); }
.ins-btn--ghost { color: #cdd6e6; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.16); }
.ins-btn--ghost:hover { border-color: #4d9bff; color: #fff; }
.ins-btn.disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; box-shadow: none; }

.ins-note { color: #6b7794; font-size: 0.85rem; line-height: 1.55; margin-top: 1.4rem; }

.ins-demo-note { text-align: center; font-size: 0.85rem; color: #ffcf5c; background: rgba(255,207,92,0.08); border: 1px solid rgba(255,207,92,0.3);
  border-radius: 10px; padding: 0.6rem 0.9rem; margin-bottom: 1.5rem; }

/* formulario embebido */
.ins-frame-wrap { display: none; margin-top: 1.6rem; }
.ins-frame-wrap.show { display: block; }
.ins-frame { width: 100%; height: 1400px; max-height: 82vh; border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; background: #fff; }