/*
 * Gestdoc — Sección Hero IA
 * === origen: Gestdoc Sitio v5.dc.html · Home · <section> hero (inline → clases) ===
 * heroCalm / heroMorph → .gd-hero.is-morph · morphBg → opacity · heroMainMax/heroAlign/heroItems (w ≥ 900)
 * goLabel (isMobile) → .gd-hero__go-full / -short · qEmpty → .gd-hero.has-q
 */
.gd-hero{position:relative;overflow:hidden;background:#fff}
.gd-hero__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(10,15,31,.09) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%)}
.gd-hero__par{position:absolute;inset:0;pointer-events:none}
.gd-hero__blob--blue{position:absolute;left:12%;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(31,59,255,.20),transparent 65%);filter:blur(30px);animation:gdDrift 18s ease-in-out infinite}
.gd-hero__blob--amber{position:absolute;right:6%;top:60px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(255,159,28,.20),transparent 65%);filter:blur(30px);animation:gdDrift 22s ease-in-out infinite reverse}
.gd-hero__morph-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(238,241,255,.9),rgba(255,244,229,.7));opacity:0;transition:opacity .6s ease;pointer-events:none}
.gd-hero.is-morph .gd-hero__morph-bg{opacity:1}
.gd-hero__inner{position:relative;max-width:1240px;margin:0 auto;padding:clamp(44px,7cqw,100px) 20px clamp(48px,6cqw,88px);display:flex;flex-wrap:wrap;gap:48px;align-items:center;justify-content:center}
.gd-hero__main{flex:1 1 560px;min-width:0;max-width:1000px;text-align:center;display:flex;flex-direction:column;align-items:center}
.gd-hero__live{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #E9ECF2;border-radius:999px;padding:5px 14px 5px 5px;font-size:13px;color:#475069;cursor:pointer;max-width:100%;box-shadow:0 2px 8px rgba(16,24,40,.05)}
.gd-hero__live-badge{background:#E7F8F1;color:#0E7A55;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;white-space:nowrap;flex:none;display:flex;align-items:center;gap:6px}
.gd-hero__live-dot{width:6px;height:6px;border-radius:50%;background:#0E9F6E;display:block;animation:gdBlink 1.6s infinite}
.gd-hero__live-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd-hero__title{font-weight:600;font-size:clamp(46px,8cqw,116px);line-height:.95;letter-spacing:-.055em;margin:26px 0 0;max-width:1100px;text-wrap:balance}
.gd-hero__grad{background:linear-gradient(90deg,#1F3BFF,#7A88FF 60%,#FF9F1C);-webkit-background-clip:text;background-clip:text;color:transparent}
.gd-hero__lead{font-size:clamp(18px,1.8cqw,22px);line-height:1.45;color:#475069;margin:22px 0 0;max-width:660px;text-wrap:pretty}
.gd-hero__mk{font:500 12px 'Geist Mono',monospace;letter-spacing:.12em;color:#1F3BFF;margin-top:28px;animation:gdIn .4s ease}
.gd-hero__mtitle{font-weight:600;font-size:clamp(38px,5.2cqw,74px);line-height:.98;letter-spacing:-.05em;margin:12px 0 0;text-wrap:balance;animation:gdIn .45s ease}
.gd-hero__msub{font-size:clamp(17px,1.6cqw,20px);line-height:1.45;color:#475069;margin:16px 0 0;max-width:560px;animation:gdIn .5s ease}
.gd-hero__search{position:relative;width:100%;max-width:760px;margin-top:36px;text-align:left}
.gd-hero__glow{position:absolute;left:6%;right:6%;bottom:-24px;height:60px;background:radial-gradient(ellipse,rgba(31,59,255,.35),transparent 70%);filter:blur(18px)}
.gd-hero__ring{position:relative;border-radius:24px;padding:2px;overflow:hidden;box-shadow:0 24px 60px -18px rgba(31,59,255,.35)}
.gd-hero__conic{position:absolute;left:-50%;top:-200%;width:200%;height:500%;background:conic-gradient(from 0deg,#1F3BFF,#B4BDFF,#FF9F1C,#FFD7A0,#1F3BFF);animation:gdSpin 6s linear infinite}
.gd-hero__box{position:relative;background:#fff;border-radius:22px}
.gd-hero__bar{display:flex;align-items:center;gap:12px;padding:9px 9px 9px 20px}
.gd-hero__ia{font:600 11px 'Geist Mono',monospace;background:linear-gradient(90deg,#1F3BFF,#8E9BFF);color:#fff;border-radius:7px;padding:5px 8px;flex:none}
.gd-hero__field{flex:1;min-width:0;position:relative}
.gd-hero__input{width:100%;border:0;outline:none;font-size:clamp(17px,1.7cqw,20px);color:#0A0F1F;padding:15px 0;background:transparent}
.gd-hero__tw{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none;font-size:clamp(17px,1.7cqw,20px);color:#98A2B3;white-space:nowrap;overflow:hidden;max-width:100%}
.gd-hero.has-q .gd-hero__tw{display:none}
.gd-typewriter__caret{display:inline-block;width:2px;height:1.05em;background:#1F3BFF;margin-left:2px;vertical-align:-3px;animation:gdBlink 1s infinite}
.gd-hero__go{background:#1F3BFF;color:#fff;border:0;border-radius:16px;padding:16px 22px;font-size:16px;font-weight:600;cursor:pointer;flex:none;white-space:nowrap}
.gd-hero__go:hover{background:#0A0F1F}
.gd-hero__go-short{display:none}
.gd-hero__panel{border-top:1px solid #EEF0F5;padding:14px}
.gd-hero__panel[hidden]{display:none}
.gd-hero__examples{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;max-width:820px}
.gd-hero__example{background:#fff;border:1px solid #E9ECF2;color:#1B2236;border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:all .15s}
.gd-hero__example:hover{border-color:#1F3BFF;color:#1F3BFF;transform:translateY(-2px)}
.gd-hero__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:30px;font-size:14px;color:#475069}
.gd-hero__trust-item{display:flex;align-items:center;gap:7px}
.gd-hero__check{width:18px;height:18px;border-radius:50%;background:#E7F8F1;color:#0E9F6E;font-size:11px;display:flex;align-items:center;justify-content:center}

/* Tarjeta borrador (heroMorph) */
.gd-hero__card-wrap{flex:0 1 440px;min-width:0;width:100%;position:relative;animation:gdPop .5s cubic-bezier(.2,.8,.2,1)}
.gd-hero__card-bg{position:absolute;inset:-28px;border-radius:40px;background:linear-gradient(135deg,#DDE3FF,#FFE9C7);opacity:.7}
.gd-hero__card{position:relative;background:#fff;border-radius:16px;padding:28px;box-shadow:0 40px 90px -30px rgba(10,15,31,.35),0 0 0 1px rgba(10,15,31,.05);transform:rotate(-1.5deg)}
.gd-hero__card-top{display:flex;justify-content:space-between;font:500 10px 'Geist Mono',monospace;color:#98A2B3;letter-spacing:.08em}
.gd-hero__card-ready{color:#1F3BFF}
.gd-hero__card-name{font-size:24px;font-weight:600;letter-spacing:-.03em;margin-top:12px;line-height:1.1}
.gd-hero__card-by{font-size:13px;color:#667085;margin-top:6px}
.gd-hero__card-k{margin-top:18px;font:500 11px 'Geist Mono',monospace;color:#98A2B3;letter-spacing:.08em}
.gd-hero__fields{display:flex;flex-direction:column;margin-top:6px}
.gd-hero__field-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #EEF0F5;font-size:14px;animation:gdIn .45s ease both}
.gd-hero__field-k{color:#1B2236}
.gd-hero__field-bar{height:10px;background:linear-gradient(90deg,#F1F3F8 0,#E3E8FF 40%,#F1F3F8 80%);background-size:800px 100%;animation:gdShimmer 1.6s linear infinite;border-radius:4px;display:block}
.gd-hero__lines{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.gd-hero__line{height:5px;background:#EEF0F5;border-radius:3px;display:block}
.gd-hero__line--92{width:92%}
.gd-hero__line--68{width:68%}
.gd-hero__card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}
.gd-hero__card-prices{display:flex;align-items:baseline;gap:8px}
.gd-hero__card-ps{font-size:34px;font-weight:600;letter-spacing:-.04em}
.gd-hero__card-otros{font-size:14px;color:#7A8399;text-decoration:line-through}
.gd-hero__card-go{background:#1F3BFF;color:#fff;border:0;border-radius:14px;padding:14px 18px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 10px 24px -8px rgba(31,59,255,.6)}
.gd-hero__card-go:hover{background:#0A0F1F}
.gd-hero__stamp{position:absolute;right:-18px;top:-18px;width:76px;height:76px;border-radius:50%;background:#1F3BFF;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(31,59,255,.45);animation:gdStamp .6s .3s ease both;transform:rotate(8deg)}
.gd-hero__stamp-k{font:500 7px 'Geist Mono',monospace;letter-spacing:.14em}
.gd-hero__stamp-t{font-size:19px;font-weight:700;letter-spacing:-.03em;line-height:1.05}

/* Estados calm / morph */
.gd-hero__morph{display:none}
.gd-hero.is-morph .gd-hero__calm{display:none}
.gd-hero.is-morph .gd-hero__morph{display:block}
@media (min-width:900px){
  .gd-hero.is-morph .gd-hero__main{max-width:640px;text-align:left;align-items:flex-start}
  .gd-hero.is-morph .gd-hero__examples,.gd-hero.is-morph .gd-hero__trust{justify-content:flex-start}
}
@media (max-width:759.98px){
  .gd-hero__go-full{display:none}
  .gd-hero__go-short{display:inline}
}
