.topbar nav a{transition:color .18s}
.topbar nav a:hover,.topbar nav .nav-current{color:var(--cyan)}
.page-main{padding-top:83px;padding-bottom:104px}
.page-title{font:650 clamp(43px,6vw,72px)/1.08 var(--display);letter-spacing:-4px;margin:20px 0 14px}
.page-title span{background:linear-gradient(90deg,var(--cyan),#69a6ff);background-clip:text;color:transparent}
.page-lede{color:var(--muted);font-size:12px;max-width:560px}
.proposal-banner{display:flex;gap:12px;align-items:flex-start;padding:15px 17px;margin:30px 0 38px;border:1px solid #75b8f135;background:#0d2441;border-radius:6px;color:#a8bdd7}
.proposal-banner>span{color:var(--cyan);font-size:16px}
.proposal-banner p{font-size:9px;line-height:1.8;margin:0}
.proposal-banner b{color:#e1f1ff}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.price-card{position:relative;padding:25px 23px 24px;border:1px solid var(--line);background:linear-gradient(150deg,#0d1f3c,#09172e);border-radius:8px;min-height:458px}
.featured-price{border-color:#29b5e866;box-shadow:0 0 35px #0e8dd21c}
.popular-label{position:absolute;right:15px;top:15px;color:#90eafa;font-size:7px;letter-spacing:.8px}
.price-kicker{color:#93b0d5;font-size:8px;letter-spacing:1.2px;font-weight:700}
.price-card h2{font:650 25px var(--display);margin:10px 0 5px;letter-spacing:-.8px}
.price-desc{min-height:42px;color:#9dafca;font-size:9px;line-height:1.7;margin:0}
.price{display:flex;align-items:baseline;gap:5px;margin-top:23px}
.price strong{font:700 31px var(--display);letter-spacing:-1.1px}
.price span{font-size:9px;color:#91a4c2}
.tax-note{height:22px;color:#8196b5;font-size:7px;padding-top:3px}
.price-button{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:11px 13px;border-radius:4px;background:linear-gradient(100deg,#168cf1,#19bce9);font-size:9px;font-weight:700;color:#fff}
.price-button b{font-size:14px}
.secondary-button{background:#142c4b;border:1px solid #72b8f12d}
.price-card ul{padding:17px 0 0;margin:17px 0 0;border-top:1px solid var(--line);list-style:none}
.price-card li{position:relative;padding:0 0 9px 19px;font-size:9px;color:#c2d0e3}
.price-card li:before{content:'✓';position:absolute;left:0;color:var(--cyan);font-weight:700}
.billing-note{display:flex;gap:17px;align-items:flex-start;padding:25px 23px;margin-top:33px;border:1px solid var(--line);border-radius:7px;background:#0b1a32}
.note-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#103656;color:var(--cyan);flex:none}
.billing-note h2{font:600 15px var(--display);margin:1px 0 6px}
.billing-note p{max-width:750px;color:#99acc7;font-size:9px;line-height:1.8;margin:0 0 12px}
.billing-note a{color:#56c9f4;font-size:9px;font-weight:700}
.billing-note a span{margin-left:6px}
.dashboard-main{padding-top:65px}
.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.dashboard-heading .button{margin-bottom:6px}
.demo-banner{margin:24px 0 21px}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.stat-card,.dash-card{border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,#0d203d,#09172d)}
.stat-card{padding:17px 18px}
.stat-card>span{display:block;color:#8fa9cb;font-size:7px;letter-spacing:1px}
.stat-card strong{display:block;font:700 25px var(--display);margin:10px 0 0}
.stat-card .stat-word{font-size:16px}
.stat-card small{display:block;color:#8398b6;font-size:8px;margin-top:4px}
.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}
.dash-card{padding:20px}
.dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.dash-card-head h2,.dash-card h2{font:600 15px var(--display);margin:6px 0 0}
.dash-card-head>a{font-size:8px;color:#68c9f0;white-space:nowrap}
.dash-card-head>a span{margin-left:4px}
.draft-list{min-height:190px}
.loading-copy,.error-copy{font-size:9px;color:#91a5c3;padding:15px 0}
.draft-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #a9c5e612}
.draft-icon{width:29px;height:29px;border:1px solid #33b3e234;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:12px;flex:none}
.draft-row-copy{min-width:0;display:grid;gap:3px}
.draft-row-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#dbe9f9}
.draft-row-copy small{font-size:7px;color:#879dbd}
.draft-tag{margin-left:auto;color:#93cfe8;font-size:6px;letter-spacing:.8px}
.empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.empty-state>span{color:var(--cyan);font-size:21px}
.empty-state>b{font-size:10px;margin-top:8px}
.empty-state p{max-width:260px;color:#90a4c1;font-size:8px;line-height:1.8;margin:6px 0 9px}
.empty-state a{font-size:8px;color:#55c6f3}
.side-stack{display:grid;gap:14px;align-content:start}
.plan-card h2,.integration-card h2{margin:9px 0}
.plan-card>p,.integration-card>p{color:#91a5c2;font-size:8px;line-height:1.8}
.plan-card .button{margin-top:8px;padding:10px 12px;font-size:8px}
.integration-row{display:flex;align-items:center;gap:9px;padding:10px 0}
.ig-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #3cbbe334;border-radius:50%;color:var(--cyan);font-size:15px;flex:none}
.integration-row>div{display:grid;gap:3px}
.integration-row b{font-size:8px}
.integration-row small{font-size:7px;color:#90a5c3}
.integration-row .badge{margin-left:auto;font-size:6px;padding:4px 5px}
.integration-card>p{margin:8px 0 0}
.plan-preview{display:grid;gap:5px;margin-top:15px;padding:16px;border:1px solid #4bbce65c;background:#0d2947;border-radius:6px}
.plan-preview b{font-size:10px;color:#dff6ff}
.plan-preview span{font-size:8px;line-height:1.8;color:#a2b8d4}
.plan-preview a{font-size:8px;color:var(--cyan);justify-self:start;margin-top:3px}
.auth-main{min-height:calc(100vh - 190px);display:grid;place-items:center;padding-top:60px;padding-bottom:65px}
.auth-card{width:min(440px,100%);padding:28px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#0e203e,#09172e);box-shadow:0 25px 80px #0004}
.auth-card h1{font:650 32px var(--display);letter-spacing:-1.5px;margin:16px 0 6px}
.auth-card>p{font-size:9px;color:#9db0ca;line-height:1.8}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 16px;border-bottom:1px solid var(--line)}
.auth-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#8da2c0;padding:10px;font-size:9px;cursor:pointer}
.auth-tabs button.selected{border-color:var(--cyan);color:#e3f7ff}
.auth-card label,.review-content label{display:block;font-size:9px;font-weight:700;margin:13px 0 6px;color:#dce7f7}
.auth-card input,.review-content input{width:100%;border:1px solid #d4e7ff18;border-radius:4px;background:#08162b;color:var(--text);padding:11px;font-size:10px;outline:none}
.auth-card input:focus,.review-content input:focus{border-color:#1eafe8a1}
.auth-submit{width:100%;margin-top:17px}
.auth-error{min-height:20px;padding-top:8px;color:#ffb8b1;font-size:8px}
.auth-disclaimer{display:block;margin-top:12px;color:#7e94b5;font-size:7px;line-height:1.7}
.auth-required{padding:24px 8px;text-align:center}
.auth-required b{font:600 14px var(--display)}
.auth-required p{max-width:300px;margin:8px auto 15px;color:#a4b5cd;font-size:9px;line-height:1.8}
.auth-required .button{margin:0 auto}
.auth-login{display:block;margin-top:12px;color:#71d5f6;font-size:8px}
.field-help{display:block;margin:6px 0 10px;color:#8096b4;font-size:8px;line-height:1.7}
.optional{color:#70cee9;font-weight:500}
.file-input{font-size:8px!important;padding:8px!important}
.photo-preview{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.photo-preview img{width:55px;height:55px;object-fit:cover;border:1px solid var(--line);border-radius:4px}
.draft-actions{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}
.draft-image img,.review-image img,.review-image video{display:block;max-width:100%;max-height:400px;object-fit:contain;border-radius:6px;border:1px solid var(--line);margin:7px auto 12px}
.review-image video{width:auto;height:auto;aspect-ratio:9/16;background:#050b19}
.real-image-note{padding:10px 12px;border-left:2px solid var(--cyan);background:#0b1e38;color:#a6bbd5;font-size:8px;line-height:1.8}
.real-image-note b{color:#d9f4ff}
.image-generation{padding:12px 0 3px}
.image-generation label{display:block;font-size:8px;margin-bottom:6px}
.image-generation input{display:block;width:100%;padding:9px;background:#08162b;border:1px solid var(--line);border-radius:4px;color:var(--text);font-size:9px}
.secondary-button,.copy-button{padding:8px 11px;border:1px solid #56bbe655;border-radius:4px;background:#102d4b;color:#b8eaff;font-size:8px;cursor:pointer}
.image-generation button{margin-top:8px}
.draft-review-actions{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.draft-review-actions .button{font-size:9px;padding:11px 13px}
.draft-review-actions button:disabled,.schedule-row button:disabled{opacity:.55;cursor:wait}
.approved-actions{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.approved-actions>label{display:block;font-size:8px;margin-bottom:7px}
.schedule-row{display:flex;gap:8px;align-items:center}
.schedule-row input{min-width:0;flex:1;padding:9px;background:#08162b;border:1px solid var(--line);border-radius:4px;color:var(--text);font-size:8px}
.schedule-row button{font-size:8px;padding:10px 12px;white-space:nowrap}
.approved-actions>small,.schedule-box>small{display:block;color:#8196b5;font-size:7px;line-height:1.7;margin-top:7px}
.action-status,.budget-result{color:#91cfe8;font-size:8px;line-height:1.7;margin-top:9px}
.budget-card{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(140deg,#0c1d39,#0b1931)}
.budget-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.budget-heading h2{font:600 13px var(--display);margin:6px 0 0}
.budget-heading>b{font:700 18px var(--display);color:#ddf7ff}
.budget-track{height:7px;border-radius:5px;background:#142947;margin-top:17px;overflow:hidden}
.budget-track span{display:block;width:0;height:100%;border-radius:5px;background:linear-gradient(90deg,#20bfe9,#9ceaf7);transition:width .3s}
.budget-scale{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:#8197b6;font-size:7px}
.budget-alerts{display:grid;gap:6px;margin-top:10px}
.budget-alert{padding:8px 10px;border-radius:4px;background:#302b1b;border:1px solid #d3ab4c40;color:#f4d98c;font-size:8px}
.budget-alert.alert-50{background:#322326;border-color:#ed8b743b;color:#ffc0b3}
.badge-connected{color:#97f4d2;border-color:#50d2a94b}
.connect-button{margin-top:7px;padding:9px 11px;font-size:8px}
.footer-account{display:flex;align-items:center;gap:17px;text-align:right}
.footer-account span{color:#8195b3;font-size:7px;line-height:1.8}
.footer-account button{border:0;background:none;color:#78ccec;font-size:8px;cursor:pointer}
.footer-account button[hidden]{display:none}
.review-main{max-width:900px}
.back-link{display:inline-block;margin-bottom:28px;color:#8ccfe9;font-size:9px}
.review-status{margin:17px 0;padding:11px 13px;border-radius:4px;background:#0c2340;color:#a6dff5;font-size:9px;line-height:1.7}
.review-status:empty{display:none}
.review-content{padding:23px;border:1px solid var(--line);border-radius:8px;background:#0b1931}
.review-meta{display:flex;justify-content:space-between;gap:10px;color:#8da5c5;font-size:8px;border-bottom:1px solid var(--line);padding-bottom:12px}
.review-copy{white-space:pre-wrap;color:#d5e3f5;font-size:11px;line-height:1.9;padding:19px 0}
.review-image:empty{display:none}
.ai-image-box{display:grid;gap:13px;padding-top:6px}
.ai-image-box details{padding:14px;border:1px solid var(--line);border-radius:5px}
.ai-image-box summary{color:#a9c3dc;font-size:9px;cursor:pointer}
.ai-image-box details[open] summary{margin-bottom:12px}
.ai-image-box details .button{margin-top:12px;padding:10px 12px;font-size:8px}
.consent-row{display:flex!important;align-items:flex-start;gap:8px;font-weight:500!important;color:#b8cce1!important;line-height:1.7}
.consent-row input{width:auto;margin:1px 0 0;accent-color:#20bfe9}
.review-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
.review-actions .button{padding:12px 15px;font-size:9px}
.review-actions .reject-button{padding:11px 14px;font-size:9px;color:#ffc5c5;border-color:#e88b8b55;background:#381d2a}
.review-actions p{flex-basis:100%;margin:0;color:#8197b6;font-size:8px}
.schedule-box{margin-top:18px;padding:17px;border:1px solid #36bce34a;border-radius:6px;background:#0d2341}
.schedule-box h2{font:600 15px var(--display);margin:9px 0 4px}
.schedule-box p{font-size:8px;color:#98aec9;margin:0 0 10px}
.schedule-box>label{display:block;font-size:8px;margin-bottom:7px}
.error-copy{color:#ffc0b3!important}
.telegram-card .integration-row{margin:13px 0 5px}
.telegram-pair-result{margin-top:14px;padding:12px;border:1px solid #39bde34a;border-radius:5px;background:#091a31}
.telegram-pair-result p,.telegram-pair-result small{display:block;color:#a5bad5;font-size:8px;line-height:1.7;margin:0 0 8px}
.telegram-pair-result code{display:block;padding:10px;border-radius:4px;background:#071326;color:#8fe5fa;font-size:11px;user-select:all}
.telegram-pair-result>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0}
.telegram-pair-result a,.telegram-pair-result button{border:0;background:none;color:#76d7f1;font-size:8px;cursor:pointer}
.telegram-pair-result small{color:#778eac;margin:0}
.telegram-pair-steps{margin:0 0 12px;padding-left:19px;color:#a5bad5;font-size:9px;line-height:1.75}.telegram-pair-steps li{padding-left:2px;margin:3px 0}.telegram-pair-steps b{color:#e5f5ff}.telegram-pair-result>div{flex-wrap:wrap;justify-content:flex-start!important}.telegram-pair-result>div button{padding:5px 0}.telegram-pair-result #telegram-pair-status{margin:7px 0;color:#b7d7ec;font-size:9px;line-height:1.6}.telegram-pair-result #telegram-pair-status:empty{display:none}.telegram-pair-result #telegram-pair-countdown{font-size:8px}
@media(max-width:850px){.price-grid{grid-template-columns:1fr 1fr}.price-card:last-child{grid-column:span 2;min-height:unset}.dashboard-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;justify-content:space-between;padding:7px 0 8px;gap:4px}.topbar nav{display:flex;order:3;width:100%;justify-content:space-between;gap:5px;padding-top:7px}.topbar nav a{font-size:8px}.topbar .top-link{margin-left:auto}.page-main{padding-top:59px;padding-bottom:72px}.page-title{font-size:43px;letter-spacing:-2.5px}.page-lede{font-size:10px}.proposal-banner{margin:23px 0 27px;padding:12px}.proposal-banner p{font-size:8px}.price-grid{grid-template-columns:1fr;gap:11px}.price-card,.price-card:last-child{grid-column:auto;min-height:unset;padding:21px}.price-desc{min-height:unset}.price{margin-top:17px}.dashboard-main{padding-top:51px}.dashboard-heading{display:block}.dashboard-heading .button{margin-top:14px}.dashboard-stats{grid-template-columns:1fr;gap:8px}.stat-card{padding:13px 15px}.stat-card strong{font-size:21px;margin-top:6px}.dashboard-grid{gap:10px}.dash-card{padding:15px}.side-stack{grid-template-columns:1fr}.draft-list{min-height:150px}.plan-preview{padding:13px}.billing-note{padding:17px;gap:12px}}
@media(max-width:560px){.auth-card{padding:21px}.budget-card{padding:14px}.budget-heading h2{font-size:11px}.budget-scale{display:grid}.footer-account{gap:8px}.review-content{padding:15px}.review-meta{font-size:7px}.review-copy{font-size:9px}.schedule-row{align-items:stretch;flex-direction:column}.schedule-row button{width:100%}.draft-review-actions{align-items:stretch;flex-direction:column}.draft-review-actions>*{width:100%}.draft-actions .workspace-foot{font-size:6px}.real-image-note{font-size:7px}}
.instagram-onboarding{margin:18px 0 22px;padding:24px 26px;border:1px solid #29bde34a;border-radius:9px;background:linear-gradient(135deg,#0d203d,#0b1931 68%,#10284b);box-shadow:0 16px 45px #00122a45}.onboarding-intro h2{margin:9px 0;font:650 clamp(23px,3vw,32px)/1.2 var(--display);letter-spacing:-1.3px}.onboarding-intro>p{max-width:760px;color:#a8bad2;font-size:10px;line-height:1.85}.onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;padding:0;list-style:none}.onboarding-steps li{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:6px;background:#07162d80}.onboarding-steps li>span{font:700 9px var(--display);color:#39c8ef}.onboarding-steps li div{display:grid;gap:4px}.onboarding-steps b{font-size:9px}.onboarding-steps small{font-size:8px;line-height:1.6;color:#91a5c2}.onboarding-assistant{display:flex;align-items:flex-start;gap:13px;padding:14px;border-left:2px solid var(--cyan);background:#0a172b}.assistant-mark{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:#123355;color:var(--cyan)}.onboarding-assistant>div{flex:1}.onboarding-assistant b{font-size:10px}.onboarding-assistant p{margin:5px 0 12px;color:#a4b7d0;font-size:9px;line-height:1.7}.onboarding-assistant .button{font-size:9px;padding:10px 13px}.onboarding-assistant .button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.5)}.onboarding-privacy{display:block;margin:10px 0 0 43px;color:#8499b8;font-size:8px;line-height:1.6}@media(max-width:560px){.instagram-onboarding{padding:17px}.onboarding-steps{grid-template-columns:1fr;gap:7px;margin:15px 0}.onboarding-steps li{padding:10px}.onboarding-privacy{margin-left:0}}
.onboarding-skip{display:inline-block;margin-left:8px;color:#91a5c2;font-size:8px}.onboarding-skip:hover{color:#e5f2ff}
.instagram-onboarding-hint{margin:12px 0;padding:10px 12px;border-left:2px solid var(--cyan);background:#0b2240;color:#a9c3df;font-size:9px;line-height:1.7}

/* El atributo hidden debe ganar a display:flex/grid de componentes como .proposal-banner */
[hidden]{display:none!important}

/* Código de vinculación de Telegram: legible y fácil de copiar */
.telegram-pair-result code#telegram-pair-command{font-size:14px;letter-spacing:.04em;word-break:break-all;-webkit-user-select:all;user-select:all}
.telegram-pair-result code#telegram-pair-command.expired{opacity:.45;text-decoration:line-through}
.telegram-pair-result a,.telegram-pair-result button{font-size:11px}
.telegram-pair-result #telegram-copy-button{padding:5px 10px!important;border:1px solid #39bde3;border-radius:4px;color:#e5f5ff}
.telegram-pair-result #telegram-pair-countdown{font-size:10px!important;color:#a5bad5}
