/* HF5 v0.1.7 — Sistema visual unificado de formularios y control de caché */
:root{
  --form-ink:#18233f;
  --form-muted:#63708a;
  --form-line:#dce4ef;
  --form-soft:#f7f9fc;
  --form-primary:#6b2ed1;
  --form-blue:#244bd8;
  --form-green:#1fd9a0;
  --form-pink:#d82f8b;
  --form-orange:#f6921b;
  --form-shadow:0 26px 80px rgba(25,39,82,.12);
}

/* Contenedores compartidos */
.experience-page,
.tarot-modern-page{width:min(1120px,calc(100% - 28px))!important}
.experience-hero{padding:42px 0 24px}
.experience-hero h1{max-width:850px;letter-spacing:-.04em}
.experience-hero .lead{max-width:760px}

.experience-layout,
.tarot-register-card{
  display:grid!important;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.45fr)!important;
  align-items:stretch!important;
  background:#fff!important;
  border:1px solid var(--form-line)!important;
  border-radius:30px!important;
  overflow:hidden!important;
  box-shadow:var(--form-shadow)!important;
  margin:8px 0 34px!important;
}

.experience-aside,
.tarot-form-intro{
  position:relative!important;
  min-width:0!important;
  padding:40px 34px!important;
  color:#fff!important;
  background:linear-gradient(155deg,#15244d 0%,#3c2484 54%,#7b2b9e 100%)!important;
  overflow:hidden!important;
}
.experience-aside:before,
.experience-aside:after,
.tarot-form-intro:before,
.tarot-form-intro:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.experience-aside:before,
.tarot-form-intro:before{width:230px;height:230px;right:-115px;top:-92px;background:rgba(31,217,160,.15)}
.experience-aside:after,
.tarot-form-intro:after{width:190px;height:190px;left:-100px;bottom:-85px;background:rgba(246,146,27,.15)}
.experience-aside>*{position:relative;z-index:1}
.experience-kicker,
.tarot-step-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);font-size:.74rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.experience-aside h2,
.tarot-form-intro h2{margin:22px 0 12px!important;font-size:clamp(1.75rem,3vw,2.5rem)!important;line-height:1.08!important;letter-spacing:-.025em!important;color:#fff!important}
.experience-aside>p,
.tarot-form-intro>p{color:rgba(255,255,255,.80)!important;line-height:1.7!important}

.experience-steps,
.tarot-process-list{display:grid!important;gap:18px!important;margin:32px 0!important}
.experience-step,
.tarot-process-list>div{display:grid!important;grid-template-columns:38px 1fr!important;gap:13px!important;align-items:start!important}
.experience-step>span,
.tarot-process-list>div>span{width:38px!important;height:38px!important;border-radius:13px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;display:grid!important;place-items:center!important;font-weight:900!important;color:#fff!important}
.experience-step p,
.tarot-process-list p{margin:0!important;line-height:1.35!important;color:#fff!important}
.experience-step strong,
.tarot-process-list strong{display:block!important;color:#fff!important;font-size:.95rem!important}
.experience-step small,
.tarot-process-list small{display:block!important;margin-top:4px!important;color:rgba(255,255,255,.67)!important;font-size:.82rem!important;line-height:1.45!important}
.experience-note,
.tarot-privacy-note{display:flex!important;gap:12px!important;align-items:flex-start!important;margin-top:28px!important;padding:15px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;background:rgba(255,255,255,.09)!important;color:rgba(255,255,255,.82)!important}
.experience-note>span,
.tarot-privacy-note>span{width:29px;height:29px;flex:0 0 29px;border-radius:10px;background:rgba(31,217,160,.24);display:grid;place-items:center;font-weight:900;color:#fff}
.experience-note p,
.tarot-privacy-note p{margin:0!important;font-size:.82rem!important;line-height:1.45!important;color:rgba(255,255,255,.78)!important}
.experience-note strong,
.tarot-privacy-note strong{color:#fff!important}

.experience-form-panel,
.tarot-form-panel{min-width:0!important;padding:40px 40px 36px!important;background:#fff!important}
.experience-form-heading,
.tarot-form-heading{padding-bottom:18px!important;margin-bottom:6px!important;border-bottom:1px solid #e8edf4!important}
.experience-form-heading h2,
.tarot-form-heading h2{margin:.22em 0 .3em!important;font-size:clamp(1.7rem,3vw,2.45rem)!important;letter-spacing:-.025em!important;color:var(--form-ink)!important}
.experience-form-heading>p:last-child,
.tarot-form-heading>p:last-child{margin:0!important;color:var(--form-muted)!important;line-height:1.6!important}

/* Campos compartidos */
.experience-form .field,
.tarot-form-modern .field,
.contact-final-form .field{margin:16px 0 4px!important}
.experience-form label,
.tarot-form-modern label,
.contact-final-form label{color:var(--form-ink)!important;font-size:.92rem!important;letter-spacing:.005em!important}
.experience-form input[type="text"],
.experience-form input[type="email"],
.experience-form input[type="tel"],
.experience-form input[type="date"],
.experience-form select,
.experience-form textarea,
.tarot-form-modern input[type="text"],
.tarot-form-modern input[type="email"],
.tarot-form-modern input[type="tel"],
.tarot-form-modern input[type="date"],
.tarot-form-modern select,
.tarot-form-modern textarea,
.contact-final-form input[type="text"],
.contact-final-form input[type="email"],
.contact-final-form input[type="tel"],
.contact-final-form input[type="date"],
.contact-final-form select,
.contact-final-form textarea{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  border:1.5px solid #cfd8e5!important;
  border-radius:15px!important;
  background:#f9fbfd!important;
  color:var(--form-ink)!important;
  font:inherit!important;
  box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.experience-form input[type="text"],
.experience-form input[type="email"],
.experience-form input[type="tel"],
.experience-form input[type="date"],
.experience-form select,
.tarot-form-modern input[type="text"],
.tarot-form-modern input[type="email"],
.tarot-form-modern input[type="tel"],
.tarot-form-modern input[type="date"],
.tarot-form-modern select,
.contact-final-form input[type="text"],
.contact-final-form input[type="email"],
.contact-final-form input[type="tel"],
.contact-final-form input[type="date"],
.contact-final-form select{height:56px!important;min-height:56px!important;padding:0 16px!important}
.experience-form textarea,
.tarot-form-modern textarea,
.contact-final-form textarea{min-height:150px!important;padding:15px 16px!important;line-height:1.6!important;resize:vertical!important}
.experience-form input:focus,
.experience-form select:focus,
.experience-form textarea:focus,
.tarot-form-modern input:focus,
.tarot-form-modern select:focus,
.tarot-form-modern textarea:focus,
.contact-final-form input:focus,
.contact-final-form select:focus,
.contact-final-form textarea:focus{outline:0!important;border-color:var(--form-primary)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(107,46,209,.11)!important}
.experience-form input::placeholder,
.experience-form textarea::placeholder,
.tarot-form-modern input::placeholder,
.tarot-form-modern textarea::placeholder,
.contact-final-form input::placeholder,
.contact-final-form textarea::placeholder{color:#8b96aa!important;opacity:1!important}

.experience-form-grid,
.tarot-form-grid,
.contact-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 18px!important}
.field-full{grid-column:1/-1!important}
.field-help{display:block;margin-top:8px;color:#768198;line-height:1.45}
.required-mark{color:var(--form-pink)}

/* Escalas del NÚCLEO 360 */
.range-field{padding:16px 17px!important;border:1px solid #e1e7f0!important;border-radius:18px!important;background:linear-gradient(135deg,#fbfcfe,#f8f6ff)!important}
.range-field label{margin-bottom:12px!important;line-height:1.45!important}
.range-row{grid-template-columns:minmax(0,1fr) 72px!important;gap:14px!important}
.range-row input[type="range"]{accent-color:var(--form-primary)!important}
.scale-output{background:#fff!important;border:1px solid #ded7f4!important;color:var(--form-primary)!important;box-shadow:0 8px 20px rgba(70,53,141,.08)!important}

/* Consentimiento compartido */
.privacy-consent,
.tarot-consent{position:relative!important;display:grid!important;grid-template-columns:26px 1fr!important;gap:13px!important;align-items:start!important;margin:20px 0!important;padding:16px 17px!important;border:1px solid #dde4ef!important;border-radius:17px!important;background:#f8fafc!important;font-weight:500!important;line-height:1.55!important;cursor:pointer!important}
.privacy-consent:hover,.tarot-consent:hover{border-color:#c9b8ef!important;background:#fbf9ff!important}
.privacy-consent input,.tarot-consent input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.consent-box{width:24px!important;height:24px!important;border-radius:8px!important;border:1.5px solid #bdc7d8!important;background:#fff!important;display:grid!important;place-items:center!important}
.privacy-consent input:checked + .consent-box,
.tarot-consent input:checked + .consent-box{background:linear-gradient(135deg,var(--form-primary),var(--form-blue))!important;border-color:transparent!important}
.privacy-consent input:checked + .consent-box:after,
.tarot-consent input:checked + .consent-box:after{content:"✓"!important;color:#fff!important;font-weight:900!important;font-size:.88rem!important}

/* Tarot: fuerza la estructura correcta aun con estilos antiguos en caché */
.tarot-hero-modern{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:34px!important;align-items:center!important;min-height:330px!important;padding:42px 40px!important;margin:28px 0 24px!important;border:1px solid #e1e7f0!important;border-radius:30px!important;background:linear-gradient(135deg,#fff 0%,#fbf9ff 56%,#f4fbff 100%)!important;box-shadow:var(--form-shadow)!important;overflow:hidden!important}
.tarot-hero-copy{min-width:0!important}
.tarot-hero-modern h1{font-size:clamp(2.45rem,5.8vw,4.8rem)!important;max-width:760px!important;letter-spacing:-.045em!important}
.tarot-points{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:20px 0!important}
.tarot-points span{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;border:1px solid #e5ddf5!important;border-radius:999px!important;background:#fff!important;font-size:.86rem!important;font-weight:750!important;color:#4e5770!important}
.tarot-points span:before{content:"✦"!important;color:var(--form-primary)!important}
.tarot-form-modern [name="website"]{display:none!important}
.tarot-date-input{appearance:auto!important;-webkit-appearance:auto!important;color-scheme:light!important}
.tarot-submit-modern{min-height:58px!important;margin-top:18px!important;justify-content:space-between!important;padding:0 22px 0 26px!important;border-radius:16px!important;background:linear-gradient(115deg,var(--form-primary),var(--form-blue) 62%,#145fc6)!important;box-shadow:0 16px 34px rgba(63,49,181,.24)!important}

/* NÚCLEO 360: preguntas y último paso */
.test-card{border-radius:28px!important;box-shadow:var(--form-shadow)!important;border-color:var(--form-line)!important}
.question-text{color:var(--form-ink)!important;letter-spacing:-.02em!important}
.option{min-height:58px!important;border:1.5px solid #d7dfeb!important;background:#fff!important;box-shadow:0 7px 20px rgba(27,42,79,.035)!important}
.option:hover,.option:has(input:checked){border-color:var(--form-primary)!important;background:linear-gradient(135deg,#fcfaff,#f7fbff)!important;box-shadow:0 10px 26px rgba(72,48,145,.09)!important}
.contact-step{padding:4px!important;background:#fff!important}
.contact-step:before{display:none!important}
.contact-step .contact-hero{padding:24px!important;border:1px solid #e0e6f0!important;border-radius:24px!important;background:linear-gradient(135deg,#f8fbff,#fbf7ff)!important}
.contact-benefits{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:18px 0!important}
.contact-benefits span{padding:12px!important;border:1px solid #e2e7ef!important;border-radius:14px!important;background:#fff!important;text-align:center!important;font-size:.84rem!important;font-weight:800!important;color:#4d5870!important}
.input-shell{position:relative!important}
.input-shell .input-icon{position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;color:var(--form-primary)!important;font-weight:900!important}
.input-shell input{padding-left:44px!important}
.data-security-note{display:flex!important;gap:12px!important;align-items:flex-start!important;margin:15px 0!important;padding:14px 16px!important;border:1px solid #dce4ef!important;border-radius:16px!important;background:#f8fbff!important;color:#526079!important}
.data-security-note p{margin:0!important;line-height:1.5!important}

/* Página alternativa de contacto */
.contact-gate-card{max-width:1120px!important;margin-inline:auto!important}
.contact-final-form{margin-top:14px!important}

/* Botones */
.experience-form .btn,
.tarot-form-modern .btn,
.contact-final-form .btn{min-height:58px!important;border-radius:16px!important;background:linear-gradient(115deg,var(--form-primary),var(--form-blue) 62%,#145fc6)!important;box-shadow:0 16px 34px rgba(63,49,181,.22)!important}

@media(max-width:900px){
  .experience-layout,.tarot-register-card{grid-template-columns:1fr!important}
  .experience-aside,.tarot-form-intro{padding:30px 28px!important}
  .experience-steps,.tarot-process-list{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
  .experience-step,.tarot-process-list>div{grid-template-columns:1fr!important}
  .tarot-hero-modern{grid-template-columns:1fr!important;min-height:auto!important}
  .tarot-visual{display:none!important}
}
@media(max-width:720px){
  .experience-form-grid,.tarot-form-grid,.contact-form-grid{grid-template-columns:1fr!important}
  .field-full{grid-column:auto!important}
  .experience-form-panel,.tarot-form-panel{padding:28px 22px!important}
  .experience-aside,.tarot-form-intro{padding:28px 22px!important}
  .experience-steps,.tarot-process-list{grid-template-columns:1fr!important}
  .experience-step,.tarot-process-list>div{grid-template-columns:38px 1fr!important}
  .tarot-hero-modern{padding:30px 22px!important}
  .contact-benefits{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  .experience-layout,.tarot-register-card,.tarot-hero-modern{border-radius:23px!important}
  .experience-form-panel,.tarot-form-panel{padding:24px 18px!important}
  .experience-aside,.tarot-form-intro{padding:26px 20px!important}
  .experience-form input[type="text"],.experience-form input[type="email"],.experience-form input[type="tel"],.experience-form input[type="date"],.experience-form select,
  .tarot-form-modern input[type="text"],.tarot-form-modern input[type="email"],.tarot-form-modern input[type="tel"],.tarot-form-modern input[type="date"],.tarot-form-modern select,
  .contact-final-form input[type="text"],.contact-final-form input[type="email"],.contact-final-form input[type="tel"],.contact-final-form input[type="date"],.contact-final-form select{height:54px!important;min-height:54px!important}
}

/* HF6 · RAÍZ 7 y gestor de tests */
.test-manager-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;margin-top:22px}.test-control-card.compact{margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:20px}.test-control-card.compact h3{font-size:1.45rem;margin:0}.test-control-card.compact form .btn{width:100%}.option-omit{border-style:dashed;background:#fafbfe;color:var(--muted)}.tiebreak-card{max-width:820px;margin:28px auto}.tiebreak-card h1{font-size:clamp(2rem,5vw,3.5rem)}.tiebreak-options{margin:28px 0}.tiebreak-options .option{font-size:1.05rem;line-height:1.55;padding:20px}.experience-aside .experience-note{margin-top:24px}
@media(max-width:640px){.test-manager-grid{grid-template-columns:1fr}.tiebreak-options .option{padding:16px}}

/* LIVE360 UX RC1 · Formularios alineados con RedGK */
:root{--form-ink:#0b1833;--form-muted:#5d6c83;--form-line:#dbe4f1;--form-soft:#f4f7fb;--form-primary:#075dff;--form-blue:#003fae;--form-green:#0e9e78;--form-pink:#075dff;--form-orange:#2f7cff;--form-shadow:0 26px 80px rgba(6,27,70,.11)}
.experience-aside,.tarot-form-intro{background:radial-gradient(circle at 90% 10%,rgba(25,185,255,.26),transparent 25%),linear-gradient(145deg,#061b46 0%,#073b99 58%,#075dff 100%)!important}
.experience-form input:focus,.experience-form select:focus,.experience-form textarea:focus,.tarot-form-modern input:focus,.tarot-form-modern select:focus,.tarot-form-modern textarea:focus,.contact-final-form input:focus,.contact-final-form select:focus,.contact-final-form textarea:focus{border-color:#075dff!important;box-shadow:0 0 0 4px rgba(7,93,255,.10)!important}
.experience-form .btn,.tarot-form-modern .btn,.contact-final-form .btn,.tarot-submit-modern{background:linear-gradient(115deg,#075dff,#003fae)!important;box-shadow:0 16px 34px rgba(7,93,255,.22)!important}
.experience-page,.tarot-modern-page,.contact-gate-card{width:min(75vw,1240px)!important;max-width:none!important}
@media(max-width:940px){.experience-page,.tarot-modern-page,.contact-gate-card{width:calc(100% - 40px)!important}}
@media(max-width:620px){.experience-page,.tarot-modern-page,.contact-gate-card{width:calc(100% - 24px)!important}}

/* LIVE360 UX COMPACTA RC2 · formularios legibles sin ocupar espacio innecesario */
.experience-page,.tarot-modern-page,.contact-gate-card{width:min(75vw,1100px)!important;margin-inline:auto!important}
.experience-layout,.tarot-register-card{border-radius:20px!important;box-shadow:0 18px 52px rgba(6,27,70,.09)!important}
.experience-aside,.tarot-form-intro{padding:30px!important}
.experience-form-panel,.tarot-form-panel{padding:30px!important}
.experience-form-heading,.tarot-form-heading{padding-bottom:15px!important;margin-bottom:2px!important}
.experience-form-heading h2,.tarot-form-heading h2{font-size:clamp(1.6rem,2.5vw,2.15rem)!important}
.experience-form-grid,.tarot-form-grid,.contact-form-grid{gap:2px 14px!important}
.experience-field,.tarot-field{margin:12px 0 3px!important}
.experience-form input[type="text"],.experience-form input[type="email"],.experience-form input[type="tel"],.experience-form input[type="date"],.experience-form select,
.tarot-form-modern input[type="text"],.tarot-form-modern input[type="email"],.tarot-form-modern input[type="tel"],.tarot-form-modern input[type="date"],.tarot-form-modern select,
.contact-final-form input[type="text"],.contact-final-form input[type="email"],.contact-final-form input[type="tel"],.contact-final-form input[type="date"],.contact-final-form select{height:48px!important;min-height:48px!important;padding:0 13px!important;border-radius:12px!important;font-size:.88rem!important}
.experience-form textarea,.tarot-form-modern textarea,.contact-final-form textarea{min-height:118px!important;padding:12px 13px!important;border-radius:12px!important;font-size:.88rem!important}
.range-field{padding:13px 14px!important;border-radius:15px!important}
.privacy-consent,.tarot-consent{margin:16px 0!important;padding:13px 14px!important;border-radius:14px!important}
.experience-form .btn,.tarot-form-modern .btn,.contact-final-form .btn,.tarot-submit-modern{min-height:48px!important;margin-top:14px!important;border-radius:12px!important}
.tarot-hero-modern{grid-template-columns:minmax(0,1fr) 220px!important;gap:28px!important;min-height:290px!important;padding:34px!important;border-radius:22px!important}
.tarot-hero-modern h1{max-inline-size:15ch!important;font-size:clamp(2.35rem,4.5vw,4.35rem)!important;line-height:1!important;text-wrap:balance!important}
.test-card{border-radius:20px!important;box-shadow:0 18px 52px rgba(6,27,70,.09)!important}
.option{min-height:50px!important;padding:13px!important;border-radius:14px!important}
.contact-step .contact-hero{padding:19px!important;border-radius:17px!important}
@media(max-width:940px){.experience-page,.tarot-modern-page,.contact-gate-card{width:calc(100% - 40px)!important}}
@media(max-width:720px){
  .experience-form-panel,.tarot-form-panel,.experience-aside,.tarot-form-intro{padding:24px 22px!important}
  .tarot-hero-modern{padding:28px 22px!important}
  .experience-form input[type="text"],.experience-form input[type="email"],.experience-form input[type="tel"],.experience-form input[type="date"],.experience-form select,
  .tarot-form-modern input[type="text"],.tarot-form-modern input[type="email"],.tarot-form-modern input[type="tel"],.tarot-form-modern input[type="date"],.tarot-form-modern select,
  .contact-final-form input[type="text"],.contact-final-form input[type="email"],.contact-final-form input[type="tel"],.contact-final-form input[type="date"],.contact-final-form select{height:48px!important;min-height:48px!important}
}
@media(max-width:620px){.experience-page,.tarot-modern-page,.contact-gate-card{width:calc(100% - 24px)!important}}