/* MailEditor Flow V67 — Tema global acorde a la portada solicitada.
   Solo estilos. No sobrescribe los emails personalizados dentro del iframe de vista previa.
   Navy #05031b | lavanda #f3f1fe | índigo #403ae6 | lima #e2e63a. */
:root{--mef-navy:#05031b;--mef-lavender:#f3f1fe;--mef-indigo:#403ae6;--mef-lime:#e2e63a;--mef-line:#dedbf4;
 --ink:#05031b;--purple:#403ae6;--purple-dark:#3028c3;--mint:#e2e63a;--cream:#f3f1fe;--line:#dedbf4;
 --font:Arial,Helvetica,system-ui,sans-serif;--display:Georgia,'Times New Roman',serif;
 --mef-font-body:Arial,Helvetica,system-ui,sans-serif;--mef-font-head:Georgia,'Times New Roman',serif}
html{color-scheme:light;scroll-behavior:smooth}
body{font-family:var(--mef-font-body)!important;color:var(--mef-navy)}
button,input,select,textarea{font-family:var(--mef-font-body)!important}
/* Keep the reference's editorial typography on all public screens. */
.video-home h1,.video-home h2,.video-home h3,.video-home h4,
.simple-hero h1,.simple-hero h2,.auth-content h1,.auth-aside h2,
.payment-result h1,.plan-tile h2,.translations-examples h2,
.intro h1,.article h2,.article h3,.related h2,.aside h2,
.docs-page h1,.docs-page h2,.docs-page h3,.legal h1,.legal h2,
.studio .workspace-top h1,.studio .dash-hero h2,.studio .panel-head h2,
.studio .metric-card strong,.studio .editor-top h1,.studio .modal-header h2,
.studio .empty-state h3,.studio .mini-tip h3,.studio .report-head h3,
.studio .settings-panel h3,.studio .editor-panel h3,.studio .studio-template-footer strong,
.firebase-dialog h2{font-family:var(--mef-font-head)!important;letter-spacing:-.035em}
.video-home .mc-hero h1{letter-spacing:-.03em}
.video-home .mc-head{background:#f9f9ff!important}
.video-home .mc-pricing-link{color:#05031b!important}
/* Public pages: soft lavender background, white cards, dark lettering. */
.account-layout,.plans-page,.translators-page,.simple-page,main.legal,.docs-page{background:#f3f1fe}
.simple-hero,.intro{background:linear-gradient(130deg,#f3f1fe 0%,#e8e6ff 100%)!important}
.intro .eyebrow,.article a,.related a,.aside a,.top nav a:hover{color:#403ae6!important}
.intro .btn,.article .btn,.aside .btn,.related .btn{background:#e2e63a!important;color:#05031b!important;border-color:#c8d02a!important}
.intro .btn:hover,.article .btn:hover,.aside .btn:hover{background:#eef58d!important}
.article p,.article li,.aside p{color:#403d61!important}
.article h2,.article h3,.intro h1,.simple-hero h1{color:#05031b!important}
.article .note,.article .related,.aside{border-color:#dedbf4!important;box-shadow:0 12px 32px #05031b0a!important}
/* Access and subscription flow. */
.auth-main{background:#f3f1fe!important}
.auth-aside{background:linear-gradient(150deg,#05031b 5%,#171348 58%,#403ae6 100%)!important;color:white!important}
.auth-content,.plan-tile,.payment-result,.link-panel article,.translations-examples{background:#fff!important;color:#05031b!important;border-color:#dedbf4!important}
.auth-content h1,.plan-tile h2,.payment-result h1{color:#05031b!important}
.auth-submit,.firebase-submit,.plan-tile button,.plan-tile.featured button,.subscription-onboarding-link{background:#e2e63a!important;color:#05031b!important;border-color:#ccd52c!important}
.auth-submit:hover,.firebase-submit:hover,.plan-tile button:hover,.subscription-onboarding-link:hover{background:#eef58d!important}
.plan-tile.featured,.plan-tile.chosen-plan{border:2px solid #403ae6!important}
.plan-kicker,.account-eyebrow,.form-link,.plan-tile ul,.plan-disclaimer a{color:#403ae6!important}
.firebase-dialog{background:#fff;color:#05031b}
.firebase-field label{color:#05031b!important}
.firebase-dialog input:focus,.auth-content input:focus{border-color:#403ae6!important;outline-color:#403ae6!important}
/* Editor navigation — sidebar gets navy like hero; workspace reads on lavender. */
.studio{background:#f3f1fe!important;color:#05031b!important}
.studio-sidebar{background:linear-gradient(180deg,#05031b 0%,#12103c 78%,#201967 100%)!important;border-right:1px solid #403ae6!important;color:#fff!important}
.studio-side-header{padding-bottom:18px!important}
.studio-side-header img{background:#fff;border-radius:12px;padding:7px;max-width:100%}
.studio-sidebar .sidebar-close,.studio-sidebar .side-link,.studio-sidebar .back-home{color:#fff!important}
.studio-sidebar .side-link{transition:background-color .15s,color .15s!important}
.studio-sidebar .side-link:hover,.studio-sidebar .back-home:hover{background:#403ae685!important;color:#fff!important}
.studio-sidebar .side-link.active{background:#e2e63a!important;color:#05031b!important;box-shadow:0 5px 18px #e2e63a22}
.studio-sidebar .side-link.active span{color:#05031b!important}
.studio-sidebar .workspace-badge{background:#231b70!important;border:1px solid #6058dc!important;color:#fff!important}
.studio-sidebar .workspace-badge>span{background:#e2e63a!important;color:#05031b!important}
.studio-sidebar .workspace-badge b{color:#fff!important}
.studio-sidebar .workspace-badge small{color:#d4d1ff!important}
.studio-sidebar .tip-box{background:#181448!important;border:1px solid #6058dc!important}
.studio-sidebar .tip-box>div{color:#e2e63a!important}
.studio-sidebar .tip-box p{color:#e4e1ff!important}
.studio-sidebar .studio-cancel-link{background:#24205b!important;border-color:#6e65ca!important;color:#fff!important}
.studio-sidebar .studio-signout,.studio-sidebar .studio-plans-link{color:#e2e63a!important}
.studio-header{background:#fff!important;border-bottom:1px solid #dedbf4!important}
.studio-body,.studio .workspace{background:#f3f1fe!important}
.studio-crumb strong{color:#05031b!important}
.studio .user-avatar{background:#dedaff!important;color:#403ae6!important}
.studio .local-pill{background:#e8e5ff!important;color:#403ae6!important;border-radius:100px;padding:8px 11px}
.studio .local-pill i{background:#403ae6!important}
.studio .workspace-top h1{font-size:clamp(26px,3vw,38px)!important;font-weight:700;color:#05031b!important;letter-spacing:-.045em!important}
.studio .workspace-top .overline,.studio .overline{color:#403ae6!important}
.studio .workspace-top p{color:#575274!important}
.studio .dash-hero{background:linear-gradient(115deg,#05031b 0%,#292381 64%,#403ae6 100%)!important;border:1px solid #403ae6!important;box-shadow:0 14px 34px #05031b18!important}
.studio .dash-hero h2,.studio .dash-hero small{color:white!important}
.studio .dash-hero:after{color:#e2e63a40!important}
.studio .dash-hero .btn{background:#e2e63a!important;border-color:#e2e63a!important;color:#05031b!important}
.studio .metric-card,.studio .panel,.studio .editor-controls,.studio .editor-preview,.studio .studio-template-card,
.studio .settings-panel,.studio .modal,.studio .choice-card{background:#fff!important;border:1px solid #dedbf4!important;box-shadow:0 9px 27px #05031b08}
.studio .metric-card strong,.studio .panel-head h2,.studio .editor-top h1,.studio .settings-panel h3{color:#05031b!important}
.studio .metric-icon,.studio .empty-icon{background:#e8e5ff!important;color:#403ae6!important}
.studio .metric-head,.studio .metric-note{color:#585473!important}
.studio .mini-tip,.studio .helper-note,.studio .report-head{background:#e7e4ff!important;border-color:#d2cdfa!important;color:#05031b!important}
.studio .mini-tip strong{color:#403ae6!important}
.studio .data-table th{background:#eeecff!important;color:#403ae6!important}
.studio .data-table td{border-top-color:#e4e1f7!important;color:#45415d!important}
.studio .data-table th,.studio .data-table td{font-family:var(--mef-font-body)!important}
.studio .data-table strong{color:#05031b!important}
.studio .panel-head,.studio .editor-tabs{border-bottom-color:#dedbf4!important}
.studio .panel-head button,.studio .btn-link{color:#403ae6!important}
.studio .action-btn{border:1px solid #cec9f6!important;background:#fff!important;color:#403ae6!important}
.studio .action-btn:hover{background:#eeeaff!important}
.studio .action-btn.red,.studio .btn-danger{color:#b22b53!important;border-color:#e8bfd0!important}
.studio .btn-primary,.studio #quickCreate{background:#403ae6!important;color:#fff!important;border-color:#403ae6!important}
.studio .btn-primary:hover,.studio #quickCreate:hover{background:#2924b5!important}
.studio .btn-dark{background:#05031b!important;color:#fff!important;border-color:#05031b!important}
.studio .btn-soft{background:#e8e5ff!important;color:#403ae6!important;border-color:#d2cdfa!important}
.studio .btn-outline{background:#fff!important;color:#403ae6!important;border-color:#403ae6!important}
.studio .status-pill{background:#e8e5ff!important;color:#403ae6!important}
.studio .status-pill.green{background:#ebf2bb!important;color:#243200!important}
.studio .status-pill.gray{background:#edeaf6!important;color:#585473!important}
.studio .searchbox,.studio .form-input,.studio .form-select,.studio .form-textarea{background-color:#fff!important;border-color:#cdc8ef!important;color:#05031b!important}
.studio .searchbox:focus,.studio .form-input:focus,.studio .form-select:focus,.studio .form-textarea:focus{border-color:#403ae6!important;outline-color:#403ae6!important}
.studio .form-label{color:#05031b!important}
/* Campaign builder: highlighted tab and block tools; preserve the user's actual email colors. */
.studio .editor-controls{overflow:hidden}
.studio .editor-tab{background:#fff!important;color:#575274!important;border-bottom:3px solid transparent!important}
.studio .editor-tab.active{background:#f3f1fe!important;color:#403ae6!important;border-bottom:3px solid #403ae6!important}
.studio .editor-panel{background:#fff!important}
.studio .editor-panel h3{color:#05031b!important;font-size:17px!important}
.studio .block-list-item{border-color:#dedbf4!important;background:#fff!important;color:#05031b!important}
.studio .block-list-item.selected{border-color:#403ae6!important;background:#f3f1fe!important}
.studio .block-list-item>span:first-child{background:#e8e5ff!important;color:#403ae6!important}
.studio .add-blocks button{background:#f3f1fe!important;border-color:#c5c0fa!important;color:#403ae6!important}
.studio .add-blocks button:hover{background:#e8e5ff!important}
.studio .swatch.selected{box-shadow:0 0 0 2px #403ae6!important}
.studio .editor-preview{background:#e8e6f8!important}
.studio .preview-toolbar,.studio .preview-info{background:#fff!important;color:#05031b!important;border-color:#dedbf4!important}
.studio .preview-modes{background:#eeeaff!important}
.studio .preview-modes button.active{background:#403ae6!important;color:#fff!important}
.studio .email-frame{background:#fff!important;box-shadow:0 15px 45px #05031b22!important}
.studio .danger-zone{background:#f3f1fe!important;border-color:#dedbf4!important}
.studio .modal-backdrop{background:#05031bcc!important}
.studio .modal-header{border-bottom-color:#dedbf4!important}
.studio .modal-foot{border-top-color:#dedbf4!important}
.studio .icon-button{background:#e8e5ff!important;color:#403ae6!important}
.studio .toast{background:#05031b!important;color:#fff!important}
.studio .toast.error{background:#a82850!important}
/* Footer and legal pages use same ink/indigo/lime vocabulary. */
.foot{background:#05031b!important;color:#fff!important}
.foot a{color:#e2e63a!important}
.top{background:#fff!important}
/* Usability on small devices / folded phones. */
@media(max-width:760px){
 .studio .workspace{padding:22px 15px 45px!important}
 .studio .studio-header{padding-inline:14px!important}
 .studio .studio-head-right{gap:7px!important}
 .studio .metric-card{padding:17px!important}
 .studio .editor-workspace{padding:16px 10px 40px!important}
 .studio .editor-layout{gap:12px!important}
 .studio .editor-panel{max-height:none!important}
 .studio .workspace-top h1{font-size:clamp(27px,7vw,36px)!important}
}
@media(prefers-reduced-motion:reduce){.studio *{animation-duration:.01ms!important;transition-duration:.01ms!important}}