body.stayu-public-page { margin: 0; min-height: 100vh; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #E5E7EB; background: radial-gradient(circle at top left, rgba(255, 56, 92, 0.16), transparent 30%), radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.10), transparent 26%), linear-gradient(160deg, #050816 0%, #0B1020 45%, #111827 100%); overflow-x: hidden; }
body.stayu-public-page * { box-sizing: border-box; }
body.stayu-public-page a { color: inherit; }
.stayu-public-bg { position: fixed; inset: auto; width: 420px; height: 420px; border-radius: 50%; filter: blur(32px); pointer-events: none; z-index: 0; }
.stayu-glow-a { top: -120px; left: -120px; background: rgba(255, 56, 92, 0.18); }
.stayu-glow-b { right: -160px; bottom: -120px; background: rgba(59, 130, 246, 0.16); }
.stayu-public-shell { position: relative; z-index: 1; width: min(1280px, calc(100% - 32px)); margin: 0 auto; padding: 56px 0 72px;overflow: hidden; }
.stayu-public-hero { max-width: 860px; margin-bottom: 28px; }
.stayu-public-brand { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16); font-size: 0.82rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; }
.stayu-public-brand span { color: #FF385C; }
.stayu-public-operator-banner { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.8fr); gap: 14px; margin-top: 18px; padding: 16px 18px; border-radius: 22px; border: 1px solid rgba(255, 255, 255, 0.12); background: linear-gradient(180deg, rgba(8, 15, 31, 0.92), rgba(12, 18, 36, 0.78)); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.20); backdrop-filter: blur(16px); }
.stayu-public-operator-brand { display: flex; align-items: center; gap: 14px; min-width: 0; }
.stayu-public-operator-logo { width: 56px; height: 56px; flex: 0 0 auto; border-radius: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); }
.stayu-public-operator-logo.empty { background: linear-gradient(135deg, rgba(255, 56, 92, 0.22), rgba(255, 255, 255, 0.10)); }
.stayu-public-operator-logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.stayu-public-operator-logo span { color: #FFFFFF; font-weight: 900; letter-spacing: 0.08em; }
.stayu-public-operator-copy, .stayu-public-operator-activity { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.stayu-public-operator-copy strong, .stayu-public-operator-activity strong { color: #FFFFFF; font-size: 1rem; line-height: 1.35; }
.stayu-public-operator-copy small, .stayu-public-operator-activity small { color: rgba(229, 231, 235, 0.76); font-size: 0.82rem; line-height: 1.45; }
.stayu-public-kicker { margin: 18px 0 10px; text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.72rem; color: rgba(229, 231, 235, 0.72); font-weight: 800; }
.stayu-public-hero h1 { margin: 0; font-size: clamp(2rem, 5vw, 4rem); line-height: 1.02; color: #FFFFFF;font-family: "Space Grotesk", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.stayu-public-copy { max-width: 68ch; margin: 16px 0 0; color: rgba(229, 231, 235, 0.82); line-height: 1.65; font-size: 1rem; }
.stayu-public-hero.is-thanks-continuar > .stayu-public-copy:not(.stayu-public-copy-continuar) { display: none; }
.stayu-public-gracias-page .stayu-public-shell { width: min(1180px, calc(100% - 32px)); }
.stayu-public-gracias-hero { display: flex; justify-content: center; margin-top: 22px; }
.stayu-public-gracias-copy { position: relative; overflow: hidden; width: min(100%, 920px); padding: 30px; border-radius: 28px; border: 1px solid rgba(255, 255, 255, 0.12); backdrop-filter: blur(16px); box-shadow: 0 28px 70px rgba(0, 0, 0, 0.20); background: linear-gradient(180deg, rgba(8, 15, 31, 0.94), rgba(12, 18, 36, 0.80)); }
.stayu-public-gracias-copy h1 { margin: 10px 0 0; color: #F8FAFC; font-family: "Space Grotesk", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: clamp(2.1rem, 4.9vw, 4.5rem); line-height: 0.98; letter-spacing: -0.05em; max-width: 12ch; text-wrap: balance; text-shadow: 0 10px 28px rgba(0, 0, 0, 0.58); }
.stayu-public-gracias-copy .stayu-public-copy { max-width: 58ch; color: rgba(229, 231, 235, 0.92); }
.stayu-public-gracias-copy::before, .stayu-public-gracias-panel::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #FF385C 0%, #FB7185 45%, #60A5FA 100%); }
.stayu-public-gracias-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.stayu-public-gracias-summary > div { padding: 14px 16px; border-radius: 18px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.10); }
.stayu-public-gracias-summary span { display: block; margin-bottom: 6px; color: rgba(229, 231, 235, 0.62); font-size: 0.68rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; }
.stayu-public-gracias-summary strong { color: #FFFFFF; font-size: 0.96rem; line-height: 1.45; }
.stayu-public-gracias-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.stayu-public-gracias-panel { display: flex; flex-direction: column; gap: 16px; padding: 22px; background: linear-gradient(180deg, rgba(9, 14, 28, 0.96), rgba(5, 9, 18, 0.90)); color: #E5E7EB; }
.stayu-public-gracias-panel-icon { width: 56px; height: 56px; border-radius: 18px; display: grid; place-items: center; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); color: #FFFFFF; font-size: 1.2rem; }
.stayu-public-gracias-panel-copy { display: grid; gap: 6px; }
.stayu-public-gracias-panel-copy strong { color: #FFFFFF; font-size: 1.15rem; line-height: 1.25; }
.stayu-public-gracias-panel-copy small { color: rgba(229, 231, 235, 0.74); line-height: 1.5; }
.stayu-public-gracias-panel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.stayu-public-gracias-panel-grid > div { padding: 14px 14px 13px; border-radius: 18px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.10); }
.stayu-public-gracias-panel-grid span { display: block; margin-bottom: 6px; color: rgba(229, 231, 235, 0.58); font-size: 0.66rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; }
.stayu-public-gracias-panel-grid strong { color: #FFFFFF; font-size: 0.95rem; line-height: 1.45; }
.stayu-public-gracias-panel-note { margin-top: auto; padding: 16px 16px 15px; border-radius: 18px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.10); }
.stayu-public-gracias-panel-note strong { display: block; color: #FFFFFF; font-size: 0.95rem; }
.stayu-public-gracias-panel-note small { display: block; margin-top: 4px; color: rgba(229, 231, 235, 0.70); line-height: 1.45; }
.stayu-public-gracias-panel-note p { margin: 10px 0 0; color: rgba(229, 231, 235, 0.82); line-height: 1.55; font-size: 0.88rem; }
.stayu-public-notice { display: none; margin-top: 18px; padding: 16px 18px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.12); background: linear-gradient(180deg, rgba(8, 15, 31, 0.92), rgba(12, 18, 36, 0.84)); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.20); backdrop-filter: blur(16px); color: #E5E7EB; align-items: flex-start; gap: 14px; }
.stayu-public-notice.is-visible { display: flex; }
.stayu-public-notice-icon { width: 44px; height: 44px; flex: 0 0 auto; border-radius: 14px; display: grid; place-items: center; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); color: #FFFFFF; font-size: 1rem; }
.stayu-public-notice-body { min-width: 0; }
.stayu-public-notice-title { display: block; margin: 0; color: #FFFFFF; font-size: 0.95rem; font-weight: 900; line-height: 1.35; }
.stayu-public-notice-text { margin: 6px 0 0; color: rgba(229, 231, 235, 0.82); font-size: 0.93rem; line-height: 1.55; }
.stayu-public-notice.is-success { border-color: rgba(16, 185, 129, 0.22); background: linear-gradient(180deg, rgba(6, 32, 23, 0.94), rgba(9, 24, 21, 0.88)); }
.stayu-public-notice.is-success .stayu-public-notice-icon { background: rgba(16, 185, 129, 0.16); color: #A7F3D0; }
.stayu-public-notice.is-warning { border-color: rgba(251, 191, 36, 0.22); background: linear-gradient(180deg, rgba(34, 25, 9, 0.94), rgba(18, 16, 8, 0.88)); }
.stayu-public-notice.is-warning .stayu-public-notice-icon { background: rgba(251, 191, 36, 0.16); color: #FDE68A; }
.stayu-public-notice.is-error { border-color: rgba(239, 68, 68, 0.22); background: linear-gradient(180deg, rgba(37, 13, 17, 0.94), rgba(22, 10, 13, 0.88)); }
.stayu-public-notice.is-error .stayu-public-notice-icon { background: rgba(239, 68, 68, 0.16); color: #FECACA; }
.stayu-public-notice.is-locked { border-color: rgba(148, 163, 184, 0.22); background: linear-gradient(180deg, rgba(12, 17, 29, 0.96), rgba(7, 10, 16, 0.92)); }
.stayu-public-notice.is-locked .stayu-public-notice-icon { background: rgba(148, 163, 184, 0.16); color: #E2E8F0; }
.stayu-public-thanks-card { position: relative; overflow: hidden; }
.stayu-public-thanks-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #FF385C 0%, #FB7185 45%, #60A5FA 100%); }
.stayu-public-thanks-card.stage-continuar .stayu-public-thanks-badge { background: rgba(59, 130, 246, 0.14); border-color: rgba(59, 130, 246, 0.22); color: #BFDBFE; }
.stayu-public-thanks-card.stage-gracias .stayu-public-thanks-badge { background: rgba(16, 185, 129, 0.14); border-color: rgba(16, 185, 129, 0.22); color: #A7F3D0; }
.stayu-public-thanks-state { margin-top: 18px; padding: 16px 18px; border-radius: 20px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.10); }
.stayu-public-thanks-state span { display: block; margin-bottom: 6px; color: rgba(229, 231, 235, 0.60); font-size: 0.68rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; }
.stayu-public-thanks-state strong { display: block; color: #FFFFFF; font-size: 1rem; line-height: 1.5; }
.stayu-public-thanks-state small { display: block; margin-top: 6px; color: rgba(229, 231, 235, 0.76); font-size: 0.82rem; line-height: 1.45; }
.stayu-public-alert { margin-top: 18px; padding: 16px 18px; border-radius: 18px; font-size: 0.92rem; font-weight: 800; line-height: 1.5; border: 1px solid transparent; backdrop-filter: blur(12px); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16); }
.stayu-public-alert.success { background: linear-gradient(180deg, rgba(6, 32, 23, 0.92), rgba(9, 24, 21, 0.86)); border-color: rgba(16, 185, 129, 0.20); color: #A7F3D0; }
.stayu-public-alert.warning { background: linear-gradient(180deg, rgba(34, 25, 9, 0.92), rgba(18, 16, 8, 0.86)); border-color: rgba(251, 191, 36, 0.22); color: #FDE68A; }
.stayu-public-alert.locked { background: linear-gradient(180deg, rgba(12, 17, 29, 0.96), rgba(7, 10, 16, 0.92)); border-color: rgba(148, 163, 184, 0.22); color: #E2E8F0; }
.stayu-public-alert.error { background: linear-gradient(180deg, rgba(37, 13, 17, 0.92), rgba(22, 10, 13, 0.86)); border-color: rgba(239, 68, 68, 0.20); color: #FECACA; }
.stayu-public-layout { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 20px; align-items: start; }
.stayu-public-summary { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 24px; }
.stayu-public-summary-card, .stayu-public-progress { background: rgba(8, 15, 31, 0.72); border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 22px; padding: 18px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18); backdrop-filter: blur(16px); }
.stayu-public-summary-card strong, .stayu-public-progress strong { display: block; margin-top: 8px; font-size: 1.05rem; color: #FFFFFF; }
.stayu-public-label { display: inline-block; font-size: 0.66rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(255, 255, 255, 0.52); }
.stayu-public-small { display: block; margin-top: 8px; font-size: 0.86rem; line-height: 1.5; color: rgba(229, 231, 235, 0.78); }
.stayu-public-progress-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.stayu-public-track { width: 100%; height: 12px; margin-top: 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.10); overflow: hidden; }
.stayu-public-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(135deg, #FF385C 0%, #FB7185 100%); }
.stayu-public-progress small { display: block; margin-top: 10px; font-size: 0.82rem; color: rgba(229, 231, 235, 0.76); line-height: 1.5; }
.stayu-public-form-card { background: rgba(255, 255, 255, 0.96); color: #0F172A; border-radius: 28px; border: 1px solid rgba(148, 163, 184, 0.22); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.22); padding: 22px; }
.stayu-public-thanks-shell { display: grid; place-items: center; margin-top: 18px; }
.stayu-public-thanks-card { width: min(760px, 100%); padding: 28px; border-radius: 28px; border: 1px solid rgba(255, 255, 255, 0.12); background: linear-gradient(180deg, rgba(8, 15, 31, 0.94), rgba(12, 18, 36, 0.82)); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24); backdrop-filter: blur(16px); color: #E5E7EB; }
.stayu-public-thanks-card h2 { margin: 14px 0 10px; color: #FFFFFF; font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.05; font-family: "Space Grotesk", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.stayu-public-thanks-card p { margin: 0; color: rgba(229, 231, 235, 0.82); font-size: 0.98rem; line-height: 1.65; }
.stayu-public-thanks-badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 999px; background: rgba(16, 185, 129, 0.14); border: 1px solid rgba(16, 185, 129, 0.22); color: #A7F3D0; font-size: 0.78rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; }
.stayu-public-thanks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.stayu-public-thanks-grid > div { padding: 14px 16px; border-radius: 18px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.10); }
.stayu-public-thanks-grid span { display: block; margin-bottom: 6px; color: rgba(229, 231, 235, 0.62); font-size: 0.68rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; }
.stayu-public-thanks-grid strong { color: #FFFFFF; font-size: 0.96rem; line-height: 1.45; }
.stayu-public-thanks-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 22px; }
.stayu-public-thanks-actions small { color: rgba(229, 231, 235, 0.70); font-size: 0.84rem; line-height: 1.45; }
.stayu-public-form-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
.stayu-public-form-head h2 { margin: 8px 0 6px; color: #0F172A; font-size: clamp(1.4rem, 2.5vw, 2rem); font-family: "Space Grotesk", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.stayu-public-form-head p { margin: 0; color: #475569; max-width: 56ch; line-height: 1.6; }
.stayu-public-form-body { display: grid; gap: 18px; }
.stayu-public-wizard { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.stayu-public-wizard-step { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 16px; border: 1px solid #E2E8F0; background: #FFFFFF; box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05); color: #475569; text-align: left; cursor: pointer; transition: all 0.2s ease; }
.stayu-public-wizard-step:hover { border-color: rgba(255, 56, 92, 0.28); transform: translateY(-1px); }
.stayu-public-wizard-step.is-active { border-color: rgba(255, 56, 92, 0.32); background: linear-gradient(180deg, #FFF5F7 0%, #FFFFFF 100%); box-shadow: 0 14px 26px rgba(255, 56, 92, 0.10); }
.stayu-public-wizard-step-num { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: 999px; background: #F8FAFC; border: 1px solid #E2E8F0; color: #0F172A; font-size: 0.78rem; font-weight: 900; }
.stayu-public-wizard-step.is-active .stayu-public-wizard-step-num { background: #FF385C; color: #FFFFFF; border-color: #FF385C; }
.stayu-public-wizard-step-copy { display: grid; gap: 2px; min-width: 0; }
.stayu-public-wizard-step-copy strong { color: #0F172A; font-size: 0.86rem; font-weight: 900; }
.stayu-public-wizard-step-copy span { color: #64748B; font-size: 0.76rem; line-height: 1.4; }
.stayu-public-stage { display: grid; gap: 14px; }
.stayu-public-stage[data-hidden-step="1"] { display: none; }
.stayu-public-consent-panel[data-hidden-step="1"] { display: none; }
.stayu-public-card-flow { position: relative; display: flex; flex-direction: column; gap: 14px; }
.stayu-public-card-flow-stepper { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.stayu-public-card-flow-step { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 16px; border: 1px solid #E2E8F0; background: #F8FAFC; color: #475569; text-align: left; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 10px 18px rgba(15, 23, 42, 0.04); }
.stayu-public-card-flow-step:hover { border-color: rgba(255, 56, 92, 0.22); transform: translateY(-1px); }
.stayu-public-card-flow-step.is-active { border-color: rgba(255, 56, 92, 0.30); background: linear-gradient(180deg, #FFF5F7 0%, #FFFFFF 100%); box-shadow: 0 14px 24px rgba(255, 56, 92, 0.10); }
.stayu-public-card-flow-num { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 auto; border-radius: 999px; background: #FFFFFF; border: 1px solid #E2E8F0; color: #0F172A; font-size: 0.76rem; font-weight: 900; }
.stayu-public-card-flow-step.is-active .stayu-public-card-flow-num { background: #FF385C; color: #FFFFFF; border-color: #FF385C; }
.stayu-public-card-flow-copy { display: grid; gap: 2px; min-width: 0; }
.stayu-public-card-flow-copy strong { color: #0F172A; font-size: 0.84rem; font-weight: 900; }
.stayu-public-card-flow-copy span { color: #64748B; font-size: 0.74rem; line-height: 1.35; }
.stayu-public-card-flow-panel { display: grid; gap: 14px; }
.stayu-public-card-flow-panel[data-hidden-step="1"] { position: absolute; inset: 0; visibility: hidden; opacity: 0; pointer-events: none; margin: 0; padding: 0; border: 0; }
.stayu-public-card-flow-panel[data-hidden-step="0"] { position: relative; visibility: visible; opacity: 1; }
.stayu-public-card-flow-panel .stayu-public-stage-head { margin-top: 0; }
.stayu-public-card-flow-panel .stayu-public-fields { margin-top: 0; }
.stayu-public-stage-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; flex-wrap: wrap; }
.stayu-public-stage-head h3 { margin: 8px 0 6px; color: #0F172A; font-size: 1.16rem; font-family: "Space Grotesk", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.stayu-public-stage-head p { margin: 0; color: #475569; line-height: 1.55; max-width: 64ch; font-size: 0.92rem; }
.stayu-public-step { margin: 0; color: #FF385C; font-size: 0.68rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.16em; }
.stayu-public-add-btn, .stayu-public-submit, .stayu-public-card-remove { border: none; cursor: pointer; transition: all 0.2s ease; }
.stayu-public-add-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border-radius: 14px; background: #0F172A; color: #FFFFFF; box-shadow: 0 14px 26px rgba(15, 23, 42, 0.16); font-weight: 800; white-space: nowrap; }
.stayu-public-add-btn:hover { transform: translateY(-1px); }
.stayu-public-add-btn:disabled, .stayu-public-add-btn.is-disabled { opacity: 0.56; cursor: not-allowed; transform: none; box-shadow: none; }
.stayu-public-builder { display: grid; gap: 14px; }
.stayu-public-builder-single .stayu-public-card-remove { display: none; }
.stayu-public-no-companions { background: linear-gradient(180deg, rgba(255, 56, 92, 0.08), rgba(255, 255, 255, 0.96)); border: 1px solid rgba(255, 56, 92, 0.12); border-radius: 20px; padding: 18px; color: #0F172A; box-shadow: 0 16px 30px rgba(15, 23, 42, 0.05); }
.stayu-public-no-companions strong { display: block; margin-bottom: 6px; font-size: 0.98rem; }
.stayu-public-no-companions p { margin: 0; color: #475569; line-height: 1.6; font-size: 0.92rem; }
.stayu-public-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 22px; padding: 18px; box-shadow: 0 16px 30px rgba(15, 23, 42, 0.06); }
.stayu-public-card.is-locked { background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%); border-style: dashed; }
.stayu-public-responsable-card { background: linear-gradient(180deg, #FFFFFF 0%, #FFF7F9 100%); border-color: rgba(255, 56, 92, 0.18); }
.stayu-public-responsable-note { margin: 0 0 14px; color: #475569; font-size: 0.9rem; line-height: 1.55; }
.stayu-public-responsable-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.stayu-public-responsable-summary-item { display: flex; flex-direction: column; gap: 4px; padding: 14px; border-radius: 16px; border: 1px solid #E2E8F0; background: #F8FAFC; }
.stayu-public-responsable-summary-item span { font-size: 0.68rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; color: #475569; }
.stayu-public-responsable-summary-item strong { color: #0F172A; font-size: 0.94rem; line-height: 1.45; }
.stayu-public-responsable-summary-item small { color: #64748B; font-size: 0.8rem; line-height: 1.45; }
.stayu-public-responsable-summary-item-cta { background: linear-gradient(180deg, #FFF5F7 0%, #FFFFFF 100%); border-color: rgba(255, 56, 92, 0.16); box-shadow: 0 16px 26px rgba(255, 56, 92, 0.08); }
.stayu-public-responsable-summary-item-cta strong { font-size: 1rem; }
.stayu-public-summary-cta { width: 100%; margin-top: 6px; }
.stayu-public-card-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; }
.stayu-public-card-head h3 { margin: 0; font-size: 1rem; color: #0F172A; font-family: "Space Grotesk", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.stayu-public-card-remove { width: 34px; height: 34px; border-radius: 999px; background: #FEE2E2; color: #B91C1C; }
.stayu-public-card-remove.hidden { display: none; }
.stayu-public-pill-locked { color: #334155; background: rgba(148, 163, 184, 0.18); border: 1px solid rgba(148, 163, 184, 0.22); }
.stayu-public-locked-note { margin: 12px 0 0; padding: 12px 14px; border-radius: 16px; background: rgba(148, 163, 184, 0.10); color: #475569; font-size: 0.82rem; line-height: 1.5; }
.stayu-public-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.stayu-public-fields label { display: flex; flex-direction: column; gap: 8px; }
.stayu-public-fields label span { font-size: 0.72rem; font-weight: 800; color: #475569; text-transform: uppercase; letter-spacing: 0.08em; }
.stayu-public-fields input, .stayu-public-fields select, .stayu-public-fields textarea { width: 100%; border: 1px solid #CBD5E1; background: #F8FAFC; color: #0F172A; border-radius: 14px; padding: 12px 14px; font-size: 0.95rem; outline: none; transition: all 0.2s ease; }
.stayu-public-fields input:disabled, .stayu-public-fields select:disabled, .stayu-public-fields textarea:disabled { background: #EEF2F7; color: #64748B; cursor: not-allowed; box-shadow: none; }
.stayu-public-fields input:focus, .stayu-public-fields select:focus, .stayu-public-fields textarea:focus { border-color: #FF385C; box-shadow: 0 0 0 4px rgba(255, 56, 92, 0.12); background: #FFFFFF; }
.stayu-public-fields input[readonly], .stayu-public-fields textarea[readonly] { background: #EEF2F7; color: #334155; cursor: default; }
.stayu-public-date-input { cursor: pointer; }
.flatpickr-calendar { border-radius: 18px; border: 1px solid rgba(148, 163, 184, 0.22); box-shadow: 0 26px 72px rgba(15, 23, 42, 0.24); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow: hidden; }
.flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange { background: linear-gradient(135deg, #FF385C 0%, #E11D48 100%); border-color: transparent; color: #FFFFFF; }
.flatpickr-calendar .flatpickr-day:hover { background: rgba(255, 56, 92, 0.10); border-color: rgba(255, 56, 92, 0.12); color: #0F172A; }
.flatpickr-calendar .flatpickr-day.today { border-color: rgba(255, 56, 92, 0.24); }
.stayu-public-fields textarea { resize: vertical; min-height: 92px; }
.stayu-public-span-2 { grid-column: span 2; }
.stayu-public-consent { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 12px !important; background: #FFF5F7; border: 1px solid rgba(255, 56, 92, 0.14); border-radius: 16px; padding: 14px; }
.stayu-public-consent input { width: 18px; height: 18px; margin-top: 2px; accent-color: #FF385C; flex: 0 0 auto; }
.stayu-public-consent span { font-size: 0.88rem; color: #0F172A; text-transform: none; letter-spacing: 0; font-weight: 600; line-height: 1.5; }
.stayu-public-card-signature { grid-column: span 2; display: grid; gap: 10px; border-radius: 18px; border: 1px solid #E2E8F0; background: linear-gradient(180deg, #FCFCFD 0%, #FFFFFF 100%); padding: 14px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72); }
.stayu-public-card-signature.is-locked { background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%); border-style: dashed; }
.stayu-public-card-signature.is-invalid { border-color: rgba(239, 68, 68, 0.42); box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72); }
.stayu-public-card-signature-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.stayu-public-card-signature-head span:first-child { font-size: 0.72rem; font-weight: 800; color: #475569; text-transform: uppercase; letter-spacing: 0.08em; }
.stayu-public-card-signature-meta { display: flex; flex-direction: column; gap: 4px; }
.stayu-public-card-signature-meta strong { font-size: 0.92rem; color: #0F172A; }
.stayu-public-card-signature-meta small { color: #475569; font-size: 0.8rem; line-height: 1.45; }
.stayu-public-card-signature-note, .stayu-public-signature-note { display: block; color: #64748B; font-size: 0.74rem; line-height: 1.45; }
.stayu-public-card[data-minor="1"] .stayu-public-card-signature { border-color: rgba(255, 56, 92, 0.24); box-shadow: 0 16px 28px rgba(255, 56, 92, 0.08); }
.stayu-public-minor-panel { grid-column: span 2; display: grid; gap: 12px; padding: 14px; border-radius: 18px; border: 1px solid rgba(255, 56, 92, 0.16); background: linear-gradient(180deg, #FFF8FA 0%, #FFFFFF 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9); }
.stayu-public-minor-panel[hidden] { display: none !important; }
.stayu-public-minor-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.stayu-public-minor-head p { margin: 0; max-width: 54ch; color: #B91C1C; font-size: 0.84rem; line-height: 1.5; }
.stayu-public-minor-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.stayu-public-minor-fields label { margin-bottom: 0; }
.stayu-public-card-signature-canvas { display: block; width: 100%; height: 130px; border-radius: 16px; border: 1px dashed #CBD5E1; background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(255, 255, 255, 0.98)), repeating-linear-gradient(90deg, rgba(148, 163, 184, 0.08) 0, rgba(148, 163, 184, 0.08) 1px, transparent 1px, transparent 20px); touch-action: none; cursor: crosshair; }
.stayu-public-card-signature.is-invalid .stayu-public-card-signature-canvas { border-color: rgba(239, 68, 68, 0.55); box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08); }
.stayu-public-card-signature.is-locked .stayu-public-card-signature-canvas { display: none; }
.stayu-public-card-signature-preview { display: grid; gap: 10px; min-height: 92px; border-radius: 16px; border: 1px solid #E2E8F0; background: #F8FAFC; padding: 12px; align-items: center; justify-items: center; text-align: center; }
.stayu-public-card-signature-preview img { max-width: 100%; max-height: 110px; object-fit: contain; display: block; }
.stayu-public-card-signature-preview span { color: #475569; font-size: 0.82rem; line-height: 1.45; font-weight: 600; }
.stayu-public-card-signature-preview small { color: #64748B; font-size: 0.76rem; line-height: 1.4; }
.stayu-public-clear-btn-inline { justify-self: start; }
.stayu-public-consent-panel { border-radius: 24px; border: 1px solid rgba(255, 56, 92, 0.10); background: linear-gradient(180deg, #FFFFFF 0%, #FFF9FB 100%); padding: 18px; box-shadow: 0 18px 32px rgba(15, 23, 42, 0.05); display: grid; gap: 16px; }
.stayu-public-consent-locked { display: grid; gap: 10px; padding: 16px; border-radius: 18px; border: 1px solid rgba(255, 56, 92, 0.14); background: linear-gradient(180deg, #FFF5F7 0%, #FFFFFF 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85); }
.stayu-public-consent-locked strong { color: #0F172A; font-size: 0.98rem; font-weight: 900; }
.stayu-public-consent-locked p { margin: 0; color: #475569; line-height: 1.55; font-size: 0.92rem; }
.stayu-public-consent-locked input[type="hidden"] { display: none; }
.stayu-public-consent-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.stayu-public-consent-head h3 { margin: 8px 0 0; font-size: 1.1rem; color: #0F172A; font-family: "Space Grotesk", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.stayu-public-pill { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 8px 12px; font-size: 0.72rem; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; color: #B91C1C; background: rgba(255, 56, 92, 0.10); }
.stayu-public-consent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.stayu-public-legal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.stayu-public-legal-card { padding: 14px 16px; border-radius: 18px; border: 1px solid rgba(255, 56, 92, 0.12); background: linear-gradient(180deg, #FFFFFF 0%, #FFF9FB 100%); box-shadow: 0 12px 24px rgba(15, 23, 42, 0.04); }
.stayu-public-legal-card strong { display: block; margin-bottom: 6px; color: #0F172A; font-size: 0.84rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; }
.stayu-public-legal-card p { margin: 0; color: #475569; font-size: 0.84rem; line-height: 1.5; }
.stayu-public-legal-version { display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(255, 56, 92, 0.16); background: linear-gradient(135deg, rgba(255, 56, 92, 0.10), rgba(255, 255, 255, 0.98)); box-shadow: 0 12px 22px rgba(15, 23, 42, 0.05); color: #0F172A; flex-wrap: wrap; }
.stayu-public-legal-version span { color: #B91C1C; font-size: 0.7rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; }
.stayu-public-legal-version strong { color: #0F172A; font-size: 0.86rem; font-weight: 800; line-height: 1.3; }
.stayu-public-legal-hint { margin: 10px 2px 0; color: #64748b; font-size: 0.82rem; line-height: 1.45; font-weight: 600; }
.stayu-public-signature-summary { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border-radius: 16px; border: 1px solid rgba(255, 56, 92, 0.14); background: #FFF5F7; grid-column: span 2; }
.stayu-public-signature-summary span { font-size: 0.68rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; color: #B91C1C; }
.stayu-public-signature-summary strong { color: #0F172A; font-size: 0.98rem; }
.stayu-public-signature-summary small { color: #475569; font-size: 0.84rem; line-height: 1.45; }
.stayu-public-consent-grid label { display: flex; flex-direction: column; gap: 8px; }
.stayu-public-consent-grid label span, .stayu-public-signature-box-head span { font-size: 0.72rem; font-weight: 800; color: #475569; text-transform: uppercase; letter-spacing: 0.08em; }
.stayu-public-consent-grid input, .stayu-public-consent-grid select { width: 100%; border: 1px solid #CBD5E1; background: #F8FAFC; color: #0F172A; border-radius: 14px; padding: 12px 14px; font-size: 0.95rem; outline: none; transition: all 0.2s ease; }
.stayu-public-consent-grid input:disabled, .stayu-public-consent-grid select:disabled { background: #EEF2F7; color: #64748B; cursor: not-allowed; }
.stayu-public-consent-grid input:focus, .stayu-public-consent-grid select:focus { border-color: #FF385C; box-shadow: 0 0 0 4px rgba(255, 56, 92, 0.12); background: #FFFFFF; }
.stayu-public-consent-check { grid-column: span 2; flex-direction: row !important; align-items: flex-start !important; gap: 12px !important; background: #FFF5F7; border: 1px solid rgba(255, 56, 92, 0.14); border-radius: 16px; padding: 14px; }
.stayu-public-consent-check input { width: 18px; height: 18px; margin-top: 2px; accent-color: #FF385C; flex: 0 0 auto; }
.stayu-public-signature-wrap { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.8fr); gap: 14px; align-items: start; }
.stayu-public-signature-box { border-radius: 20px; border: 1px solid #E2E8F0; background: #FFFFFF; padding: 14px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72); }
.stayu-public-signature-box.is-invalid { border-color: rgba(239, 68, 68, 0.45); box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72); }
.stayu-public-signature-box-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.stayu-public-clear-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #E2E8F0; background: #F8FAFC; color: #0F172A; border-radius: 12px; padding: 9px 12px; font-size: 0.8rem; font-weight: 800; cursor: pointer; transition: all 0.2s ease; }
.stayu-public-clear-btn:hover { border-color: #FF385C; color: #FF385C; background: #FFF5F7; }
.stayu-public-signature-canvas { display: block; width: 100%; height: 190px; border-radius: 18px; border: 1px dashed #CBD5E1; background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(255, 255, 255, 0.98)), repeating-linear-gradient(90deg, rgba(148, 163, 184, 0.08) 0, rgba(148, 163, 184, 0.08) 1px, transparent 1px, transparent 20px); touch-action: none; cursor: crosshair; }
.stayu-public-signature-help { display: grid; gap: 12px; align-content: start; color: #475569; font-size: 0.9rem; line-height: 1.6; }
.stayu-public-signature-help p { margin: 0; padding: 14px; border-radius: 18px; background: #F8FAFC; border: 1px solid #E2E8F0; }
.stayu-public-signature-help p:first-child { background: #FFF5F7; border-color: rgba(255, 56, 92, 0.12); }
.stayu-public-form-footer { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #E2E8F0; }
.stayu-public-form-footer p { margin: 0; color: #475569; font-size: 0.92rem; line-height: 1.5; }
.stayu-public-submit { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; background: linear-gradient(135deg, #FF385C 0%, #E11D48 100%); color: #FFFFFF; padding: 14px 18px; font-weight: 900; box-shadow: 0 16px 30px rgba(255, 56, 92, 0.26); }
.stayu-public-submit { text-decoration: none; }
.stayu-public-submit:hover { transform: translateY(-1px); }
.stayu-public-submit:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }
.stayu-public-wizard-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.stayu-public-wizard-actions-between { justify-content: space-between; }
.stayu-public-wizard-actions-end { justify-content: flex-end; }
.stayu-public-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; border: 1px solid #E2E8F0; background: #FFFFFF; color: #0F172A; padding: 11px 14px; font-weight: 800; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 12px 20px rgba(15, 23, 42, 0.05); }
.stayu-public-secondary:hover { border-color: #FF385C; color: #FF385C; transform: translateY(-1px); }
.stayu-public-secondary-accent { background: linear-gradient(135deg, #FF385C 0%, #E11D48 100%); color: #FFFFFF; border-color: transparent; }
.stayu-public-secondary-accent:hover { color: #FFFFFF; border-color: transparent; }
@media (max-width: 1100px) { .stayu-public-layout { grid-template-columns: 1fr; }
.stayu-public-summary { position: static; order: 2; }
.stayu-public-form-card { order: 1; }
}
@media (max-width: 760px) { .stayu-public-shell { width: min(100% - 20px, 100%); padding: 24px 0 48px; }
.stayu-public-form-card, .stayu-public-summary-card, .stayu-public-progress { border-radius: 22px; }
.stayu-public-gracias-copy, .stayu-public-gracias-panel { border-radius: 24px; }
.stayu-public-gracias-copy { padding: 22px; }
.stayu-public-gracias-panel { padding: 20px; }
.stayu-public-gracias-summary { grid-template-columns: 1fr; }
.stayu-public-gracias-panel-grid { grid-template-columns: 1fr; }
.stayu-public-gracias-actions { flex-direction: column; align-items: stretch; }
.stayu-public-gracias-actions .stayu-public-submit, .stayu-public-gracias-actions .stayu-public-secondary { width: 100%; }
.stayu-public-thanks-card { padding: 22px; border-radius: 24px; }
.stayu-public-notice { padding: 14px 16px; border-radius: 18px; }
.stayu-public-notice { flex-direction: column; align-items: stretch; }
.stayu-public-notice-icon { width: 40px; height: 40px; }
.stayu-public-thanks-state { padding: 14px 16px; border-radius: 18px; }
.stayu-public-thanks-grid { grid-template-columns: 1fr; }
.stayu-public-thanks-actions { flex-direction: column; align-items: stretch; }
.stayu-public-thanks-actions .stayu-public-submit { width: 100%; }
.stayu-public-form-head, .stayu-public-form-footer { flex-direction: column; align-items: stretch; }
.stayu-public-layout { grid-template-columns: 1fr; }
.stayu-public-stage-head, .stayu-public-form-head, .stayu-public-consent-head { flex-direction: column; align-items: stretch; }
.stayu-public-wizard { grid-template-columns: 1fr; }
.stayu-public-card-flow-stepper { grid-template-columns: 1fr; }
.stayu-public-span-2 { grid-column: span 1; }
.stayu-public-summary { gap: 12px; }
.stayu-public-fields { grid-template-columns: 1fr; }
.stayu-public-fields label { width: 100%; }
.stayu-public-add-btn, .stayu-public-submit { width: 100%; }
.stayu-public-wizard-actions { flex-direction: column; align-items: stretch; }
.stayu-public-secondary { width: 100%; }
.stayu-public-consent-grid, .stayu-public-signature-wrap { grid-template-columns: 1fr; }
.stayu-public-minor-panel { grid-column: span 1; }
.stayu-public-minor-fields { grid-template-columns: 1fr; }
.stayu-public-operator-banner, .stayu-public-legal-grid { grid-template-columns: 1fr; }
.stayu-public-responsable-summary { grid-template-columns: 1fr; }
.stayu-public-card-signature { grid-column: span 1; }
.stayu-public-signature-summary { grid-column: 1 / -1; }
.stayu-public-consent-check { grid-column: span 1; }
}