.institutional-page .site-header { position: sticky; }
.institutional-main { min-height: 64vh; }
.nav-link.active { color: #9e75ff; opacity: 1; }
.nav-link.active::after { content: ""; display: block; width: 18px; height: 2px; margin: 4px auto 0; border-radius: 99px; background: linear-gradient(90deg, var(--purple), var(--cyan)); }
.page-hero { min-height: 535px; padding-top: 78px; padding-bottom: 72px; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); align-items: center; gap: 70px; }
.page-hero.compact { min-height: 365px; grid-template-columns: 1fr; padding-bottom: 45px; }
.page-hero-copy { max-width: 780px; }
.page-hero-copy.wide { max-width: 920px; }
.page-eyebrow { display: inline-flex; align-items: center; min-height: 28px; padding: 0 14px; border: 1px solid rgba(132, 93, 255, .35); border-radius: 999px; color: #b4a0ff; background: rgba(86, 61, 190, .08); font-size: 10px; font-weight: 750; letter-spacing: .17em; }
.page-hero h1 { margin: 18px 0 20px; max-width: 980px; font-size: clamp(43px, 5.4vw, 76px); line-height: 1.03; letter-spacing: -.05em; font-weight: 710; }
.page-hero.compact h1 { font-size: clamp(40px, 4.7vw, 66px); }
.page-hero p { max-width: 760px; margin: 0; color: var(--muted); font-size: 18px; line-height: 1.72; }
.page-actions { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 31px; }
.content-section { padding-top: 72px; padding-bottom: 72px; }
.first-section { padding-top: 20px; }
.section-heading { max-width: 800px; margin-bottom: 36px; }
.section-heading > span { color: #9e7cff; font-size: 10px; font-weight: 750; letter-spacing: .18em; }
.section-heading h2 { margin: 10px 0 11px; font-size: clamp(30px, 3.2vw, 48px); line-height: 1.08; letter-spacing: -.035em; }
.section-heading p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.choice-card, .module-group-card, .pricing-card, .principle-card, .contact-options article { position: relative; border: 1px solid var(--stroke); border-radius: 22px; background: linear-gradient(145deg, rgba(10, 23, 50, .78), rgba(5, 13, 31, .58)); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
html[data-theme="light"] .choice-card, html[data-theme="light"] .module-group-card, html[data-theme="light"] .pricing-card, html[data-theme="light"] .principle-card, html[data-theme="light"] .contact-options article { background: rgba(255,255,255,.65); }
.choice-card { min-height: 430px; padding: 40px; }
.choice-card.featured { border-color: rgba(123, 87, 255, .52); box-shadow: 0 26px 70px rgba(68, 47, 190, .13), inset 0 1px 0 rgba(255,255,255,.04); }
.card-number { display: block; color: #7158ff; font-size: 12px; letter-spacing: .12em; }
.card-badge { position: absolute; right: 24px; top: 24px; padding: 6px 10px; border-radius: 999px; background: rgba(115, 75, 255, .12); color: #b79dff; font-size: 9px; letter-spacing: .12em; }
.choice-card h3 { margin: 40px 0 13px; font-size: 33px; letter-spacing: -.03em; }
.choice-card > p { min-height: 80px; margin: 0 0 25px; color: var(--muted); line-height: 1.7; }
.check-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.check-list li { position: relative; padding-left: 24px; color: var(--muted); }
.check-list li::before { content: ""; position: absolute; left: 0; top: .42em; width: 11px; height: 6px; border-left: 1.8px solid var(--cyan); border-bottom: 1.8px solid var(--cyan); transform: rotate(-45deg); }
.text-link { display: inline-flex; margin-top: 30px; color: #9b83ff; font-weight: 680; }
.button-link { padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; }
.process-line { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--stroke); border-radius: 22px; overflow: hidden; background: rgba(6, 15, 34, .48); }
.process-line article { min-height: 205px; padding: 30px; border-right: 1px solid var(--stroke); }
.process-line article:last-child { border-right: 0; }
.process-line i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: rgba(116, 78, 255, .12); color: #9f82ff; font-style: normal; font-size: 12px; }
.process-line strong { display: block; margin: 34px 0 8px; font-size: 20px; }
.process-line span { color: var(--muted); font-size: 14px; line-height: 1.6; }
.page-cta { margin-top: 60px; margin-bottom: 100px; min-height: 190px; padding: 40px 48px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid transparent; border-radius: 24px; background: linear-gradient(var(--panel-strong), var(--panel-strong)) padding-box, linear-gradient(110deg, rgba(45, 131, 255, .7), rgba(151, 72, 255, .8), rgba(25, 221, 234, .55)) border-box; box-shadow: 0 35px 90px rgba(0,0,0,.22); }
.page-cta span { color: #a98cff; font-size: 10px; font-weight: 750; letter-spacing: .16em; }
.page-cta h2 { max-width: 780px; margin: 7px 0 0; font-size: clamp(27px, 3vw, 42px); line-height: 1.12; letter-spacing: -.035em; }
.solution-orbit { position: relative; width: 430px; height: 430px; margin-inline: auto; border: 1px solid rgba(92, 105, 255, .18); border-radius: 50%; background: radial-gradient(circle, rgba(73, 58, 198, .16), transparent 60%); }
.solution-orbit::before, .solution-orbit::after { content: ""; position: absolute; border: 1px solid rgba(75, 137, 255, .13); border-radius: 50%; inset: 55px; }
.solution-orbit::after { inset: 115px; border-style: dashed; }
.orbit-core { position: absolute; inset: 135px; display: grid; place-content: center; text-align: center; border: 1px solid rgba(123, 91, 255, .45); border-radius: 50%; background: linear-gradient(145deg, #101d48, #0a1029); box-shadow: 0 0 55px rgba(81, 76, 255, .23); }
.orbit-core strong { font-size: 45px; line-height: 1; color: transparent; background: linear-gradient(130deg, #a44cff, #2ad9e2); -webkit-background-clip: text; background-clip: text; }
.orbit-core span { margin-top: 8px; color: var(--muted); font-size: 11px; }
.orbit-item { position: absolute; min-width: 92px; padding: 9px 12px; text-align: center; border: 1px solid var(--stroke); border-radius: 10px; background: rgba(6, 15, 35, .88); font-size: 12px; box-shadow: 0 12px 30px rgba(0,0,0,.25); }
.item-a { left: 2px; top: 190px; }.item-b { right: 4px; top: 105px; }.item-c { right: 12px; bottom: 90px; }.item-d { left: 70px; top: 43px; }.item-e { left: 70px; bottom: 35px; }
.segment-page-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; }
.segment-page-card { min-height: 330px; padding: 35px; border: 1px solid var(--stroke); border-radius: 22px; background: linear-gradient(145deg, rgba(9, 22, 49, .78), rgba(5, 13, 31, .5)); transition: transform .25s, border-color .25s, box-shadow .25s; }
.segment-page-card:last-child { grid-column: 1 / -1; }
.segment-page-card:hover { transform: translateY(-5px); border-color: rgba(112, 87, 255, .52); box-shadow: 0 24px 60px rgba(20, 18, 75, .22); }
.segment-code { color: #755dff; font-size: 11px; letter-spacing: .15em; }
.segment-page-card h2 { margin: 34px 0 12px; font-size: 35px; }
.segment-page-card p { max-width: 640px; margin: 0; color: var(--muted); line-height: 1.7; }
.segment-page-card > strong { display: block; margin-top: 27px; color: #a58bff; font-size: 13px; }
.tag-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.tag-row span { padding: 6px 9px; border: 1px solid var(--stroke); border-radius: 999px; color: var(--muted); font-size: 10px; }
.split-panel, .comparison-note { padding: 48px; display: flex; align-items: center; justify-content: space-between; gap: 45px; border: 1px solid var(--stroke); border-radius: 24px; background: linear-gradient(120deg, rgba(19, 30, 70, .62), rgba(7, 15, 34, .48)); }
.split-panel h2, .comparison-note h2 { margin: 11px 0; max-width: 760px; font-size: 35px; line-height: 1.15; }
.split-panel p { max-width: 770px; color: var(--muted); line-height: 1.7; }
.segment-showcase { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; padding: 28px; border: 1px solid var(--stroke); border-radius: 24px; background: linear-gradient(145deg, rgba(12, 26, 57, .72), rgba(5, 13, 31, .6)); }
.showcase-label { grid-column: 1/-1; margin-bottom: 8px; color: #9a7eff; font-size: 10px; letter-spacing: .16em; }
.segment-showcase div { min-height: 68px; display: grid; place-items: center; text-align: center; border: 1px solid rgba(92, 125, 195, .17); border-radius: 12px; background: rgba(3, 10, 25, .3); color: #c7cedc; font-size: 13px; }
.module-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.module-feature-grid article { min-height: 220px; padding: 27px; border: 1px solid var(--stroke); border-radius: 18px; background: rgba(8, 18, 41, .56); }
.module-feature-grid article > span { color: #755cff; font-size: 11px; }
.module-feature-grid h3 { margin: 36px 0 9px; font-size: 20px; line-height: 1.2; }
.module-feature-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.package-strip { display: grid; grid-template-columns: .9fr 1.1fr; gap: 45px; align-items: center; padding: 45px; border: 1px solid var(--stroke); border-radius: 24px; }
.package-strip h2 { margin: 11px 0 0; font-size: 36px; line-height: 1.15; }
.package-mini-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.package-mini-grid a { padding: 18px; border: 1px solid var(--stroke); border-radius: 13px; background: rgba(5, 13, 31, .38); }
.package-mini-grid strong, .package-mini-grid span { display: block; }.package-mini-grid span { margin-top: 4px; color: var(--muted); font-size: 11px; }
.module-group-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.module-group-card { padding: 35px; }
.module-group-card h2 { margin: 0 0 10px; font-size: 29px; }
.module-group-card p { margin: 0 0 25px; color: var(--muted); }
.module-group-card ul { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0; padding: 0; }
.module-group-card li { padding: 12px; border: 1px solid rgba(92,125,195,.15); border-radius: 10px; color: #c6cede; font-size: 13px; }
.dependency-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.dependency-grid article { padding: 30px; border: 1px solid var(--stroke); border-radius: 19px; background: rgba(7, 16, 37, .52); }
.dependency-grid strong { font-size: 22px; }.dependency-grid p { min-height: 100px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.dependency-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }.dependency-flow span { padding: 7px 9px; border-radius: 8px; background: rgba(80, 66, 210, .12); color: #b9aaff; font-size: 10px; }.dependency-flow i { color: var(--muted); font-style: normal; }
.pricing-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; align-items: stretch; }
.pricing-card { min-height: 550px; padding: 29px; display: flex; flex-direction: column; }
.pricing-card.custom { border-color: rgba(128, 88, 255, .58); transform: translateY(-13px); box-shadow: 0 28px 70px rgba(65, 39, 190, .17); }
.pricing-label { color: #9e7bff; font-size: 10px; font-weight: 750; letter-spacing: .14em; }
.pricing-card h2 { margin: 16px 0 10px; font-size: 30px; }
.pricing-card > p { min-height: 110px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.pricing-placeholder { margin: 23px 0; padding: 17px; border: 1px solid var(--stroke); border-radius: 12px; background: rgba(3, 10, 24, .3); }
.pricing-placeholder small, .pricing-placeholder strong { display: block; }.pricing-placeholder small { color: var(--muted-2); font-size: 9px; letter-spacing: .14em; }.pricing-placeholder strong { margin-top: 6px; font-size: 13px; }
.pricing-card .check-list { min-height: 120px; }.pricing-card .check-list li { font-size: 13px; }
.ideal-for { display: block; min-height: 67px; margin-top: 25px; color: var(--muted); line-height: 1.5; }.ideal-for b { color: var(--text); }
.pricing-card .btn { width: 100%; margin-top: auto; }
.comparison-note .check-list { min-width: 370px; grid-template-columns: repeat(2, 1fr); }
.builder-hero { grid-template-columns: 1fr .9fr; }
.builder-preview-card { padding: 28px; border: 1px solid rgba(117, 84, 255, .46); border-radius: 24px; background: linear-gradient(145deg, rgba(14, 30, 66, .82), rgba(5, 13, 31, .72)); box-shadow: 0 40px 100px rgba(0,0,0,.3); }
.builder-top { padding-bottom: 21px; border-bottom: 1px solid var(--stroke); }.builder-top span, .builder-top strong { display: block; }.builder-top span { color: var(--muted); font-size: 10px; letter-spacing: .12em; }.builder-top strong { margin-top: 7px; font-size: 22px; }
.builder-selection { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; padding: 22px 0; }.builder-selection span { padding: 12px; display: flex; justify-content: space-between; border: 1px solid var(--stroke); border-radius: 10px; font-size: 12px; }.builder-selection i { color: var(--green); font-style: normal; font-size: 9px; }.builder-selection span:last-child i { color: var(--muted); }
.builder-total { padding: 18px; border-radius: 13px; background: linear-gradient(110deg, rgba(115, 68, 255, .15), rgba(35, 125, 255, .13)); }.builder-total span, .builder-total strong { display: block; }.builder-total span { color: var(--muted); font-size: 11px; }.builder-total strong { margin-top: 5px; font-size: 18px; }
.builder-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }.builder-steps article { min-height: 250px; padding: 28px; border: 1px solid var(--stroke); border-radius: 19px; }.builder-steps b { color: #795eff; font-size: 12px; }.builder-steps h3 { margin: 45px 0 10px; font-size: 20px; }.builder-steps p { color: var(--muted); font-size: 14px; line-height: 1.65; }
.use-case-panel { display: grid; grid-template-columns: 1.2fr .8fr; gap: 50px; align-items: center; padding: 50px; border: 1px solid var(--stroke); border-radius: 24px; }.use-case-panel h2 { margin: 10px 0; font-size: 39px; line-height: 1.12; }.use-case-panel p { color: var(--muted); line-height: 1.7; }.use-case-result { padding: 35px; border-radius: 17px; background: linear-gradient(135deg, rgba(126, 67, 255, .17), rgba(30, 128, 255, .12)); }.use-case-result small, .use-case-result strong, .use-case-result span { display: block; }.use-case-result small { color: #9a7bff; letter-spacing: .15em; }.use-case-result strong { margin: 35px 0 8px; font-size: 28px; }.use-case-result span { color: var(--muted); }
.story-grid { display: grid; grid-template-columns: 1.5fr repeat(2, .75fr); gap: 15px; }.story-main { grid-row: span 2; padding: 45px; border: 1px solid var(--stroke); border-radius: 23px; background: linear-gradient(145deg, rgba(12, 26, 57, .72), rgba(5, 13, 31, .55)); }.story-main h2 { margin: 13px 0; font-size: 42px; line-height: 1.12; }.story-main p { color: var(--muted); line-height: 1.75; }.principle-card { padding: 27px; }.principle-card strong { display: block; margin-bottom: 35px; font-size: 22px; }.principle-card span { color: var(--muted); font-size: 13px; line-height: 1.6; }
.vision-panel { max-width: 1050px; margin-inline: auto; text-align: center; }.vision-panel > span { color: #9677ff; font-size: 10px; letter-spacing: .18em; }.vision-panel blockquote { margin: 28px 0; font-size: clamp(30px, 4vw, 53px); line-height: 1.25; letter-spacing: -.035em; }.vision-panel p { color: var(--muted); }
.contact-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 20px; }.contact-options { display: grid; gap: 14px; }.contact-options article { padding: 32px; }.contact-options article > span { color: #795dff; font-size: 10px; }.contact-options h2 { margin: 25px 0 8px; font-size: 27px; }.contact-options p { margin: 0; color: var(--muted); line-height: 1.65; }.contact-summary { padding: 40px; border: 1px solid var(--stroke); border-radius: 22px; background: rgba(7, 17, 39, .52); }.contact-summary h2 { margin: 13px 0 25px; font-size: 34px; line-height: 1.15; }.contact-summary small { display: block; margin-top: 30px; color: var(--muted-2); line-height: 1.6; }
.reserved-page { min-height: calc(100vh - 167px); display: grid; place-items: center; padding-block: 80px; }.reserved-card { max-width: 740px; padding: 60px; text-align: center; border: 1px solid var(--stroke); border-radius: 26px; background: linear-gradient(145deg, rgba(13, 27, 59, .77), rgba(5, 13, 31, .58)); }.reserved-icon { width: 68px; height: 68px; display: grid; place-items: center; margin: 0 auto 25px; border: 1px solid rgba(126, 83, 255, .45); border-radius: 20px; color: transparent; background: linear-gradient(135deg, #a14aff, #22d8e4); -webkit-background-clip: text; background-clip: text; font-size: 36px; font-weight: 800; }.reserved-card h1 { margin: 17px 0; font-size: 43px; line-height: 1.1; }.reserved-card p { color: var(--muted); font-size: 17px; line-height: 1.7; }.reserved-card .page-actions { justify-content: center; }.error-code { display: block; color: transparent; background: linear-gradient(90deg, #2c82ff, #9d42ff); -webkit-background-clip: text; background-clip: text; font-size: 100px; font-weight: 800; line-height: .85; }
.legal-content { max-width: 900px; }.legal-content article { padding: 30px 0; border-bottom: 1px solid var(--stroke); }.legal-content h2 { margin: 0 0 9px; font-size: 26px; }.legal-content p { margin: 0; color: var(--muted); line-height: 1.75; }.legal-content > small { display: block; margin-top: 30px; color: var(--muted-2); }
.institutional-footer { margin-top: 40px; }.footer-grid { padding-block: 54px; display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 55px; }.footer-about p { max-width: 440px; color: var(--muted); font-size: 13px; line-height: 1.65; }.footer-column { display: flex; flex-direction: column; gap: 10px; }.footer-column strong { margin-bottom: 6px; font-size: 13px; }.footer-column a { color: var(--muted); font-size: 12px; }.footer-column a:hover { color: #a48aff; }.footer-bottom { min-height: 64px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--stroke); color: var(--muted-2); font-size: 11px; }

@media (max-width: 1100px) {
    .page-hero { grid-template-columns: 1fr; min-height: auto; }.solution-orbit { margin-top: 20px; }.module-feature-grid, .pricing-grid, .builder-steps { grid-template-columns: repeat(2, 1fr); }.pricing-card.custom { transform: none; }.dependency-grid { grid-template-columns: 1fr; }.dependency-grid p { min-height: 0; }.story-grid { grid-template-columns: 1fr 1fr; }.story-main { grid-column: 1/-1; grid-row: auto; }.contact-layout { grid-template-columns: 1fr; }.footer-grid { grid-template-columns: 1.5fr repeat(3, 1fr); gap: 25px; }
}
@media (max-width: 820px) {
    .page-hero { padding-top: 55px; gap: 40px; }.page-hero p { font-size: 16px; }.choice-grid, .segment-page-grid, .module-group-grid, .package-strip, .use-case-panel { grid-template-columns: 1fr; }.segment-page-card:last-child { grid-column: auto; }.process-line { grid-template-columns: repeat(2, 1fr); }.process-line article:nth-child(2) { border-right: 0; }.process-line article:nth-child(-n+2) { border-bottom: 1px solid var(--stroke); }.module-feature-grid, .pricing-grid, .builder-steps { grid-template-columns: repeat(2, 1fr); }.package-mini-grid { margin-top: 10px; }.comparison-note, .split-panel, .page-cta { align-items: flex-start; flex-direction: column; }.comparison-note .check-list { min-width: 0; }.story-grid { grid-template-columns: 1fr; }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-about { grid-column: 1/-1; }.solution-orbit { transform: scale(.83); margin-block: -35px; }
}
@media (max-width: 560px) {
    .page-hero { padding-top: 45px; padding-bottom: 35px; }.page-hero h1, .page-hero.compact h1 { font-size: 40px; }.page-hero p { font-size: 14px; }.content-section { padding-block: 48px; }.choice-card, .module-group-card, .pricing-card, .contact-options article { padding: 27px; }.choice-card { min-height: 0; }.choice-card > p { min-height: 0; }.process-line, .module-feature-grid, .pricing-grid, .builder-steps, .builder-selection, .module-group-card ul, .comparison-note .check-list { grid-template-columns: 1fr; }.process-line article { min-height: 160px; border-right: 0; border-bottom: 1px solid var(--stroke); }.process-line article:last-child { border-bottom: 0; }.page-cta { margin-bottom: 60px; padding: 31px 25px; }.solution-orbit { width: 340px; height: 340px; transform: scale(.82); margin-left: -22px; }.orbit-core { inset: 105px; }.orbit-item { min-width: 80px; }.item-a { top: 150px; }.item-b { top: 75px; }.item-c { bottom: 65px; }.item-d { top: 25px; left: 50px; }.item-e { bottom: 22px; left: 48px; }.segment-page-card { min-height: 0; padding: 28px; }.segment-page-card h2 { font-size: 29px; }.split-panel, .comparison-note, .use-case-panel { padding: 30px 24px; }.segment-showcase { grid-template-columns: 1fr; }.package-mini-grid { grid-template-columns: 1fr; }.builder-preview-card { padding: 20px; }.story-main { padding: 30px 25px; }.story-main h2 { font-size: 34px; }.reserved-card { padding: 42px 23px; }.reserved-card h1 { font-size: 35px; }.footer-grid { grid-template-columns: 1fr; }.footer-about { grid-column: auto; }.footer-bottom { flex-direction: column; justify-content: center; gap: 7px; text-align: center; }.nav-link.active::after { display: none; }
}

/* Etapa 3 — backend comercial */
.commercial-contact-layout{align-items:start}.contact-form-panel{border:1px solid var(--stroke);border-radius:18px;padding:28px;background:linear-gradient(145deg,rgba(16,25,54,.92),rgba(5,10,27,.92));box-shadow:var(--shadow)}.contact-form-panel h2{font-size:28px;margin:8px 0 4px}.contact-form-panel .modal-submit{width:100%}
.thank-you-hero{min-height:72vh;display:grid;place-items:center}.thank-you-card{width:min(820px,100%);text-align:center;border:1px solid var(--stroke);border-radius:24px;padding:54px;background:linear-gradient(145deg,rgba(18,28,61,.96),rgba(5,10,28,.96));box-shadow:var(--shadow)}.thank-you-check{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#794cff,#25dce3);font-size:34px;font-weight:800;color:#fff}.thank-you-card h1{font-size:clamp(34px,5vw,58px);margin:10px 0}.thank-you-card>p{max-width:650px;margin:0 auto;color:var(--muted);line-height:1.7}.protocol-card{display:grid;gap:6px;max-width:400px;margin:28px auto;padding:18px;border:1px solid rgba(91,107,255,.35);border-radius:14px;background:rgba(88,76,255,.08)}.protocol-card small{letter-spacing:.16em;color:#9b85ff}.protocol-card strong{font-size:25px}.protocol-card span{font-size:12px;color:var(--muted)}.next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.next-steps article{display:grid;gap:8px;padding:17px;border:1px solid var(--stroke);border-radius:13px;background:rgba(255,255,255,.025)}.next-steps b{color:#7b7cff}.next-steps span{font-size:13px;color:#c4ccdc}.thank-you-card .page-actions{justify-content:center}
@media(max-width:760px){.commercial-contact-layout{grid-template-columns:1fr}.thank-you-card{padding:36px 20px}.next-steps{grid-template-columns:1fr}}

.segment-plan-filter { display: flex; justify-content: flex-end; margin-bottom: 24px; }
.segment-plan-filter label { width: min(360px, 100%); color: var(--muted, #9ba3c5); font-size: .78rem; }
.segment-plan-filter select { margin-top: 8px; width: 100%; padding: 12px 14px; border: 1px solid rgba(139,123,255,.22); border-radius: 12px; background: rgba(8,12,30,.88); color: #f3f4ff; }

/* Etapa 6 — configurador customizado */
.builder-value-card{align-self:center;padding:36px;border:1px solid var(--stroke);border-radius:24px;background:linear-gradient(145deg,rgba(18,27,59,.92),rgba(7,12,31,.9));box-shadow:var(--shadow)}.builder-value-card>span{color:#8d78ff;font-size:.7rem;letter-spacing:.16em}.builder-value-card strong{display:block;margin:20px 0 10px;font-size:2.2rem}.builder-value-card p{margin:0;color:var(--muted);line-height:1.7}.custom-builder-shell{padding-top:20px}.custom-builder-form{display:grid;gap:24px}.builder-progress{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--stroke);border-radius:18px;overflow:hidden;background:rgba(7,12,30,.78)}.builder-progress button{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border:0;border-right:1px solid var(--stroke);background:transparent;color:var(--muted);cursor:pointer}.builder-progress button:last-child{border-right:0}.builder-progress b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.05)}.builder-progress button.is-active{color:#fff;background:linear-gradient(135deg,rgba(54,115,255,.14),rgba(146,63,255,.14))}.builder-progress button.is-active b{background:linear-gradient(135deg,#377cff,#9941ff)}.builder-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.builder-main-panel,.builder-summary-panel{border:1px solid var(--stroke);border-radius:22px;background:linear-gradient(145deg,rgba(12,20,47,.94),rgba(5,10,27,.94));box-shadow:var(--shadow)}.builder-main-panel{min-height:680px;padding:34px}.builder-step{display:none}.builder-step.is-active{display:block}.builder-section-heading>span,.summary-eyebrow{color:#8e7aff;font-size:.68rem;letter-spacing:.17em}.builder-section-heading h2{margin:10px 0 6px;font-size:2rem}.builder-section-heading p{margin:0 0 28px;color:var(--muted);line-height:1.65}.builder-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.builder-form-grid label,.builder-wide-field{display:grid;gap:8px;color:#cbd2e4;font-size:.78rem}.builder-form-grid input,.builder-form-grid select,.builder-wide-field textarea,.builder-module-toolbar input,.builder-module-toolbar select{width:100%;padding:13px 14px;border:1px solid rgba(136,123,255,.23);border-radius:12px;background:rgba(5,11,28,.84);color:#fff;outline:none}.builder-wide-field{margin-top:16px}.builder-wide-field textarea{resize:vertical;min-height:120px}.builder-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.builder-module-toolbar{display:grid;grid-template-columns:1fr 240px;gap:12px;margin-bottom:18px}.builder-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:560px;overflow:auto;padding-right:4px}.builder-module-card{position:relative;display:grid;grid-template-columns:26px 1fr;gap:12px;min-height:170px;padding:18px;border:1px solid var(--stroke);border-radius:15px;background:rgba(255,255,255,.02);cursor:pointer;transition:.2s}.builder-module-card:hover,.builder-module-card.is-selected{border-color:rgba(127,93,255,.65);background:rgba(112,72,255,.08)}.builder-module-card.is-core{cursor:default}.builder-module-card input{position:absolute;opacity:0}.module-check{display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(140,125,255,.45);border-radius:7px;color:#fff}.builder-module-card.is-selected .module-check{background:linear-gradient(135deg,#387bff,#9841ff)}.module-copy{display:block}.module-copy small{display:block;color:#8c7aff;font-size:.64rem;letter-spacing:.09em;text-transform:uppercase}.module-copy strong{display:block;margin:7px 0;font-size:1rem}.module-copy p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}.module-price{grid-column:2;color:#bcc7dc;font-size:.72rem}.builder-empty{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--stroke);border-radius:14px}.builder-alerts{display:grid;gap:8px;margin-bottom:16px}.builder-alert{padding:12px 14px;border-radius:11px;font-size:.78rem}.builder-alert.is-error{border:1px solid rgba(255,85,115,.36);background:rgba(255,65,100,.08);color:#ffb3c0}.builder-alert.is-info{border:1px solid rgba(64,158,255,.35);background:rgba(64,158,255,.08);color:#b8d9ff}.builder-alert.is-success{border:1px solid rgba(55,214,159,.32);background:rgba(55,214,159,.07);color:#a6f3d7}.builder-review-list{display:grid;gap:9px}.builder-review-list article{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px;border:1px solid var(--stroke);border-radius:13px;background:rgba(255,255,255,.02)}.builder-review-list small,.builder-review-list strong,.builder-review-list span{display:block}.builder-review-list small{color:#8777ff;font-size:.62rem;text-transform:uppercase}.builder-review-list strong{margin:4px 0}.builder-review-list span{color:var(--muted);font-size:.7rem}.builder-review-list b{font-size:.78rem;white-space:nowrap}.builder-summary-panel{position:sticky;top:92px;padding:27px}.builder-summary-panel>strong{display:block;margin:12px 0 24px;font-size:1.45rem;line-height:1.25}.builder-summary-panel dl{display:grid;gap:10px;margin:0}.builder-summary-panel dl div{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--stroke)}.builder-summary-panel dt{color:var(--muted);font-size:.78rem}.builder-summary-panel dd{margin:0;font-weight:700}.builder-price-summary{margin-top:24px;padding:18px;border-radius:15px;background:linear-gradient(135deg,rgba(51,118,255,.12),rgba(146,63,255,.13))}.builder-price-summary span,.builder-price-summary strong,.builder-price-summary small{display:block}.builder-price-summary span{color:var(--muted);font-size:.7rem}.builder-price-summary strong{margin:7px 0;font-size:1.5rem}.builder-price-summary small{color:var(--muted);font-size:.68rem;line-height:1.45}.builder-selected-mini{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.builder-selected-mini span{padding:7px 9px;border:1px solid var(--stroke);border-radius:999px;color:#c8d0e1;font-size:.65rem}.builder-consent{display:flex;align-items:flex-start;gap:10px;margin-top:14px;color:var(--muted);font-size:.76rem}.builder-consent input{margin-top:2px}.form-feedback{min-height:24px;margin-top:14px;font-size:.78rem}.form-feedback.is-error{color:#ff9bac}.form-feedback.is-success{color:#85ecc8}.hp-field{position:absolute!important;left:-9999px!important}.reserved-card{margin:auto}
@media(max-width:980px){.builder-workspace{grid-template-columns:1fr}.builder-summary-panel{position:static}.builder-main-panel{min-height:0}}@media(max-width:720px){.builder-progress{grid-template-columns:repeat(2,1fr)}.builder-progress button:nth-child(2){border-right:0}.builder-progress button:nth-child(-n+2){border-bottom:1px solid var(--stroke)}.builder-form-grid,.builder-module-grid,.builder-module-toolbar{grid-template-columns:1fr}.builder-main-panel{padding:23px 18px}.builder-progress span{font-size:.72rem}.builder-step-actions{align-items:stretch;flex-direction:column-reverse}.builder-step-actions .btn{width:100%}.builder-review-list article{align-items:flex-start;flex-direction:column}}
