:root, #hh-landing, body {
  /* Tokens de Hipnohacking (Dark Forest & Editorial) */
  --hh-moss: #18352b;
  --hh-forest: #10271f;
  --hh-deep: #091b15;
  --hh-ivory: #f4efe5;
  --hh-parchment: #e8decf;
  --hh-copper: #b66a43;
  --hh-copper-dark: #935036;
  --hh-ink: #1b2621;
  --hh-sage: #9aac9f;
  --hh-hero-image: url('/assets/images/hero-treehouse.webp');

  /* Mapeo al sistema de diseño estándar WSC */
  --wsc-bg: #091b15;
  --wsc-surface: #10271f;
  --wsc-surface-hover: #18352b;
  --wsc-border: rgba(154, 172, 159, 0.2);
  --wsc-border-subtle: rgba(182, 106, 67, 0.35);
  --wsc-primary: #b66a43;
  --wsc-primary-hover: #935036;
  --wsc-accent: #b66a43;
  --wsc-accent-glow: rgba(182, 106, 67, 0.3);
  --wsc-text: #f4efe5;
  --wsc-text-muted: #e8decf;
  --wsc-text-dim: #9aac9f;
  --wsc-radius: 12px;
  --wsc-font: 'Manrope', Arial, sans-serif;
  --wsc-font-heading: 'Cormorant Garamond', Georgia, serif;
  --wsc-font-body: 'Manrope', Arial, sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  min-height: 100vh;
  background-color: var(--hh-deep, #091b15) !important;
  color: var(--hh-ivory, #f4efe5);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

body.template-landing {
  margin: 0 !important;
  padding: 0 !important;
  background-color: var(--hh-deep, #091b15) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--hh-ivory, #f4efe5);
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, select, textarea {
  font-family: inherit;
}

img, svg {
  max-width: 100%;
}

/* ==========================================================================
   SISTEMA DE COMPONENTES WSC (VISUAL BUILDER + TEMPLATES)
   ========================================================================== */

.wsc-container, .hh-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 48px);
}

.wsc-section, .hh-section-pad {
  padding: clamp(60px, 8vw, 110px) 0;
  position: relative;
}

/* 1. NAVBAR / HEADER */
.wsc-header, .hh-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background: rgba(9, 27, 21, 0.92);
  border-bottom: 1px solid rgba(154, 172, 159, 0.15);
  padding: 1.25rem 0;
  width: 100%;
}
.wsc-header .wsc-container, .hh-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.wsc-brand, .hh-brand {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(26px, 2.5vw, 36px);
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--hh-ivory, #f4efe5) !important;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.wsc-brand span, .hh-brand sup {
  color: var(--hh-copper, #b66a43);
  font-size: 14px;
  vertical-align: top;
}
.wsc-nav, .hh-header nav {
  display: flex;
  align-items: center;
  gap: clamp(20px, 3.5vw, 48px);
}
.wsc-nav a, .hh-header nav a {
  color: var(--hh-parchment, #e8decf) !important;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  transition: color 0.25s ease;
}
.wsc-nav a:hover, .hh-header nav a:hover {
  color: var(--hh-copper, #b66a43) !important;
}

/* BOTONES Y LLAMADOS A LA ACCIÓN */
.wsc-btn, .hh-primary-cta, .hh-header-cta, .hh-submit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.75rem 1.75rem;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  border-radius: 7px;
  border: none;
  cursor: pointer;
  transition: all 0.25s ease;
  text-decoration: none;
}
.wsc-btn-primary, .hh-primary-cta, .hh-submit-button {
  background: var(--hh-copper, #b66a43) !important;
  color: #fffaf2 !important;
  box-shadow: 0 4px 18px rgba(182, 106, 67, 0.35);
}
.wsc-btn-primary:hover, .hh-primary-cta:hover, .hh-submit-button:hover {
  background: var(--hh-copper-dark, #935036) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(9, 27, 21, 0.45);
}
.wsc-btn-secondary, .hh-header-cta {
  border: 1px solid rgba(244, 239, 229, 0.6) !important;
  background: transparent !important;
  color: var(--hh-ivory, #f4efe5) !important;
}
.wsc-btn-secondary:hover, .hh-header-cta:hover {
  background: var(--hh-ivory, #f4efe5) !important;
  color: var(--hh-forest, #10271f) !important;
}

/* 2. HERO SECTION */
.wsc-hero, .hh-hero {
  padding: clamp(80px, 10vw, 130px) 0 clamp(60px, 8vw, 100px);
  position: relative;
  overflow: hidden;
  color: var(--hh-ivory, #f4efe5);
  background: radial-gradient(circle at 50% 15%, rgba(24, 53, 43, 0.75) 0%, rgba(9, 27, 21, 0.96) 70%);
}
.wsc-hero-content {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}
.wsc-badge, .hh-badge-pill, .hh-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 1.1rem;
  background: rgba(182, 106, 67, 0.12);
  border: 1px solid rgba(182, 106, 67, 0.35);
  border-radius: 50px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--hh-copper, #b66a43);
  margin-bottom: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.wsc-hero h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(40px, 5.2vw, 72px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.03em;
  margin-bottom: 1.4rem;
  color: var(--hh-ivory, #f4efe5) !important;
}
.wsc-hero-copy, .hh-hero-copy {
  font-size: clamp(17px, 1.4vw, 21px);
  color: rgba(244, 239, 229, 0.88);
  line-height: 1.7;
  max-width: 660px;
  margin: 0 auto 2.2rem auto;
}
.wsc-hero-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2.2rem;
}
.wsc-trust-line, .hh-trust-line {
  font-size: 0.88rem;
  color: var(--hh-sage, #9aac9f);
  font-weight: 500;
  letter-spacing: 0.04em;
}

/* 3. CARDS & GRIDS (RECOGNITION / METHOD) */
.wsc-grid, .hh-pain-grid, .hh-stage-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
  margin-top: 2.5rem;
}
.wsc-card, .hh-card {
  background: var(--hh-forest, #10271f);
  border: 1px solid rgba(154, 172, 159, 0.18);
  border-radius: 12px;
  padding: 2.2rem 1.8rem;
  transition: all 0.25s ease;
  position: relative;
}
.wsc-card:hover, .hh-card:hover {
  transform: translateY(-3px);
  border-color: rgba(182, 106, 67, 0.4);
  box-shadow: 0 14px 35px rgba(4, 17, 13, 0.45);
}
.wsc-card-number, .hh-card-number {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--hh-copper, #b66a43);
  margin-bottom: 0.85rem;
  display: inline-block;
  letter-spacing: 0.12em;
}
.wsc-card h3, .hh-card h3 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.45rem;
  font-weight: 600;
  margin-bottom: 0.6rem;
  color: var(--hh-ivory, #f4efe5) !important;
}
.wsc-card p, .hh-card p {
  color: #c2ccc5;
  font-size: 0.92rem;
  line-height: 1.65;
}

/* 4. FORM / REGISTRATION */
.wsc-form-container, .hh-registration {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem;
  align-items: center;
}
@media (max-width: 860px) {
  .wsc-form-container, .hh-registration { grid-template-columns: 1fr; gap: 2.5rem; }
}
.wsc-form-card, .hh-form-card {
  background: var(--hh-forest, #10271f);
  border: 1px solid rgba(182, 106, 67, 0.3);
  border-radius: 16px;
  padding: 2.5rem 2rem;
  box-shadow: 0 24px 60px rgba(4, 17, 13, 0.5);
}
.wsc-form-group {
  margin-bottom: 1.25rem;
}
.wsc-form-group label, .hh-form-card label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--hh-parchment, #e8decf);
  margin-bottom: 0.45rem;
}
.wsc-form-group input,
.wsc-form-group select,
.hh-input {
  width: 100%;
  padding: 0.85rem 1.1rem;
  background: #091b15;
  border: 1px solid rgba(154, 172, 159, 0.25);
  border-radius: 8px;
  color: #fff;
  font-size: 0.95rem;
  outline: none;
  transition: all 0.2s ease;
}
.wsc-form-group input:focus,
.wsc-form-group select:focus,
.hh-input:focus {
  border-color: var(--hh-copper, #b66a43);
  box-shadow: 0 0 0 3px rgba(182, 106, 67, 0.2);
}

/* 5. ACCORDION / FAQ */
.wsc-accordion, .hh-faq-list {
  max-width: 840px;
  margin: 2.5rem auto 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.wsc-accordion details, .hh-faq-list details {
  background: var(--hh-forest, #10271f);
  border: 1px solid rgba(154, 172, 159, 0.2);
  border-radius: 10px;
  padding: 1.25rem 1.6rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.wsc-accordion details[open], .hh-faq-list details[open] {
  border-color: rgba(182, 106, 67, 0.4);
}
.wsc-accordion summary, .hh-faq-list summary {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--hh-ivory, #f4efe5);
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wsc-accordion summary::-webkit-details-marker { display: none; }
.wsc-accordion summary::after { content: "+"; font-size: 1.3rem; color: var(--hh-copper, #b66a43); }
.wsc-accordion details[open] summary::after { content: "−"; }
.wsc-accordion details p, .hh-faq-list details p {
  margin-top: 1rem;
  color: #c2ccc5;
  font-size: 0.95rem;
  line-height: 1.7;
}

/* 6. FOOTER */
.wsc-footer, .hh-footer {
  border-top: 1px solid rgba(154, 172, 159, 0.18);
  padding: 3.5rem 0 2.5rem 0;
  background: #06150f;
  margin-top: 5rem;
  color: var(--hh-sage, #9aac9f);
  font-size: 0.88rem;
}
.wsc-footer .wsc-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}

/* ==========================================================================
   REGLAS ORIGINALES DE PLANTILLA ESTÁTICA HIPNOHACKING (#hh-landing)
   ========================================================================== */

#hh-landing {
  width:100%;
  max-width:none;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
  background:var(--hh-ivory);
  color:var(--hh-ink);
  font-family:"Manrope",Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
}
#hh-landing, #hh-landing *{box-sizing:border-box}
#hh-landing a{color:inherit;text-decoration:none}
#hh-landing button,#hh-landing input,#hh-landing select{font:inherit}
#hh-landing h1,#hh-landing h2,#hh-landing h3,#hh-landing p{padding:0}
#hh-landing [hidden]{display:none!important}
#hh-landing .hh-header{
  position:absolute;z-index:20;top:0;left:0;width:100%;min-height:92px;
  padding:20px clamp(22px,4.5vw,68px);color:var(--hh-ivory);
  display:flex;align-items:center;justify-content:space-between;gap:32px
}
#hh-landing .hh-brand{font:500 clamp(30px,2.7vw,42px)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:-.04em}
#hh-landing .hh-brand sup{font:600 10px/1 "Manrope",sans-serif;vertical-align:top;margin-left:2px}
#hh-landing .hh-header nav{display:flex;align-items:center;gap:clamp(26px,4.8vw,72px)}
#hh-landing .hh-header nav a{font-size:15px;position:relative}
#hh-landing .hh-header nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--hh-copper);transition:width .25s ease}
#hh-landing .hh-header nav a:hover:after,#hh-landing .hh-header nav a:focus-visible:after{width:100%}
#hh-landing .hh-header-cta{border:1px solid rgba(244,239,229,.72);border-radius:7px;padding:14px 22px;font-weight:600;font-size:14px;transition:.25s}
#hh-landing .hh-header-cta:hover{background:var(--hh-ivory);color:var(--hh-forest)}
#hh-landing .hh-hero{
  min-height:900px;position:relative;overflow:hidden;color:var(--hh-ivory);
  background:var(--hh-deep) var(--hh-hero-image) center/cover no-repeat;
  display:flex;align-items:center
}
#hh-landing .hh-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,19,.98) 0%,rgba(10,36,27,.92) 35%,rgba(10,28,22,.42) 64%,rgba(7,20,15,.08) 100%),linear-gradient(0deg,rgba(4,17,13,.45),transparent 50%)}
#hh-landing .hh-hero-content{position:relative;z-index:2;width:min(720px,61vw);padding:120px 0 70px clamp(24px,4.5vw,68px);animation:hh-rise-in .7s ease-out both}
#hh-landing .hh-eyebrow,#hh-landing .hh-kicker{margin:0 0 28px;color:var(--hh-copper);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
#hh-landing .hh-eyebrow span,#hh-landing .hh-trust-line span{margin:0 10px;color:var(--hh-copper)}
#hh-landing .hh-hero h1,#hh-landing h2,#hh-landing blockquote{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.035em}
#hh-landing .hh-hero h1{max-width:760px;margin:0;font-size:clamp(60px,6.5vw,100px);line-height:.92;color:var(--hh-ivory)}
#hh-landing .hh-hero-copy{max-width:610px;margin:30px 0 32px;font-size:clamp(18px,1.5vw,23px);line-height:1.7;color:rgba(244,239,229,.9)}
#hh-landing .hh-primary-cta,#hh-landing .hh-submit-button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:68px;padding:0 30px;border:0;border-radius:7px;background:var(--hh-copper);color:#fffaf2;font-weight:700;cursor:pointer;transition:.2s}
#hh-landing .hh-primary-cta:hover,#hh-landing .hh-submit-button:hover{background:var(--hh-copper-dark);transform:translateY(-2px);box-shadow:0 15px 30px rgba(9,27,21,.18)}
#hh-landing .hh-primary-cta span,#hh-landing .hh-submit-button span{font-size:24px}
#hh-landing .hh-primary-cta.hh-compact{min-height:54px;gap:12px;padding:0 22px}
#hh-landing .hh-trust-line{margin:28px 0 0;color:var(--hh-parchment);font-size:15px}
#hh-landing .hh-offer-float{position:absolute;z-index:3;right:clamp(24px,4vw,64px);bottom:38px;width:min(500px,42vw);padding:28px 30px;border:1px solid rgba(182,106,67,.55);border-radius:14px;background:rgba(244,239,229,.94);color:var(--hh-ink);display:flex;align-items:center;gap:24px;box-shadow:0 22px 70px rgba(4,17,13,.25);backdrop-filter:blur(12px)}
#hh-landing .hh-offer-float p{margin:0;font-size:16px;line-height:1.65}
#hh-landing .hh-leaf-mark{font:500 54px/1 "Cormorant Garamond";color:var(--hh-copper);transform:rotate(-22deg)}
#hh-landing .hh-section-pad{padding:clamp(88px,9vw,138px) clamp(24px,7vw,110px)}
#hh-landing .hh-section-intro{max-width:950px}
#hh-landing h2{margin:0;color:inherit;font-size:clamp(48px,5vw,76px);line-height:1.02}
#hh-landing .hh-recognition{background:var(--hh-ivory)}
#hh-landing .hh-pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:70px;background:rgba(27,38,33,.18);border:1px solid rgba(27,38,33,.18)}
#hh-landing .hh-pain-grid article{background:var(--hh-ivory);padding:34px 28px 38px}
#hh-landing .hh-pain-grid article>span,#hh-landing .hh-stage-list article>span{color:var(--hh-copper);font-size:12px;font-weight:700;letter-spacing:.18em}
#hh-landing .hh-pain-grid h3,#hh-landing .hh-stage-list h3{margin:48px 0 16px;color:inherit;font:600 24px/1.1 "Cormorant Garamond"}
#hh-landing .hh-pain-grid p,#hh-landing .hh-stage-list p{margin:0;color:#5f6b65;font-size:14px;line-height:1.7}
#hh-landing .hh-reframe{max-width:890px;margin:70px auto 0;text-align:center;font:500 clamp(28px,3vw,44px)/1.2 "Cormorant Garamond";color:var(--hh-moss)}
#hh-landing .hh-method{background:var(--hh-moss);color:var(--hh-ivory)}
#hh-landing .hh-method-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}
#hh-landing .hh-method-heading>p{margin:0;color:var(--hh-parchment);font-size:16px;line-height:1.85}
#hh-landing .hh-stage-list{display:grid;grid-template-columns:repeat(5,1fr);margin-top:78px;border-top:1px solid rgba(244,239,229,.18)}
#hh-landing .hh-stage-list article{padding:32px 26px 10px 0;border-right:1px solid rgba(244,239,229,.18)}
#hh-landing .hh-stage-list article:not(:first-child){padding-left:26px}
#hh-landing .hh-stage-list article:last-child{border-right:0}
#hh-landing .hh-stage-list h3{color:var(--hh-ivory);margin-top:52px}
#hh-landing .hh-stage-list p{color:var(--hh-sage)}
#hh-landing .hh-experience{min-height:720px;background:linear-gradient(90deg,rgba(244,239,229,.97) 0 55%,rgba(244,239,229,.18)),var(--hh-hero-image) 70% center/cover no-repeat;display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}
#hh-landing .hh-experience-copy{max-width:710px}
#hh-landing .hh-experience-copy>p:not(.hh-kicker){margin:30px 0;line-height:1.9;color:#4f5b55}
#hh-landing .hh-experience ul{list-style:none;padding:0;margin:36px 0 0}
#hh-landing .hh-experience li{border-top:1px solid rgba(27,38,33,.2);padding:16px 0}
#hh-landing .hh-experience li:before{content:"↗";color:var(--hh-copper);margin-right:14px}
#hh-landing .hh-experience blockquote{margin:0;padding:50px;border-radius:14px;background:rgba(13,42,32,.92);color:var(--hh-ivory);font-size:clamp(34px,3.4vw,54px);line-height:1.08;backdrop-filter:blur(10px)}
#hh-landing .hh-experience blockquote>span{color:var(--hh-copper);font-size:88px;display:block;height:42px}
#hh-landing .hh-experience blockquote footer{margin-top:30px;font:600 12px/1 "Manrope";letter-spacing:.16em;text-transform:uppercase;color:var(--hh-sage)}
#hh-landing .hh-registration{background:var(--hh-parchment);display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(50px,8vw,120px);align-items:start}
#hh-landing .hh-registration-copy{position:sticky;top:40px}
#hh-landing .hh-registration-copy>p:not(.hh-kicker):not(.hh-micro-note){color:#59645f;line-height:1.85;font-size:16px}
#hh-landing .hh-value-stack{margin-top:42px}
#hh-landing .hh-value-stack>div{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:18px 0;border-top:1px solid rgba(27,38,33,.16)}
#hh-landing .hh-value-stack span{color:var(--hh-copper);font-size:12px;font-weight:700}
#hh-landing .hh-value-stack p{margin:0;line-height:1.55}
#hh-landing .hh-micro-note{margin-top:28px;color:#35433d;font-size:11.5px;line-height:1.6;font-weight:500;}
#hh-landing .hh-form-card{background:var(--hh-ivory);border-radius:16px;padding:clamp(28px,4vw,56px);box-shadow:0 28px 80px rgba(27,38,33,.12);position:relative}

/* Wizard Header & Progress Bar */
#hh-landing .hh-wizard-header{margin-bottom:28px}
#hh-landing .hh-step-badge{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
#hh-landing .hh-step-pill{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--hh-copper);text-transform:uppercase}
#hh-landing .hh-step-pct{font-size:12px;font-weight:800;color:#35433d}
#hh-landing .hh-progress-track{height:6px;background:rgba(27,38,33,.08);border-radius:6px;overflow:hidden}
#hh-landing .hh-progress-fill{height:100%;background:linear-gradient(90deg,var(--hh-copper),#d4885f);border-radius:6px;transition:width .35s ease}

/* Step Typography */
#hh-landing .hh-step-heading{margin-bottom:24px}
#hh-landing .hh-step-tag{display:inline-block;color:var(--hh-copper);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
#hh-landing .hh-step-heading h3{margin:0 0 8px;font:600 clamp(28px,2.5vw,36px)/1.15 "Cormorant Garamond";color:var(--hh-ink)}
#hh-landing .hh-step-sub{color:#35433d;font-size:14px;margin:0;line-height:1.6}
#hh-landing .hh-group-label{display:block;font-size:14px;font-weight:700;color:#2c3a33;margin-bottom:12px}

/* Option Cards (Interactive Radio Pills) */
#hh-landing .hh-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#hh-landing .hh-options-grid.hh-stacked{grid-template-columns:1fr}
#hh-landing .hh-options-grid.hh-2col{grid-template-columns:1fr 1fr}
#hh-landing .hh-option-card{display:block;position:relative;cursor:pointer;margin:0}
#hh-landing .hh-option-card input{position:absolute;opacity:0;pointer-events:none}
#hh-landing .hh-opt-content{
  display:flex;align-items:center;gap:12px;padding:14px 16px;
  background:#fffdf9;border:1.5px solid #dcd7ce;border-radius:10px;
  transition:all .2s ease;min-height:52px;
}
#hh-landing .hh-option-card:hover .hh-opt-content{border-color:var(--hh-copper);background:#fff9f4;transform:translateY(-1px)}
#hh-landing .hh-opt-bullet{
  width:18px;height:18px;border-radius:50%;border:2px solid #999084;
  flex:0 0 auto;position:relative;transition:all .2s ease;
}
#hh-landing .hh-opt-text{font-size:13.5px;color:#2c3a33;font-weight:600;line-height:1.35}
#hh-landing .hh-option-card input:checked + .hh-opt-content{
  border-color:var(--hh-copper);background:#fbf3ec;box-shadow:0 4px 12px rgba(182,106,67,.12);
}
#hh-landing .hh-option-card input:checked + .hh-opt-content .hh-opt-bullet{
  border-color:var(--hh-copper);background:var(--hh-copper);
}
#hh-landing .hh-option-card input:checked + .hh-opt-content .hh-opt-bullet:after{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:6px;height:6px;border-radius:50%;background:#fff;
}
#hh-landing .hh-option-card input:checked + .hh-opt-content .hh-opt-text{
  font-weight:700;color:#1a2822;
}

/* Textarea & Inputs */
#hh-landing .hh-textarea-wrap{position:relative}
#hh-landing textarea{
  width:100%;padding:14px 16px;border:1.5px solid #dcd7ce;border-radius:10px;
  background:#fffdf9;font-family:inherit;font-size:14px;color:var(--hh-ink);
  outline:none;resize:vertical;min-height:95px;line-height:1.5;transition:border-color .2s ease;
}
#hh-landing textarea:focus{border-color:var(--hh-copper);box-shadow:0 0 0 3px rgba(182,106,67,.12)}
#hh-landing .hh-char-counter{display:block;text-align:right;font-size:11.5px;color:#45544d;margin-top:6px;font-weight:500;}

#hh-landing form>label{display:block;margin-top:16px}
#hh-landing label{font-size:13px;font-weight:700;color:#2c3a33}
#hh-landing input:not([type=radio]):not([type=checkbox]){
  width:100%;min-height:50px;margin-top:7px;padding:0 16px;
  border:1.5px solid #dcd7ce;border-radius:8px;background:#fffdf9;color:var(--hh-ink);outline:none;
  font-size:14px;transition:all .2s ease;
}
#hh-landing input:focus{border-color:var(--hh-copper);box-shadow:0 0 0 3px rgba(182,106,67,.12)}
#hh-landing .hh-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
#hh-landing .hh-field-row>label{margin-top:0}
#hh-landing .hh-consent{display:flex;gap:12px;align-items:flex-start;font-weight:500;line-height:1.45;margin-top:20px;font-size:12.5px;color:#35433d;cursor:pointer}
#hh-landing .hh-consent input{accent-color:var(--hh-copper);width:17px;height:17px;flex:0 0 auto;margin-top:2px}
#hh-landing .hh-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Wizard Navigation */
#hh-landing .hh-wizard-nav{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:28px}
#hh-landing .hh-btn-prev{
  padding:0 22px;min-height:56px;border:1.5px solid #c9c3b8;border-radius:7px;
  background:transparent;color:#45544d;font-weight:700;font-size:14px;cursor:pointer;transition:.2s;
}
#hh-landing .hh-btn-prev:hover{background:#ede7db;color:var(--hh-ink)}
#hh-landing .hh-btn-next{flex:1;min-height:56px;margin-top:0}
#hh-landing .hh-submit-button:disabled{opacity:.65;cursor:progress}
#hh-landing .hh-form-error{
  color:#b03426;font-size:13px;font-weight:600;margin:16px 0 0;padding:10px 14px;
  background:#fdf0ed;border-left:3px solid #b03426;border-radius:4px;
}
#hh-landing .hh-privacy-note{text-align:center;color:#45544d;font-size:11.5px;margin:16px 0 0;font-weight:500;}

/* Success Card */
#hh-landing .hh-success-card{min-height:540px;display:flex;flex-direction:column;justify-content:center;outline:none;text-align:left}
#hh-landing .hh-result-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:#eef4f0;color:#245842;font-size:12px;font-weight:700;margin-bottom:16px;align-self:flex-start}
#hh-landing .hh-success-card h3{margin:0 0 16px;font:600 clamp(32px,2.8vw,44px)/1.1 "Cormorant Garamond";color:var(--hh-ink)}
#hh-landing .hh-success-lead{color:#35433d;font-size:15px;line-height:1.7;margin-bottom:24px}
#hh-landing .hh-result-direction{margin:10px 0 24px;padding:22px;border-left:3px solid var(--hh-copper);background:#eee7db;border-radius:0 8px 8px 0}
#hh-landing .hh-result-direction strong{color:var(--hh-copper);text-transform:uppercase;letter-spacing:.08em;font-size:12px;display:block;margin-bottom:6px}
#hh-landing .hh-result-direction p{margin:0;color:#35433d;line-height:1.65;font-size:14px}
#hh-landing .hh-result-close{font:500 24px/1.3 "Cormorant Garamond";color:var(--hh-moss)!important;margin-bottom:28px}
#hh-landing .hh-authority{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;background:var(--hh-deep);color:var(--hh-ivory)}
#hh-landing .hh-authority .hh-role{color:var(--hh-copper);font-size:14px}
#hh-landing .hh-authority>p{margin:0;color:var(--hh-parchment);line-height:1.9}
#hh-landing .hh-faq{background:var(--hh-ivory);display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}
#hh-landing .hh-faq-list details{border-top:1px solid rgba(27,38,33,.2);padding:24px 0}
#hh-landing .hh-faq-list details:last-child{border-bottom:1px solid rgba(27,38,33,.2)}
#hh-landing .hh-faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;font-weight:600}
#hh-landing .hh-faq-list summary::-webkit-details-marker{display:none}
#hh-landing .hh-faq-list summary span{color:var(--hh-copper);font-size:22px;transition:transform .2s}
#hh-landing .hh-faq-list details[open] summary span{transform:rotate(45deg)}
#hh-landing .hh-faq-list details p{max-width:760px;color:#35433d;line-height:1.75}
#hh-landing .hh-final-cta{background:var(--hh-copper);color:var(--hh-ivory);text-align:center}
#hh-landing .hh-final-cta .hh-kicker{color:var(--hh-deep)}
#hh-landing .hh-final-cta h2{max-width:950px;margin:0 auto 42px}
#hh-landing .hh-final-cta .hh-primary-cta{background:var(--hh-deep)}
#hh-landing .hh-footer{padding:44px clamp(24px,7vw,110px);background:#06150f;color:var(--hh-ivory);display:grid;grid-template-columns:1fr auto auto;gap:36px;align-items:center}
#hh-landing .hh-footer p{color:var(--hh-sage);margin:0;font-size:12px}

/* ==========================================================================
   ESTILOS CARRUSEL DE TESTIMONIOS
   ========================================================================== */
#hh-landing .hh-testimonials{background:var(--hh-ivory);overflow:hidden;}
#hh-landing .hh-testimonial-carousel{max-width:850px;margin:50px auto 0 auto;position:relative;}
#hh-landing .hh-carousel-track{display:flex;width:100%;}
#hh-landing .hh-testimonial-card{
  display:none;min-width:100%;flex:0 0 100%;background:#fff;border:1px solid #dcd7ce;
  border-radius:16px;padding:clamp(32px, 5vw, 48px);box-shadow:0 12px 35px rgba(27,38,33,0.08);
  flex-direction:column;justify-content:space-between;gap:30px;opacity:0;transform:scale(0.98);
  transition:opacity 0.3s ease, transform 0.3s ease;
}
#hh-landing .hh-testimonial-card.active{
  display:flex;opacity:1;transform:scale(1);
}
#hh-landing .hh-testimonial-content p{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(22px, 2.2vw, 30px);line-height:1.35;color:var(--hh-ink);margin:0;font-style:italic;}
#hh-landing .hh-testimonial-author{display:flex;align-items:center;gap:18px;border-top:1px solid #eee8df;padding-top:20px;}
#hh-landing .hh-author-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--hh-copper);}
#hh-landing .hh-author-info h4{margin:0;font-family:"Manrope",sans-serif;font-weight:700;font-size:16px;color:var(--hh-ink);}
#hh-landing .hh-author-info span{display:block;font-size:13px;color:var(--hh-copper);font-weight:600;margin-top:2px;}
#hh-landing .hh-author-info time{display:block;font-size:11.5px;color:#45544d;margin-top:2px;font-weight:500;}

#hh-landing .hh-carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;}
#hh-landing .hh-carousel-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid #c9c3b8;background:transparent;color:var(--hh-ink);font-size:18px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;}
#hh-landing .hh-carousel-btn:hover{background:var(--hh-copper);border-color:var(--hh-copper);color:#fff;}
#hh-landing .hh-carousel-dots{display:flex;gap:10px;align-items:center;}
#hh-landing .hh-dot{width:12px;height:12px;border-radius:50%;border:none;background:#d4cebe;cursor:pointer;transition:all 0.2s ease;}
#hh-landing .hh-dot.active{background:var(--hh-copper);transform:scale(1.25);}

@keyframes hh-rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:980px){
  #hh-landing .hh-header nav{display:none}
  #hh-landing .hh-hero{min-height:840px;background-position:62% center;align-items:flex-end}
  #hh-landing .hh-hero-content{width:100%;padding:150px 24px 160px}
  #hh-landing .hh-hero-shade{background:linear-gradient(90deg,rgba(5,25,19,.96),rgba(5,25,19,.55)),linear-gradient(0deg,rgba(4,17,13,.8),transparent)}
  #hh-landing .hh-offer-float{width:calc(100% - 48px);right:24px;bottom:24px}
  #hh-landing .hh-pain-grid{grid-template-columns:1fr 1fr}
  #hh-landing .hh-method-heading,#hh-landing .hh-registration,#hh-landing .hh-authority,#hh-landing .hh-faq{grid-template-columns:1fr;gap:54px}
  #hh-landing .hh-stage-list{grid-template-columns:1fr 1fr}
  #hh-landing .hh-stage-list article{border-bottom:1px solid rgba(244,239,229,.18)}
  #hh-landing .hh-registration-copy{position:static}
  #hh-landing .hh-experience{grid-template-columns:1fr;background-position:center}
  #hh-landing .hh-footer{grid-template-columns:1fr;text-align:center}
}

@media(max-width:620px){
  #hh-landing .hh-header{min-height:78px;padding:16px 20px}
  #hh-landing .hh-brand{font-size:29px}
  #hh-landing .hh-header-cta{padding:11px 13px;font-size:11px}
  #hh-landing .hh-hero{min-height:820px;background-position:68% center}
  #hh-landing .hh-hero-content{padding:110px 20px 190px}
  #hh-landing .hh-hero h1{font-size:clamp(52px,15vw,68px)}
  #hh-landing .hh-hero-copy{font-size:17px;line-height:1.55}
  #hh-landing .hh-primary-cta{width:100%;min-height:62px;padding:0 22px;gap:18px}
  #hh-landing .hh-trust-line{font-size:12px}
  #hh-landing .hh-offer-float{align-items:flex-start;width:calc(100% - 32px);right:16px;bottom:16px;padding:20px}
  #hh-landing .hh-offer-float p{font-size:13px}
  #hh-landing .hh-leaf-mark{font-size:38px}
  #hh-landing .hh-section-pad{padding:76px 20px}
  #hh-landing h2{font-size:46px}
  #hh-landing .hh-pain-grid,#hh-landing .hh-stage-list,#hh-landing .hh-field-row{grid-template-columns:1fr}
  #hh-landing .hh-pain-grid h3,#hh-landing .hh-stage-list h3{margin-top:26px}
  #hh-landing .hh-method-heading{gap:36px}
  #hh-landing .hh-stage-list article,#hh-landing .hh-stage-list article:not(:first-child){padding:28px 0;border-right:0}
  #hh-landing .hh-experience{padding-top:260px}
  #hh-landing .hh-experience blockquote{padding:34px 28px}
  #hh-landing .hh-form-card{padding:28px 20px}
  #hh-landing .hh-authority,#hh-landing .hh-faq{gap:38px}
}

@media(prefers-reduced-motion:reduce){
  #hh-landing,#hh-landing *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}