/*
 * ---------------- ESTILOS GLOBALES Y VARIABLES CSS ----------------
 * Este archivo contiene las variables CSS principales del tema,
 * los estilos de reseteo y los estilos generales que aplican a todo el sitio.
 *
 * NOTA: Este CSS ha sido optimizado para contener solo estilos globales.
 * Los estilos de secciones específicas (e.g., portada, single) se cargan condicionalmente
 * en sus respectivos archivos CSS para un rendimiento máximo.
 */

/* Importar fuentes de Google Fonts */
@font-face {font-family:'Franziska';src:url('../fonts/franziska/FranziskaWebPro.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap;}
@font-face {font-family:'Franziska';src:url('../fonts/franziska/FranziskaWebPro-Bold.woff') format('woff2');font-weight:bold;font-style:normal;font-display:swap;}
@font-face {font-family:'TabletGothic';src:url('../fonts/tabletgothic/TabletGothic-Regular-2024.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face {font-family:'TabletGothic';src:url('../fonts/tabletgothic/TabletGothic-Bold-2024.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face {font-family:'Roboto';src:url('../fonts/roboto/Roboto-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face {font-family:'Roboto';src:url('../fonts/roboto/Roboto-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

:root {--body-background:#ffffff;--neutral-100:#ffffff;--neutral-200:#f0f0f0;--neutral-300:#dcdcdc;--neutral-400:#b0b0b0;--neutral-500:#888888;--neutral-600:#555555;--neutral-700:#333333;--neutral-800:#222222;--neutral-900:#000000;--accent-100:#a0c4ff;--accent-200:#7097d8;--accent-300:#4366b0;--accent-400:#b91109;--ai-summary-header:#312c40;--ai-summary-header-text:#ffffff;--focus-ring:rgba(0,0,0,.3);--font-family-base:'TabletGothic',serif;--font-family-title:'Aleo',serif;--font-family-sec:'Franziska',sans-serif;--font-family-ter:'Brawler',serif;--font-family-aux:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--step-1:.3rem;--step-2:.5rem;--step-2-5:.6rem;--step-3:.8rem;--step-3-4:.9rem;--step-4:1rem;--step-4-5:1.2rem;--step-5:1.3rem;--step-6:1.5rem;--step-7:1.8rem;--step-8:2rem;--step-9:2.3rem;--step-10:2.5rem;--step-11:2.8rem;--step-12:3rem;--step-13:3.3rem;--step-14:3.5rem;--step-15:3.8rem;--step-16:4rem;--step-17:4.3rem;--step-18:4.5rem;--step-19:4.8rem;--step-20:5rem;--radius-sm:var(--step-1);--radius-md:var(--step-2);--radius-lg:var(--step-4);--border-width:1px;--border-style:solid;--border-color-default:var(--neutral-300);--neutral-border-subtle:var(--neutral-300);--border-color-absolute:var(--neutral-500);--icon-size:var(--step-4);--container-max-width:960px;--container-2:700px;--container-padding:var(--step-7);--header-height:var(--step-15);--single-sidebar-min-width:12.5rem;--single-sidebar-max-width:13.75rem;--line-height-base:var(--step-6);--safe-area-bottom:env(safe-area-inset-bottom,0px);}

html[data-theme="dark"] {--body-background:var(--neutral-200);--neutral-100:#000000;--neutral-200:#121212;--neutral-300:#1e1e1e;--neutral-400:#444444;--neutral-500:#666666;--neutral-600:#999999;--neutral-700:#bbbbbb;--neutral-800:#dddddd;--neutral-900:#ffffff;--accent-100:#507bcc;--accent-200:#436aa8;--accent-300:#335b8a;--focus-ring:rgba(255,255,255,.4);--border-width:1px;--border-style:solid;--border-color-default:var(--neutral-400);--neutral-border-subtle:var(--neutral-400);--border-color-absolute:var(--neutral-600);}

/* ---------------------------------- FORMATEO INICIAL ------------------------------------------ */

*, *::before, *::after {box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {margin:0;padding:0;font-family:var(--font-family-base);font-size:var(--step-4);line-height:var(--line-height-base);color:var(--neutral-800);background:var(--body-background);text-rendering:optimizeLegibility;}
html.menu-open {overscroll-behavior:none;}
body.menu-open {overflow:hidden;overscroll-behavior:none;}
@media(min-width:600px) {body.menu-open {padding-right:var(--scrollbar-width,0);}}
h1,h2,h3,h4,h5,h6 {font-family:var(--font-family-base);}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd {margin:0;padding:0;}
ul,ol {list-style:none;}
a {color:inherit;text-decoration:none;}
img,svg,video,canvas,iframe {max-width:100%;display:block;}
button,input,select,textarea {font:inherit;color:inherit;background:none;border:none;padding:0;}
svg {width:var(--step-4);height:var(--step-4);}

.container {margin: var(--step-2) var(--step-4);}
.mf-ad {width:100%;margin-inline:auto;display:grid;place-items:center;overflow:clip;}
.mf-ad-top {max-width:970px;}
.mf-ad-top:has(>div:not(:empty)) {padding-block:var(--step-2);}
.mf-ad-rail {display:none;}
.mf-global-formats,.mf-ad-rich {width:0;height:0;overflow:visible;}
.mf-ad-home {margin-block:var(--step-8);}
.mf-ad-wide,.mf-ad-row {position:relative;left:50%;width:min(970px,calc(100vw - (var(--step-4) * 2)));transform:translateX(-50%);}
.mf-ad-row {display:grid;gap:var(--step-4);}
body.mf-ad-preview .mf-ad:not(.mf-ad-rich)>div:not(:has(iframe,img,video,object)) {display:grid;place-items:center;max-width:100%;border:var(--border-width) dashed var(--neutral-500);background:var(--neutral-200);color:var(--neutral-600);font:400 var(--step-3)/1 var(--font-family-aux);}
body.mf-ad-preview .mf-ad:not(.mf-ad-rich)>div:not(:has(iframe,img,video,object))::before {content:attr(data-mf-label);}
body.mf-ad-preview [id^="MobileRectangle"]:not(:has(iframe,img,video,object)),
body.mf-ad-preview [id^="MediumRectangle"]:not(:has(iframe,img,video,object)) {width:300px;min-height:250px;}
body.mf-ad-preview [id^="LargeLeaderboard"]:not(:has(iframe,img,video,object)) {width:970px;min-height:90px;}
body.mf-ad-preview [id^="Leaderboard"]:not(:has(iframe,img,video,object)) {width:728px;min-height:90px;}
body.mf-ad-preview [id^="Billboard"]:not(:has(iframe,img,video,object)) {width:970px;min-height:250px;}
body.mf-ad-preview [id^="MediumBanner"]:not(:has(iframe,img,video,object)) {width:500px;min-height:125px;}
body.mf-ad-preview [id^="Skyscraper"]:not(:has(iframe,img,video,object)) {width:160px;min-height:600px;}
body.mf-ad-preview #Adhesion_top:not(:has(iframe,img,video,object)) {width:320px;min-height:50px;}
body.mf-ad-preview #Inline:not(:has(iframe,img,video,object)) {width:100%;aspect-ratio:16/9;}
body.mf-ad-preview #Parallax:not(:has(iframe,img,video,object)) {width:100%;min-height:250px;}
@media(max-width:767px) {body.mf-ad-preview .mf-ad>[id^="LargeLeaderboard"],body.mf-ad-preview .mf-ad>[id^="Leaderboard"],body.mf-ad-preview .mf-ad>[id^="Billboard"],body.mf-ad-preview .mf-ad>[id^="MediumBanner"],body.mf-ad-preview .mf-ad>[id^="MediumRectangle"] {display:none!important;}}
@media(min-width:768px) {body.mf-ad-preview .mf-ad>[id^="MobileRectangle"],body.mf-ad-preview .mf-ad>#Adhesion_top {display:none!important;}}
@media(min-width:1000px) {.mf-ad-row {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(min-width:1340px) {
  .mf-ad-rail {position:fixed;top:0;display:grid;width:160px;height:600px;z-index:20;}
  .mf-ad-left {left:max(var(--step-4),calc(((100vw - var(--container-max-width)) / 2) - 160px - var(--step-4)));}
  .mf-ad-right {right:max(var(--step-4),calc(((100vw - var(--container-max-width)) / 2) - 160px - var(--step-4)));}
}
@media (min-width: 900px) {
  .container {max-width:var(--container-max-width);margin:var(--step-2) auto}
  .header {max-width:var(--container-max-width);margin:0 auto;}
  .header-grid {max-width:var(--container-max-width);margin:0 auto;padding:0 var(--step-4);}
}
@media (max-width: 317px) {.menu-button span, .account-button span {display: none;} }

/* -------------------------------- HEADER -------------------------------------------- */
#header-content {position:sticky;top:0;width:100%;z-index:1000;}
.header {background:var(--body-background);padding:0 var(--step-4);height:var(--header-height);display:grid;place-items:center;border-bottom:var(--border-width) var(--border-style) var(--border-color-default);}
.header-grid {position:static;display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;max-width:var(--container-max-width);margin:0 auto;}
.menu-button,.account-button {display:flex;align-items:center;gap:var(--step-2);font-size:var(--step-3-4);color:var(--neutral-900);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;}
.menu-button {padding:.375rem 1rem;border-radius:.25rem;}
.menu-button[aria-expanded="true"] {background:var(--neutral-200);}
body:not(.logged-in) .account-button[aria-expanded="true"] {background:var(--neutral-200);box-shadow:0 0 0 var(--step-1) var(--neutral-200);}
@media(hover:hover) {.menu-button:hover {background:var(--neutral-200);}}
html[data-theme="dark"] .menu-button[aria-expanded="true"] {background:#232323;}
@media(hover:hover) {html[data-theme="dark"] .menu-button:hover {background:#232323;}}
.menu-button:focus-visible,.account-button:focus-visible {outline:2px solid var(--focus-ring);outline-offset:var(--step-1);}
.account-button img {border-radius:9999px;height:29px;width:29px;border:var(--border-width) var(--border-style) var(--border-color-absolute);padding:2px;transition:background-color .15s ease,box-shadow .15s ease;}
body.logged-in .account-button[aria-expanded="true"] img {background:var(--neutral-200);box-shadow:0 0 0 var(--step-1) var(--neutral-300);}
.menu-button {justify-self:start;}
.account-button {justify-self:end;}
.site-logo {justify-self:center;}
.site-logo svg {width:auto;height:var(--step-8);padding:var(--step-2) var(--step-3);border-radius:var(--step-1);background:#000;fill:var(--neutral-100);color:#ddd;}
.icon {width:var(--step-4);height:var(--step-4);display:inline-block;vertical-align:middle;fill:currentColor;}

/* -------------------------------- MENUS -------------------------------------------- */
.menu {position:absolute;top:100%;left:0;width:100%;height:var(--menu-available-height,calc(100dvh - var(--header-height)));max-height:var(--menu-available-height,calc(100dvh - var(--header-height)));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:var(--neutral-100);display:none;flex-direction:column;padding-bottom:var(--step-15);border:var(--border-width) var(--border-style) var(--neutral-300);box-shadow:0 var(--step-2) calc(var(--step-4) / 1.6) rgba(0,0,0,.05);scrollbar-width:thin;scrollbar-color:var(--neutral-500) var(--neutral-200);z-index:9999;}
.menu::-webkit-scrollbar {width:var(--step-2);}
.menu::-webkit-scrollbar-track {background:var(--neutral-200);}
.menu::-webkit-scrollbar-thumb {background:var(--neutral-500);border:var(--border-width) solid var(--neutral-200);border-radius:var(--radius-sm);}
.menu[hidden] {display:none;}
.menu.active {display:flex;}
.menu ul {margin:0;width:100%;}
.menu li>a {display:flex;align-items:center;gap:var(--step-2);border-radius:var(--radius-sm);transition:color .15s ease;}
.menu li>a:focus-visible {outline:2px solid var(--focus-ring);outline-offset:-2px;color:var(--neutral-600);}
@media(hover:hover) {.menu li>a:hover {color:var(--neutral-600);}}
.menu-secciones,.menu-enlaces,#primary-menu .primary-menu-list>li,#account-menu .account-menu-list>li {margin:var(--step-3) var(--step-8);}
.menu-secciones ul {display:grid;gap:calc(var(--step-6) / 2);font-weight:bold;grid-template-columns:1fr 1fr;padding-bottom:var(--step-4);border-bottom:var(--border-width) var(--border-style) var(--neutral-300);}
.menu-secciones .subnav-title {display:none;}
.subnav-title {display:block;margin:var(--step-2) auto;font-weight:bold;font-size:var(--step-3);color:var(--neutral-600);text-transform:uppercase;}
.menu-enlaces ul {display:flex;flex-direction:column;gap:calc(var(--step-7) / 2);font-size:var(--step-4);padding-bottom:var(--step-4);border-bottom:var(--border-width) var(--border-style) var(--neutral-300);}
@media(min-width:600px) {
  .menu {width:min(23rem,calc(100vw - (var(--step-4) * 2)));height:auto;border-radius:var(--radius-sm);}
  #primary-menu {left:max(0px,calc((100% - var(--container-max-width)) / 2));right:auto;}
  #account-menu {right:max(0px,calc((100% - var(--container-max-width)) / 2));left:auto;}
}
/* -------------------------------- BUSCADOR -------------------------------------------- */
.search-form {position:relative;margin:var(--step-6) var(--step-6) var(--step-2);}
.search-field {width:100%;padding:var(--step-2) var(--step-8) var(--step-2) var(--step-3);border:var(--border-width) var(--border-style) var(--neutral-300);border-radius:var(--step-1);font-size:var(--step-4);}
.search-submit {position:absolute;right:var(--step-3);top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:var(--neutral-700);}
.search-submit svg {width:var(--step-4);height:var(--step-4);fill:currentColor;}
.search-field:focus {outline:0;box-shadow:0 0 0 2px var(--neutral-600);}
.search-field::-webkit-search-decoration,.search-field::-webkit-search-cancel-button,.search-field::-webkit-search-results-button,.search-field::-webkit-search-results-decoration{display:none;}

/* -------------------------------- TOGGLE MODO DARK -------------------------------------------- */
.theme-toggle {margin:auto 0; padding:1.5rem 2rem 1.5rem;background:var(--neutral-200);display:flex;align-items:center;justify-content:space-between;width:100%;font-size:var(--step-4);}
.theme-toggle>span {margin-right:var(--step-4);white-space:nowrap;color:var(--neutral-900);}
.theme-toggle>div {position:relative;display:grid;grid-template-columns:repeat(3,var(--step-10));gap:0 var(--step-2);padding:var(--step-1) var(--step-2);background:var(--neutral-300);border-radius:var(--step-10);}
.theme-toggle>div::before {content:"";position:absolute;top:var(--step-1);left:var(--step-2);width:var(--step-10);height:var(--step-8);border-radius:var(--step-10);background:var(--body-background);transform:translateX(0);transition:transform .25s ease,background-color .25s ease;z-index:1;}
.theme-toggle[data-active="auto"]>div::before {transform:translateX(var(--step-12));}
.theme-toggle[data-active="dark"]>div::before {transform:translateX(calc(var(--step-12) * 2));}
.theme-toggle button {position:relative;z-index:2;display:grid;place-items:center;width:var(--step-10);height:var(--step-8);cursor:pointer;}
.theme-toggle button:focus-visible {outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--step-10);}
.theme-toggle button .icon {position:static;color:var(--neutral-900);pointer-events:none;}
@media(max-width:320px) {
  .theme-toggle {flex-direction:column;gap:var(--step-3);}
  .theme-toggle>span {margin-right:0;}
}

/* -------------------------------- MENU CUENTA -------------------------------------------- */
.wellcome {padding: 1rem 2rem; max-width: 22rem;}
.theme-toggle span {font-size: 1.3rem; font-weight: bold}

.session-buttons{display:flex;flex-direction:column;gap:var(--step-3);align-items:stretch}
.menu-enlaces .boton {width:100%;padding:.8rem 1rem;border:1px solid var(--neutral-400);border-radius:var(--step-1);cursor:pointer;text-align: center;}
.btn-register {background-color: var(--accent-400);color: #fff}

/* -------------------------------- BARRA ALERTA -------------------------------------------- */
.now-wrap {display:flex;align-items:stretch;position:relative;max-width:var(--container-max-width);margin:.5rem auto;background:var(--neutral-200);-webkit-text-size-adjust:100%;text-size-adjust:100%}
.now {position:relative;display:flex;align-items:center;gap:var(--step-2);font-size:13px;padding-left:var(--step-4);flex:1;overflow:hidden;text-decoration:none}
.now-dot {width:8px;height:8px;border-radius:50%;background-color:var(--accent-400);animation:opacityLoop .5s infinite alternate;flex-shrink:0}
.now-scroll {flex:1;overflow:hidden}
.now-track {display:inline-block;white-space:nowrap;animation:scroll-left 30s linear infinite}
.now-label {color:var(--accent-400);text-transform:uppercase;font-size:12px}
.now-close {display:flex;align-items:center;justify-content:center;padding:0 var(--step-4);cursor:pointer;flex-shrink:0}
.now-close svg {width:1rem;height:1rem;fill:var(--neutral-600)}
.single-header .now-label {font-size: var(--step-4-5);text-transform: none;}
@media(min-width:700px){.now-track{animation:none;}}
@keyframes opacityLoop {from{opacity:1}to{opacity:.1}}
@keyframes scroll-left {0%{transform:translateX(0)}100%{transform:translateX(-50%)}}


/* -------------------------------- ARCHIVE -------------------------------------------- */
.archive-title {font:700 var(--step-7)/1.2 var(--font-family-base);margin:var(--step-3) 0;text-align:left;}
.archive-article a {display:flex;align-items:center;gap:var(--step-3);text-decoration:none;color:inherit;padding:var(--step-3) 0;border-bottom:var(--border-width) var(--border-style) var(--neutral-300);}
.archive-article figure {width:120px;aspect-ratio:16/10;flex-shrink:0;overflow:hidden;border-radius:var(--step-1);}
.archive-article figure img {width:100%;height:100%;object-fit:cover;display:block;}
.archive-content {flex:1;display:flex;flex-direction:column;justify-content:center;}
.archive-meta {font-size:var(--step-3);text-transform:uppercase;color:var(--neutral-600);}
.archive-article h3 {font:600 var(--step-4)/1.2 var(--font-family-base);margin:var(--step-1) 0;}
@media(min-width:600px){.archive-article figure {width:200px;aspect-ratio:16/9;}.archive-content{max-width:350px;}.archive-article h3{font-size:var(--step-5);}}
@media(max-width:420px){.archive-article a{flex-direction:column;align-items:flex-start;}.archive-article figure{width:100%;aspect-ratio:16/9;}.archive-content{width:100%;max-width:none;}}

/* -------------------------------- FOOTER -------------------------------------------- */
.footer {margin:var(--step-6) auto 0;padding:5rem 0;text-align:center;font-size:var(--step-4);color:var(--neutral-600);background:var(--neutral-200);border-top:1px solid var(--neutral-200);}
.footer .footer-top {display:flex;flex-direction:column;align-items:center;gap:var(--step-8);padding: var(--step-4)}
.footer .footer-nav {display:flex;flex-wrap:wrap;justify-content:center;gap:var(--step-3);font-size:var(--step-4);}
#menu-footer {display:flex;flex-wrap:wrap;gap:var(--step-4);margin:0 var(--step-4);justify-content:center;}
.footer .site-logo svg {width:8rem;height:auto;padding:var(--step-3) var(--step-4);}
.footer .footer-social {display:flex;justify-content:center;gap:var(--step-3);}
.footer .social-icon {width:var(--step-8);height:var(--step-8);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--neutral-300);color:var(--neutral-900);}
.footer .social-icon svg {width:60%;height:60%;fill:currentColor;}
.footer p {margin-top:var(--step-8)}
@media(min-width:600px){.footer-menu-list {display:flex;flex-direction:row;gap:var(--step-3)}
}

/* -------------------------------- SUELTOS -------------------------------------------- */
.load-more {display:block;margin:var(--step-4) auto;padding:var(--step-1) var(--step-16);font-size:var(--step-3);font-weight:500;background:black;color:white;text-transform:uppercase;border-radius:var(--step-1);text-align:center;cursor:pointer;}
.load-more:hover {background:var(--neutral-700);}
.hidden {display:none!important;}

.avatar-with-blob {position: relative; display: inline-block;}
.avatar-with-blob.blob::after {content: ""; background: #ff0000; border-radius: 50%; position: absolute; bottom: 0; right: 3px; width: 6px; height: 6px; z-index: 10;}
.avatar-with-blob.blob:not(.has-unread-notifications)::after {display: none;}
.notification-count-badge {font-size: var(--step-3);color: #fff; padding: .03rem .5rem; border-radius: 3px; background-color: var(--accent-400);}


.loading-circles {position: relative; display: flex; justify-content: center; align-items: center; gap: var(--step-2); margin: var(--step-4) 0; width: 100%;}
.loading-circles::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; pointer-events: none;}
.loading-circles span {position: relative; width: var(--step-2); height: var(--step-2); border-radius: 50%; background: var(--neutral-700); opacity: 0; animation: dots 1.5s infinite;}
.loading-circles span:nth-child(1) {animation-delay: 0s;}
.loading-circles span:nth-child(2) {animation-delay: 0.3s;}
.loading-circles span:nth-child(3) {animation-delay: 0.6s;}
@keyframes dots {0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;}}

/* -------------------------------- 404 -------------------------------------------- */

.error-404{display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 1rem;text-align:center;width:100%;box-sizing:border-box;}
#id404{display:block;font-size:clamp(4rem,calc(15vw + 1rem),10rem);color:#555;font-weight:bold;user-select:none;line-height:1;margin:1rem 0;max-width:100%;overflow-wrap:break-word;}
.error-message{display:flex;flex-direction:column;text-align:center;}
.error-message h1,.error-message p{margin:8px 0;max-width: 500px;}
.error-404 .nav__search{padding:2rem;}
.load-more:hover{background-color:#555;}

/* -------------------------------- MODAL  -------------------------------------------- */
.lalupa-modal{display:none;position:fixed;inset:0;align-items:center;justify-content:center;z-index:11000;padding:var(--step-4)}
.lalupa-modal.is-active{display:flex}
.lalupa-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(2px)}
.lalupa-modal-card{position:relative;background:var(--neutral-200);padding:var(--step-5);border-radius:var(--step-2);max-width:400px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,0.3);animation:mScale .2s ease-out}
.lalupa-modal-close-icon{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--neutral-500)}
.lalupa-modal-card h3{font-size:var(--step-5);font-weight:700;padding-right:2rem}
.lalupa-modal-card p{font-size:var(--step-4);color:var(--neutral-600);line-height:1.4}
.lalupa-modal-card a{text-decoration:underline;text-underline-offset:3px}
.lalupa-modal-card a:hover{color:var(--accent-400)}
#in-m{width:100%;margin-top:1rem;padding:10px;border-radius:5px;border:1px solid var(--neutral-300);resize:none;font-family:inherit}
.btn-m{width:100%;padding:var(--step-2) var(--step-4);border-radius:var(--step-1);font-weight:600;border:none;color:var(--neutral-100);cursor:pointer;margin-top:var(--step-4)}
.btn-m[data-type="danger"]{background:var(--neutral-800);}
.btn-m[data-type="confirm"]{background:var(--neutral-800);}
@keyframes mScale{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}