:root{--ink:#05031b;--purple:#e2e63a;--pale:#f3f1fe;--line:#e3e0fa}
.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,1fr);min-height:100vh;background:#f3f1fe;color:var(--ink)}
.auth-main{padding:36px clamp(22px,7vw,110px);display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.auth-main .brand img{width:202px;height:auto}.auth-head{display:flex;align-items:center;gap:20px;width:100%;justify-content:space-between;flex-wrap:wrap}.auth-head a,.auth-help a,.form-link{font-size:13px;color:#403ae6;text-decoration:none;font-weight:750}
.auth-content{width:min(100%,470px);margin:auto 0}.account-eyebrow{font-size:11px;font-weight:900;color:#e2e63a;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.auth-content h1{font-weight:900;letter-spacing:-1.8px;font-size:clamp(34px,4.4vw,56px);line-height:1.07;margin:0 0 14px}.auth-content>p{font-size:14px;color:#5d5b77;line-height:1.75;margin:0 0 28px}
.form-field{margin-bottom:16px}.form-field label{font-size:12px;font-weight:800;display:block;margin:0 0 7px}.form-field input{display:block;width:100%;padding:15px 16px;border-radius:12px;border:1px solid #e3e0fa;background:#fff;font:inherit;color:var(--ink)}.form-field input:focus{outline:3px solid #e3e0fa;border-color:#e2e63a}.form-field .note{font-size:11px;color:#777491;margin-top:5px}.input-with-toggle{position:relative}.input-with-toggle input{padding-right:85px}.input-with-toggle button{position:absolute;right:8px;top:9px;border:none;background:#f3f1fe;color:#403ae6;padding:8px 10px;border-radius:8px;font-size:11px;cursor:pointer}.auth-submit{width:100%;border:none;border-radius:14px;background:#05031b;color:#fff;padding:16px;font-weight:850;font-size:14px;cursor:pointer;margin-top:12px}.auth-submit:hover{background:#403ae6}.auth-submit:disabled{opacity:.5;cursor:wait}.auth-help{font-size:13px;color:#5d5b77;line-height:1.6;margin-top:18px}.auth-foot{color:#777491;font-size:11px;line-height:1.5}.auth-foot a{color:inherit}.form-message{font-size:12px;border-radius:10px;margin:12px 0 0;padding:12px 14px;line-height:1.5}.form-message.danger{background:#eeedff;color:#332dae}.form-message.success{background:#e3e0fa;color:#252068}.auth-aside{background:#f3f1fe;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 50px;min-width:0;position:relative;overflow:hidden}.auth-aside:before{content:'✳';position:absolute;color:#e3e0fa;font-size:460px;top:-150px;right:-130px}.aside-art{position:relative;background:white;max-width:450px;width:100%;padding:25px;border-radius:22px;box-shadow:0 26px 60px #ad874725;transform:rotate(-3deg);margin-bottom:35px}.aside-toolbar{font-size:11px;color:#5d5b77;display:flex;justify-content:space-between;border-bottom:1px solid #f3f1fe;padding-bottom:15px}.aside-card{border-radius:15px;margin-top:20px;background:#e2e63a;padding:35px 20px;color:white;min-height:225px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:10px}.aside-card strong{font-size:49px;letter-spacing:-3px;line-height:.98}.aside-card em{font-style:normal;color:#e3e0fa;font-size:16px;font-weight:800}.aside-stats{font-size:11px;margin-top:16px;color:#777491;display:flex;justify-content:space-between;gap:10px}.auth-aside h2{text-align:center;font-size:29px;letter-spacing:-1px;margin:0 0 10px;position:relative}.auth-aside p{text-align:center;max-width:400px;line-height:1.65;font-size:13px;color:#5d5b77;position:relative}.language-select{border:1px solid #e3e0fa;border-radius:9px;background:#fff;padding:9px 7px;color:#252068;font-weight:700;font-size:12px;max-width:140px}.terms-choice{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.6;color:#5d5b77}.terms-choice input{margin-top:4px}.terms-choice a{color:var(--purple)}
.plans-page,.translators-page{min-height:100vh;background:#f3f1fe;color:var(--ink)}.simple-top{max-width:1240px;margin:auto;padding:25px 26px;display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap}.simple-top img{width:195px}.simple-top nav{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.simple-top nav a{font-size:13px;color:#625e80;text-decoration:none;font-weight:750}.simple-hero{text-align:center;max-width:860px;margin:70px auto 45px;padding:0 20px}.simple-hero h1{font-size:clamp(40px,5vw,65px);line-height:1.06;letter-spacing:-2.5px;margin:12px 0}.simple-hero p{color:#5d5b77;font-size:15px;line-height:1.7}.pricing-deck{max-width:1240px;margin:auto;padding:12px 22px 50px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.plan-tile{background:#fff;border:1px solid #e3e0fa;border-radius:19px;padding:26px 22px;display:flex;flex-direction:column;box-shadow:0 4px 14px #86672f0a}.plan-tile.featured{border-color:#c9c5f2;box-shadow:0 15px 45px #403ae619}.plan-tile h2{margin:7px 0 8px;font-size:22px}.plan-kicker{color:#e2e63a;font-size:10px;letter-spacing:1.5px;font-weight:900}.plan-price{font-size:33px;font-weight:900;letter-spacing:-1.5px;margin:12px 0 0}.plan-price small{font-size:13px;font-weight:600;letter-spacing:0;color:#777491}.plan-tile p{font-size:12px;color:#5d5b77;line-height:1.7;min-height:72px}.plan-tile ul{padding-left:18px;line-height:2;color:#332dae;font-size:12px;flex:1}.plan-tile button{border:0;border-radius:11px;background:#05031b;color:#fff;padding:13px;cursor:pointer;font-weight:850}.plan-tile.featured button{background:#e2e63a}.plan-disclaimer{max-width:1210px;margin:0 auto;padding:10px 25px 90px;color:#5d5b77;font-size:12px;line-height:1.8}.link-panel{max-width:980px;margin:0 auto;padding:10px 25px 65px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.link-panel article{background:white;border-radius:14px;padding:26px;border:1px solid var(--line)}.link-panel a{font-weight:900;color:#e2e63a}.link-panel p{font-size:13px;line-height:1.6;color:#5d5b77}.translations-examples{margin:20px auto 80px;max-width:920px;padding:28px;background:white;border-radius:17px}.translations-examples code{font-size:12px;overflow-wrap:anywhere}
@media(max-width:960px){.account-layout{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{min-height:100vh;padding:23px max(20px,6vw);align-items:stretch}.auth-content{margin:auto;max-width:500px}.auth-head{max-width:800px;margin:auto}.auth-foot{text-align:center}.pricing-deck{grid-template-columns:repeat(2,minmax(0,1fr));max-width:750px}}
@media(max-width:580px){.pricing-deck{grid-template-columns:1fr;max-width:480px}.simple-hero{margin:48px auto 17px}.simple-top{padding:17px}.link-panel{grid-template-columns:1fr}.auth-content h1{font-size:39px}}

.home-pricing-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.home-plan{padding:27px 18px;background:#fff;border-radius:18px;border:1px solid #e3e0fa;display:flex;flex-direction:column}.home-plan.popular{border:2px solid #bd995e}.home-plan h3{font-size:21px;letter-spacing:-.6px;margin:8px 0}.home-plan strong{font-size:26px;letter-spacing:-1.3px;white-space:nowrap}.home-plan strong small{font-size:10px;letter-spacing:0;color:#777491}.home-plan p{font-size:12px;line-height:1.6;color:#5d5b77;flex:1}.home-plan .btn{font-size:11px;padding:11px 8px;text-align:center}.home-plan>span{font-size:10px;color:#e2e63a;font-weight:900}.price-fine{color:#5d5b77;font-size:11px;line-height:1.8;margin:22px 0 0}.price-fine a{color:#403ae6;text-decoration:underline}.studio-plans-link,.studio-signout{font-size:12px;font-weight:750;background:transparent;border:0;color:#e2e63a;display:block;width:100%;text-align:left;padding:10px 8px}.editor-language{width:68px;min-width:68px;padding:6px}.studio-header .editor-language{margin-left:12px}.site-header .nav-actions{gap:10px}.site-header .nav-actions .language-select{max-width:65px}.nav-actions .nav-text{font-size:12px}.nav-actions a.btn{white-space:nowrap}.nav-actions [hidden],.logged-only[hidden]{display:none!important}
@media(max-width:1100px){.home-pricing-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .nav-actions .nav-text{display:none}.site-header .nav-actions .language-select{max-width:60px}}@media(max-width:560px){.home-pricing-deck{grid-template-columns:1fr}.site-header .nav-actions .btn{padding:8px;font-size:10px}.site-header .nav-actions .language-select{max-width:54px}.site-header .brand{width:140px!important}.studio-header .editor-language{margin-left:0}}
.mobile-login{display:none}@media(max-width:1000px){.main-nav.open .mobile-login{display:block}}
/* Stripe Checkout result */
.payment-result{max-width:620px;margin:65px auto 90px;padding:52px 45px;background:#fff;border:1px solid #e3e0fa;border-radius:27px;text-align:center;box-shadow:0 18px 55px #403ae610}
.payment-result h1{font-size:clamp(28px,5vw,45px);line-height:1.12;letter-spacing:-1px;margin:14px 0 16px}
.payment-result>p{font-size:15px;line-height:1.7;color:#5d5b77}
.payment-icon{display:grid;place-items:center;width:74px;height:74px;border-radius:22px;background:#e3e0fa;color:#403ae6;margin:0 auto 18px;font-size:32px;font-weight:bold}
.payment-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:26px 0}
.payment-actions .auth-submit{display:inline-block;width:auto;padding:16px 25px;text-decoration:none;margin:0}.payment-secondary{padding:14px 20px;color:#403ae6;font-weight:800}
.payment-result>.payment-note{font-size:12px;color:#777491}
.plan-disclaimer .manage-billing{background:#f3f1fe;border:1px solid #e3e0fa;border-radius:9px;padding:10px 15px;color:#403ae6;font-weight:800;cursor:pointer}
@media(max-width:580px){.payment-result{margin:20px 12px 55px;padding:38px 21px}}
/* Firebase authentication popups: desktop and mobile */
.firebase-lock{overflow:hidden}
.firebase-modal[hidden],.firebase-plan[hidden]{display:none!important}
.firebase-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:15px;isolation:isolate}
.firebase-shade{position:absolute;inset:0;background:#242321ca;backdrop-filter:blur(7px)}
.firebase-dialog{position:relative;background:#fff;border:1px solid #e3e0fa;box-shadow:0 30px 120px #24232165;width:min(100%,460px);max-height:min(94dvh,900px);overflow:auto;overscroll-behavior:contain;border-radius:24px;padding:clamp(22px,4vw,37px);color:#05031b}
.firebase-close{position:absolute;right:17px;top:12px;font-size:27px;background:#f3f1fe;color:#252068;border:0;border-radius:100%;width:36px;height:36px;cursor:pointer}
.firebase-logo{display:block;width:178px;height:auto;margin:0 0 19px}.firebase-eyebrow{font-size:10px;color:#e2e63a;font-weight:900;letter-spacing:1.6px}
.firebase-dialog h2{font-size:clamp(25px,5vw,35px);line-height:1.12;letter-spacing:-1.2px;margin:9px 0 8px}
.firebase-dialog>p{font-size:12px;color:#5d5b77;line-height:1.5;margin:0 0 14px}
.firebase-plan{border-radius:12px;color:#403ae6;background:#f3f1fe;padding:9px 12px;font-weight:800;font-size:12px;margin:12px 0 17px}
.firebase-google{width:100%;display:flex;align-items:center;gap:13px;justify-content:center;border:1px solid #e3e0fa;background:#fff;border-radius:12px;padding:12px;cursor:pointer;font-weight:850;color:#252068;font-size:13px}
.firebase-google:hover{background:#f3f1fe}.firebase-g{font-weight:900;font-size:19px;color:#e2e63a}
.firebase-or{text-align:center;margin:12px 0 15px;color:#777491;font-size:11px}
.firebase-field{margin-bottom:12px}.firebase-field[hidden],.firebase-terms[hidden],.firebase-forgot[hidden]{display:none!important}
.firebase-field label{display:block;color:#252068;font-size:11px;font-weight:850;margin-bottom:6px}
.firebase-field input{width:100%;padding:13px 14px;border:1px solid #e3e0fa;border-radius:10px;background:#f3f1fe;color:#05031b;font:inherit;font-size:14px}
.firebase-field input:focus{outline:3px solid #e3e0fa;border-color:#e2e63a}
.firebase-terms{display:flex;align-items:center;gap:8px;color:#5d5b77;font-size:11px;margin:12px 0}.firebase-terms a{color:#e2e63a}
.firebase-forgot{font-size:12px;display:block;text-align:right;color:#403ae6;margin:6px 0 9px}
.firebase-error{padding:11px 12px;border-radius:9px;background:#eeedff;color:#332dae;font-size:12px;line-height:1.4;margin:7px 0 12px}
.firebase-error.good{background:#e3e0fa;color:#252068}
.firebase-submit{width:100%;border:0;border-radius:13px;background:#e2e63a;color:white;font-weight:900;padding:15px;margin-top:10px;cursor:pointer}
.firebase-submit:disabled,.firebase-google:disabled{cursor:wait;opacity:.57}
.firebase-switch{display:block;margin:18px auto 0;border:0;background:transparent;color:#403ae6;font-weight:800;cursor:pointer;font-size:12px;text-align:center}
.auth-google{margin:14px 0 10px;width:100%}.auth-divider{text-align:center;color:#777491;font-size:11px;margin:12px 0}
@media(max-width:550px){.firebase-modal{padding:9px;align-items:center}.firebase-dialog{max-height:96dvh;padding:22px 18px;border-radius:20px}.firebase-logo{width:154px;margin-bottom:12px}.firebase-dialog>p{margin-bottom:8px}.firebase-plan{margin:8px 0 12px}}

/* Estado de contratación Stripe LIVE */
.stripe-live-notice{margin:22px auto 0;width:min(1150px,calc(100% - 40px));border:1px solid #e3e0fa;border-radius:14px;background:#f3f1fe;color:#252068;padding:15px 19px;font-size:14px;line-height:1.5;font-weight:650}
.stripe-live-notice.configured{border-color:#c9c5f2;background:#f3f1fe;color:#05031b}
.stripe-test-reminder{max-width:1000px;margin:16px auto 30px;text-align:center;color:#625e80;font-size:12px;line-height:1.6;padding:0 20px}
.stripe-test-pagobanner{background:#f3f1fe;color:#252068;text-align:center;padding:10px 16px;font-size:13px;font-weight:700}

/* Stripe Checkout: alternativa táctil si un navegador móvil bloquea la salida automática */
.stripe-checkout-recovery{margin:16px auto;max-width:860px;padding:16px;border-radius:14px;border:1px solid #e3e0fa;background:#f3f1fe;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}
.stripe-direct-link{display:inline-block;background:#332dae;color:#fff!important;font-weight:800;padding:13px 17px;min-height:44px;line-height:20px;border-radius:10px;text-decoration:none!important}
@media(max-width:600px){.stripe-checkout-recovery{margin:12px 16px;flex-direction:column;align-items:stretch}.stripe-direct-link{text-align:center}}