.ml-context{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.ml-context article{background:#f3f6ed;padding:17px;border-radius:8px}.ml-context small{font-size:9px;letter-spacing:1px;color:#748464}.ml-context p{margin-bottom:0!important}.ml-workspace{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:22px;align-items:start}.ml-workspace>aside{padding:18px;border:1px solid #dce4d3;border-radius:8px}.ml-workspace label{display:grid;gap:8px;font-size:12px;margin-bottom:15px;color:#4d6140}.ml-workspace input,.ml-workspace textarea{width:100%;border:1px solid #d7dfcc;border-radius:6px;padding:11px;font:12px/1.6 Arial,sans-serif;color:#425438;background:white}.ml-workspace textarea{min-height:95px;resize:vertical}.ml-workspace .ml-small{font-size:10px!important}.ml-workspace h4{font-size:15px}.ml-preview-area{background:#e9ece3;padding:16px;border-radius:8px;text-align:center;min-width:0}.ml-device{display:flex;gap:7px;justify-content:center;margin-bottom:15px}.ml-device button{padding:9px 13px;border:1px solid #cfd9c1;background:white;border-radius:6px;font:12px Arial,sans-serif;color:#405b30;cursor:pointer}.ml-device .active{background:#506640;color:white}.ml-envelope{background:white;text-align:left;padding:17px;display:grid;gap:8px;max-width:640px;margin:auto auto 12px}.ml-envelope small{font-size:9px;letter-spacing:1px;color:#7b886c}.ml-envelope strong{font-size:14px;color:#34472a}.ml-envelope span{font-size:11px;color:#6e7b61}.ml-email{display:block;border:0;background:white;width:100%;max-width:640px;height:760px;margin:auto;border-radius:5px}.ml-email.mobile{width:375px;max-width:100%;height:760px}.mailing-studio #ml-saved{font-size:11px;color:#4e6c39}.ml-workspace>aside>p{font-size:12px!important}@media(max-width:1000px){.ml-workspace{grid-template-columns:1fr}.ml-workspace>aside{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.ml-workspace form{grid-row:span 5}.ml-context{grid-template-columns:1fr}.ml-context article{padding:13px}.ml-preview-area{padding:12px}}@media(max-width:600px){.ml-workspace>aside{display:block}.ml-preview-area{padding:8px}.ml-email,.ml-email.mobile{height:640px}.ml-envelope{padding:13px}.ml-context{gap:7px}.ml-context p{font-size:12px!important}}
.p-index-page .p-module-final{grid-column:span 3}@media(max-width:1050px){.p-index-page .p-module-final{grid-column:span 1}}
.mailing-studio .ml-workspace>aside{background:#fff;color:#405538}.mailing-studio .ml-workspace>aside h4{color:#344b2b}.mailing-studio .ml-workspace>aside p{color:#617354}.mailing-studio .ml-workspace>aside label{color:#4c633d}
.mailing-focus{margin:0;overflow:hidden;background:#eef0e8}.mf-root{height:100dvh;display:grid;grid-template-rows:58px 72px minmax(0,1fr) 25px;font:13px 'DM Sans',Arial,sans-serif;color:#34472d}.mf-root *{box-sizing:border-box}.mf-header{display:flex;align-items:center;justify-content:space-between;padding:8px 3%;background:#fff;border-bottom:1px solid #dae1d1}.mf-header img{width:135px;height:44px;object-fit:contain}.mf-header button{border:0;background:none;color:#48603b;font:inherit;font-size:12px;cursor:pointer}.mf-header>span{font-size:11px}.mf-header .mf-settings{display:none}.mf-toolbar{display:flex;align-items:center;gap:22px;padding:10px 3%;background:#f6f7f1;border-bottom:1px solid #dce3d2}.mf-toolbar h1{font:600 19px 'DM Sans',Arial,sans-serif;margin:0;flex:1}.mf-toolbar nav,.mf-device{display:flex;gap:6px}.mf-toolbar button{border:1px solid #d3dcc8;border-radius:6px;background:white;color:#4b623d;font:inherit;font-size:12px;padding:10px 13px;cursor:pointer}.mf-toolbar button.active{background:#506640;color:white;border-color:#506640}.mf-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:0;gap:20px;padding:18px 3%}.mf-aside{min-height:0;overflow:auto;background:#fff;border:1px solid #d9e2ce;border-radius:9px;padding:20px}.mf-aside h2{font:600 17px 'DM Sans',Arial,sans-serif;margin:0 0 12px}.mf-aside p{font-size:12px;line-height:1.65;color:#68795b}.mf-aside small{font-size:9px;letter-spacing:1px;color:#7d8e6e}.mf-aside label{display:grid;gap:7px;margin:15px 0;font-size:12px}.mf-aside input,.mf-aside textarea{font:12px/1.6 Arial,sans-serif;padding:10px;width:100%;border:1px solid #ced9c3;border-radius:5px;color:#405934;background:white}.mf-aside textarea{height:100px;resize:vertical}.mf-aside form>button{background:#506640;color:#fff;padding:11px;border:0;border-radius:5px;font:inherit;cursor:pointer}.mf-aside .mf-note{font-size:10px}.mf-preview{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0}.mf-envelope{width:100%;max-width:660px;margin:0 auto 10px;background:white;padding:13px 17px;border-radius:7px;display:grid;gap:5px;flex-shrink:0}.mf-envelope small{font-size:9px;color:#81916f}.mf-envelope strong{font-size:14px}.mf-envelope span{font-size:11px;line-height:1.45;color:#7a886d}.mf-email-stage{min-height:0;display:flex;justify-content:center;align-items:stretch}.mf-email-stage .ml-email{height:100%;width:100%;max-width:660px;border-radius:8px;box-shadow:0 3px 16px #24301d12}.mf-email-stage .ml-email.mobile{width:390px;max-width:100%;height:100%}.mf-footer{display:flex;justify-content:space-between;align-items:center;padding:0 3%;font-size:9px;color:#7c896f;background:#f7f8f3;border-top:1px solid #dce4d2}@media(max-width:1050px){.mf-toolbar h1{font-size:16px}.mf-toolbar{gap:10px}.mf-layout{grid-template-columns:235px minmax(0,1fr);gap:13px}.mf-aside{padding:16px}.mf-toolbar button{font-size:11px;padding:9px}}
@media(max-width:760px){.mf-root{grid-template-rows:52px 55px minmax(0,1fr) 24px}.mf-header{padding:5px 4%}.mf-header img{width:117px;height:40px}.mf-header>span{display:none}.mf-header .mf-settings{display:block}.mf-header button{font-size:11px}.mf-toolbar{padding:7px 3%;justify-content:center}.mf-toolbar h1,.mf-device{display:none}.mf-toolbar nav{width:100%;gap:6px}.mf-toolbar button{padding:10px 6px;font-size:11px;flex:1}.mf-layout{display:block;position:relative;padding:0;min-height:0}.mf-preview{height:100%;grid-template-rows:auto minmax(0,1fr)}.mf-envelope{margin:0;max-width:none;border-radius:0;padding:10px 15px;gap:4px;border-bottom:1px solid #e4e8df}.mf-envelope small{display:none}.mf-envelope strong{font-size:13px}.mf-envelope span{font-size:10px;line-height:1.4}.mf-email-stage{padding:0}.mf-email-stage .ml-email,.mf-email-stage .ml-email.mobile{width:100%;height:100%;max-width:100%;border-radius:0;box-shadow:none}.mf-aside{display:none}.mf-aside.open{display:block;position:absolute;inset:0;z-index:5;border-radius:0;border-width:0;background:white;padding:20px;overflow:auto}.mf-footer{font-size:8px;padding:0 4%;gap:15px}.mf-footer span:last-child{text-align:right}.mf-aside form>button{min-height:40px}}
.mf-root .mf-aside{color:#34472d}.mf-root .mf-aside h2,.mf-root .mf-aside label{color:#34472d}

/* Controles de presentación siempre visibles, también dentro de los ejemplos. */
.mf-root{grid-template-rows:58px 72px minmax(0,1fr) 58px 25px}
.mf-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 3%;background:#fff;border-top:1px solid #d8e0ce}
.mf-navigation button{min-height:42px;border:1px solid #ced8c2;border-radius:6px;padding:10px 18px;background:#fff;color:#405634;font:600 12px 'DM Sans',Arial,sans-serif;cursor:pointer}
.mf-navigation .mf-next{background:#506640;color:white;border-color:#506640}
.mf-navigation>div{display:grid;text-align:center;gap:3px}.mf-navigation small{font-size:10px;color:#738365}.mf-navigation span{font-size:11px}
.mf-purpose{font-size:12px!important;font-weight:600;line-height:1.45!important;color:#405634!important;margin:0 0 5px!important}
@media(max-width:760px){.mf-root{grid-template-rows:52px 55px minmax(0,1fr) 60px calc(24px + env(safe-area-inset-bottom,0px))}.mf-footer{padding-bottom:env(safe-area-inset-bottom,0px)}.mf-navigation{padding:6px 12px;gap:8px}.mf-navigation button{padding:10px 12px;font-size:11px}.mf-envelope small{display:block;font-size:8px;letter-spacing:.4px}.mf-purpose{font-size:10px!important;margin-bottom:3px!important}.mf-envelope span{display:none}}

@media(max-width:760px){.mailing-section:not(.mailing-focus) .p-slide-stage{padding-bottom:100px}.mailing-section:not(.mailing-focus) .p-slide-navigation{position:fixed;bottom:0;left:0;right:0;margin:0;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px));background:#f4f2eb;border-top:1px solid #d8dece;box-shadow:0 -3px 12px #25321d0a;z-index:20}.mailing-section:not(.mailing-focus) .p-slide-navigation .p-button{min-height:44px;font-size:10px;padding:10px}.mailing-section:not(.mailing-focus) .p-slide-navigation>div{gap:6px}}
@media(max-width:760px){.mailing-section .p-present-sidebar nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;overflow:visible!important}.mailing-section .p-present-sidebar nav button{min-width:0!important;width:100%!important;padding:12px 5px!important;font-size:10px!important;white-space:normal!important;justify-content:center}.mailing-section .p-present-sidebar nav button small{display:none}}