/* Base compartida de las paginas de muestra (barra de Mejora Tu Marketing y pie de regreso) */
@font-face{font-family:"Manrope";src:url(../fonts/manrope-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/manrope-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
body.mtm-demo{margin:0}
.dm-w{max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.dm-top{position:sticky;top:0;z-index:60}
body.admin-bar .dm-top{top:32px}
.demo-bar{background:#07090F;color:#F2F4FA;font-family:"Manrope",system-ui,sans-serif;font-size:14px;font-weight:600}
.demo-bar__in{display:flex;align-items:center;gap:14px;justify-content:space-between;min-height:52px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.demo-bar__txt b{color:#C6F46F;font-weight:700}
.demo-bar__acts{display:flex;gap:8px;align-items:center}
.demo-bar a{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13.5px;white-space:nowrap;color:inherit;text-decoration:none}
.demo-bar .db-back{border:1px solid #2A3245}
.demo-bar .db-back:hover{border-color:#fff}
.demo-bar .db-want{background:#C6F46F;color:#0B1230}
.demo-bar svg{width:16px;height:16px}
.db-home{display:inline-flex!important;padding:0!important;margin-right:10px;vertical-align:middle;border-radius:8px!important;overflow:hidden}
.db-home img{width:26px;height:26px;display:block}
@media (max-width:640px){.demo-bar__txt{font-size:12.5px;width:100%}.demo-bar__acts{width:100%}.demo-bar__acts a{flex:1;justify-content:center}}
.nd-back{background:#07090F;color:#E6E9F2;font-family:"Manrope",system-ui,sans-serif;font-size:15px;font-weight:600}
.nd-back__in{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
.nd-back__acts{display:flex;gap:10px;flex-wrap:wrap}
.nd-back a{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:10px 18px;font-weight:700;border:1px solid #2A3245;color:inherit;text-decoration:none}
.nd-back a:hover{border-color:#fff}
.nd-back a svg{width:16px;height:16px}
.nd-back .nd-back__home{background:#C6F46F;color:#0B1230;border-color:#C6F46F}
@media (max-width:640px){.nd-back__acts{width:100%}.nd-back__acts a{flex:1;justify-content:center}}
body.mtm-demo .joinchat{display:none!important}
body.mtm-demo .skip-link{position:absolute;left:-9999px;top:auto}
body.mtm-demo .skip-link:focus{left:8px;top:8px;z-index:100;background:#fff;color:#111;padding:10px 16px;border-radius:10px}