:root {
     --bg0: #0b1220;
     --bg1: #0f1a2f;
     --card: rgba(255, 255, 255, 0.08);
     --card2: rgba(255, 255, 255, 0.12);
     --text: rgba(255, 255, 255, 0.92);
     --muted: rgba(255, 255, 255, 0.72);
     --border: rgba(255, 255, 255, 0.12);
     --accent: #7c3aed;
     --accent2: #22c55e;
     --shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
     --radius: 18px;
 }
 
 * {
     box-sizing: border-box;
 }
 
 html,
 body {
     height: 100%;
 }
 
 body {
     margin: 0;
     color: var(--text);
     background: radial-gradient(1200px 600px at 20% 10%, rgba(124, 58, 237, 0.25), transparent 55%),
         radial-gradient(1000px 600px at 90% 30%, rgba(34, 197, 94, 0.18), transparent 55%),
         linear-gradient(180deg, var(--bg0), var(--bg1));
     font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji",
         "Segoe UI Emoji";
     line-height: 1.4;
     overflow: hidden;
 }

 .mt-theme-landing {
     overflow-x: hidden;
     overflow-y: auto;
 }

 .mt-theme-mingo {
     color: #0b2a6f;
     background: #ffffff;
     overflow-x: hidden;
     overflow-y: auto;
 }

 .mt-theme-banquetakos {
     overflow-x: hidden;
     overflow-y: auto;
 }

 .mt-theme-srchorizo {
     overflow-x: hidden;
     overflow-y: auto;
 }

 .mt-theme-landing .mt-main {
     overflow: visible;
 }

 .mt-hero {
     padding: 22px 18px;
 }

 .mt-hero-grid {
     display: grid;
     gap: 14px;
 }

 .mt-hero-title {
     font-size: 34px;
     letter-spacing: -0.03em;
     margin: 0;
 }

 .mt-hero-sub {
     margin: 10px 0 0;
     color: var(--muted);
     font-size: 15px;
 }

 .mt-badges {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 14px;
 }

 .mt-badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 10px 12px;
     border-radius: 999px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     background: rgba(255, 255, 255, 0.05);
     color: rgba(255, 255, 255, 0.90);
     font-size: 13px;
 }

 .mt-badge--accent {
     border-color: rgba(124, 58, 237, 0.35);
     background: rgba(124, 58, 237, 0.12);
 }

 .mt-kpis {
     display: grid;
     gap: 10px;
     margin-top: 14px;
 }

 .mt-kpi {
     border-radius: 16px;
     border: 1px solid rgba(255, 255, 255, 0.12);
     background: rgba(0, 0, 0, 0.14);
     padding: 12px;
 }

 .mt-kpi strong {
     display: block;
     font-size: 16px;
     letter-spacing: -0.01em;
 }

 .mt-kpi span {
     display: block;
     margin-top: 6px;
     color: var(--muted);
     font-size: 13px;
 }

 .mt-demo-items {
     display: grid;
     gap: 10px;
 }

 .mt-demo-item {
     display: grid;
     grid-template-columns: 1fr;
     gap: 10px;
     padding: 12px;
     border-radius: 16px;
     border: 1px solid rgba(255, 255, 255, 0.12);
     background: rgba(255, 255, 255, 0.04);
 }

 .mt-demo-item__top {
     display: flex;
     justify-content: space-between;
     gap: 12px;
     align-items: baseline;
 }

 .mt-demo-item__name {
     font-weight: 750;
 }

 .mt-demo-item__price {
     color: var(--muted);
     font-variant-numeric: tabular-nums;
 }

 .mt-demo-item__actions {
     display: grid;
     grid-template-columns: 1fr auto;
     gap: 10px;
     align-items: center;
 }

 .mt-demo-cart {
     display: grid;
     gap: 10px;
 }

 .mt-demo-cart ul {
     gap: 8px;
 }

 .mt-demo-cart li {
     display: flex;
     justify-content: space-between;
     gap: 10px;
     align-items: center;
 }

 .mt-demo-cart .mt-cart-line {
     min-width: 0;
 }

 .mt-demo-cart .mt-cart-line small {
     display: block;
     color: var(--muted);
     margin-top: 2px;
 }

 .mt-pricing {
     display: grid;
     gap: 14px;
 }

 .mt-theme-landing #costos .mt-pricing {
     grid-template-columns: repeat(auto-fit, minmax(240px, 340px));
     justify-content: center;
 }

 .mt-theme-landing #costos .mt-price-card {
     width: 100%;
     max-width: 320px;
     margin-left: auto;
     margin-right: auto;
 }

 .mt-price-card {
     border: 1px solid rgba(255, 255, 255, 0.14);
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
     border-radius: var(--radius);
     padding: 16px;
     box-shadow: 0 10px 26px rgba(0, 0, 0, 0.20);
 }

 .mt-price-title {
     margin: 0;
     font-size: 16px;
     letter-spacing: -0.01em;
 }

 .mt-price-amount {
     margin-top: 10px;
     font-size: 26px;
     letter-spacing: -0.03em;
     font-weight: 850;
     font-variant-numeric: tabular-nums;
 }

 .mt-price-amount small {
     color: var(--muted);
     font-size: 13px;
     font-weight: 650;
 }

 .mt-specs {
     width: 100%;
     border-collapse: collapse;
 }

 .mt-specs td {
     padding: 10px 12px;
     border-top: 1px solid rgba(255, 255, 255, 0.10);
     vertical-align: top;
 }

 .mt-specs td:first-child {
     color: rgba(255, 255, 255, 0.88);
     font-weight: 750;
     width: 38%;
 }

 .mt-footer {
     margin-top: 16px;
     color: var(--muted);
     font-size: 13px;
     text-align: center;
 }

 .mt-privacy {
     position: fixed;
     left: 16px;
     right: 16px;
     bottom: calc(16px + env(safe-area-inset-bottom, 0px));
     z-index: 9999;
     border: 1px solid rgba(255, 255, 255, 0.16);
     background: rgba(0, 0, 0, 0.72);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     border-radius: 16px;
     padding: 12px 12px;
     box-shadow: 0 18px 50px rgba(0, 0, 0, 0.42);
 }

 .mt-privacy__row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     flex-wrap: wrap;
 }

 .mt-privacy__text {
     color: rgba(255, 255, 255, 0.86);
     font-size: 13px;
     line-height: 1.35;
 }

 .mt-privacy__text a {
     color: rgba(167, 139, 250, 0.95);
     text-decoration: none;
     border-bottom: 1px dashed rgba(167, 139, 250, 0.55);
 }

 .mt-privacy__actions {
     display: flex;
     gap: 10px;
     align-items: center;
 }

 .mt-privacy__btn {
     cursor: pointer;
     border-radius: 999px;
     border: 1px solid rgba(255, 255, 255, 0.18);
     background: rgba(255, 255, 255, 0.08);
     color: rgba(255, 255, 255, 0.92);
     padding: 9px 12px;
     font-weight: 750;
     font-size: 13px;
 }

 .mt-privacy__btn:hover {
     border-color: rgba(167, 139, 250, 0.45);
     background: rgba(167, 139, 250, 0.14);
 }

 .mt-privacy__link {
     color: rgba(255, 255, 255, 0.78);
     text-decoration: none;
     border-bottom: 1px dashed rgba(255, 255, 255, 0.35);
     font-size: 13px;
 }

 .mt-theme-landing #contacto .mt-grid {
     grid-template-columns: 1fr;
     justify-items: center;
 }

 .mt-theme-landing #contacto .mt-grid > .mt-section {
     width: min(560px, 100%);
 }

 .mt-theme-srchorizo {
     color: rgba(255, 255, 255, 0.95);
     background:
         radial-gradient(1100px 600px at 20% 10%, rgba(250, 204, 21, 0.18), transparent 55%),
         radial-gradient(900px 500px at 90% 30%, rgba(255, 255, 255, 0.10), transparent 55%),
         linear-gradient(180deg, #7f1d1d, #b91c1c);
 }

 .mt-theme-srchorizo .mt-header {
     border-color: rgba(250, 204, 21, 0.28);
     background: linear-gradient(180deg, rgba(250, 204, 21, 0.10), rgba(0, 0, 0, 0.06));
 }

 .mt-theme-srchorizo .mt-brand {
     color: rgba(255, 255, 255, 0.75);
 }

 .mt-theme-srchorizo h1,
 .mt-theme-srchorizo h2,
 .mt-theme-srchorizo h3 {
     color: rgba(255, 255, 255, 0.96);
 }

 .mt-theme-srchorizo p {
     color: rgba(255, 255, 255, 0.78);
 }

 .mt-theme-srchorizo .mt-section {
     border-color: rgba(250, 204, 21, 0.22);
     background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.10));
     box-shadow: 0 10px 26px rgba(0, 0, 0, 0.24);
 }

 .mt-theme-srchorizo li {
     border-color: rgba(250, 204, 21, 0.18);
     background: rgba(0, 0, 0, 0.14);
 }

 .mt-theme-srchorizo .mt-input {
     color: rgba(255, 255, 255, 0.95);
     border-color: rgba(250, 204, 21, 0.24);
     background: rgba(0, 0, 0, 0.22);
 }

 .mt-theme-srchorizo .mt-input::placeholder {
     color: rgba(255, 255, 255, 0.60);
 }

 .mt-theme-srchorizo .mt-btn {
     color: rgba(255, 255, 255, 0.96);
     border-color: rgba(250, 204, 21, 0.42);
     background: rgba(250, 204, 21, 0.18);
 }

 .mt-theme-srchorizo .mt-btn:hover {
     background: rgba(250, 204, 21, 0.24);
     border-color: rgba(250, 204, 21, 0.52);
 }

 .mt-theme-srchorizo .mt-pill {
     color: rgba(255, 255, 255, 0.95);
     border-color: rgba(255, 255, 255, 0.22);
     background: rgba(0, 0, 0, 0.14);
 }

 .mt-theme-srchorizo .mt-pill:hover {
     background: rgba(0, 0, 0, 0.22);
     border-color: rgba(250, 204, 21, 0.35);
 }

 .mt-theme-srchorizo .mt-total {
     border-top-color: rgba(250, 204, 21, 0.22);
 }

 .mt-theme-srchorizo .mt-checkbox {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 8px 10px;
     border-radius: 12px;
     border: 1px solid rgba(250, 204, 21, 0.22);
     background: rgba(0, 0, 0, 0.16);
     color: rgba(255, 255, 255, 0.90);
 }

 .mt-theme-srchorizo .mt-checkbox input {
     accent-color: #facc15;
 }

 .mt-theme-mingo .mt-header {
     border-color: rgba(220, 38, 38, 0.20);
     background: linear-gradient(180deg, rgba(220, 38, 38, 0.06), rgba(220, 38, 38, 0.03));
     box-shadow: 0 14px 34px rgba(11, 42, 111, 0.10);
 }

 .mt-theme-mingo .mt-brand {
     color: rgba(11, 42, 111, 0.68);
 }

 .mt-theme-mingo .mt-btn {
     border-color: rgba(220, 38, 38, 0.25);
     background: rgba(220, 38, 38, 0.08);
     color: rgba(220, 38, 38, 0.92);
 }

 .mt-theme-mingo .mt-btn:hover {
     background: rgba(220, 38, 38, 0.12);
     border-color: rgba(220, 38, 38, 0.35);
 }

 .mt-theme-mingo .mt-section {
     border-color: rgba(220, 38, 38, 0.18);
     background: linear-gradient(180deg, rgba(11, 42, 111, 0.04), rgba(11, 42, 111, 0.02));
     box-shadow: 0 10px 26px rgba(11, 42, 111, 0.10);
 }

 .mt-theme-mingo h3 {
     color: rgba(11, 42, 111, 0.62);
 }

 .mt-theme-mingo p {
     color: rgba(11, 42, 111, 0.72);
 }

 .mt-theme-mingo li {
     border-color: rgba(220, 38, 38, 0.18);
     background: rgba(220, 38, 38, 0.04);
 }

 .mt-theme-mingo .mt-option {
     border-color: rgba(220, 38, 38, 0.20);
     background: rgba(220, 38, 38, 0.05);
 }

 .mt-theme-mingo .mt-option:hover {
     background: rgba(220, 38, 38, 0.08);
     border-color: rgba(220, 38, 38, 0.32);
 }

 .mt-theme-mingo .mt-option.is-selected {
     background: rgba(220, 38, 38, 0.92);
     border-color: rgba(220, 38, 38, 1);
     color: #ffffff;
 }

 .mt-theme-mingo .mt-input {
     border-color: rgba(220, 38, 38, 0.20);
     background: rgba(220, 38, 38, 0.04);
 }

 .mt-theme-mingo .mt-label {
     color: rgba(11, 42, 111, 0.62);
 }

 .mt-theme-mingo .mt-total {
     border-top-color: rgba(220, 38, 38, 0.18);
 }

 .mt-theme-mingo .mt-pill {
     border-color: rgba(220, 38, 38, 0.22);
     background: rgba(220, 38, 38, 0.06);
     color: rgba(220, 38, 38, 0.92);
 }

 .mt-theme-mingo .mt-loader-card {
     border-color: rgba(220, 38, 38, 0.20);
     background: linear-gradient(180deg, rgba(220, 38, 38, 0.08), rgba(11, 42, 111, 0.03));
 }

 .mt-theme-mingo .mt-spinner {
     border-color: rgba(220, 38, 38, 0.20);
     border-top-color: rgba(220, 38, 38, 0.85);
 }

 .mt-theme-mingo .mt-cart-fab {
     color: rgba(220, 38, 38, 0.92);
 }

 a {
     color: inherit;
     text-decoration: none;
 }

 .mt-hidden {
     display: none !important;
 }

 .mt-loader {
     position: fixed;
     inset: 0;
     z-index: 9999;
     display: grid;
     place-items: center;
     padding: 24px;
     background: inherit;
     opacity: 1;
     transition: opacity 260ms ease;
 }

 .mt-loader.is-hiding {
     opacity: 0;
 }

 .mt-loader-card {
     width: min(560px, 100%);
     border-radius: var(--radius);
     border: 1px solid var(--border);
     background: linear-gradient(180deg, var(--card2), var(--card));
     box-shadow: var(--shadow);
     padding: 18px;
 }

 .mt-loader-title {
     margin: 0;
     font-size: 22px;
     letter-spacing: -0.02em;
 }

 .mt-loader-sub {
     margin: 10px 0 0;
     color: var(--muted);
 }

 .mt-spinner {
     width: 44px;
     height: 44px;
     margin-top: 14px;
     border-radius: 999px;
     border: 3px solid rgba(255, 255, 255, 0.18);
     border-top-color: rgba(255, 255, 255, 0.85);
     animation: mt-spin 850ms linear infinite;
 }

 @keyframes mt-spin {
     to {
         transform: rotate(360deg);
     }
 }

 .mt-choice {
     display: grid;
     gap: 10px;
 }

 .mt-choice-grid {
     display: grid;
     gap: 10px;
     grid-template-columns: 1fr;
 }

 .mt-option {
     width: 100%;
     text-align: left;
     padding: 12px 12px;
     border-radius: 14px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     background: rgba(255, 255, 255, 0.06);
     color: inherit;
     font: inherit;
     cursor: pointer;
     transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
 }

 .mt-option.is-selected {
     background: rgba(255, 255, 255, 0.18);
     border-color: rgba(255, 255, 255, 0.34);
 }

 .mt-option:hover {
     transform: translateY(-1px);
     background: rgba(255, 255, 255, 0.10);
     border-color: rgba(255, 255, 255, 0.22);
 }

 .mt-option:active {
     transform: translateY(0);
 }

 .mt-row {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
 }

 .mt-pill {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 10px 12px;
     border-radius: 999px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     background: rgba(255, 255, 255, 0.05);
     color: inherit;
     font: inherit;
     cursor: pointer;
 }

 .mt-pill:hover {
     background: rgba(255, 255, 255, 0.10);
 }

 .mt-field {
     display: grid;
     gap: 6px;
 }

 .mt-label {
     font-size: 12px;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--muted);
 }

 .mt-input {
     width: 100%;
     border-radius: 14px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     background: rgba(255, 255, 255, 0.06);
     color: inherit;
     padding: 12px 12px;
     outline: none;
 }

 select.mt-input {
     appearance: none;
     -webkit-appearance: none;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.70)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right 12px center;
     background-size: 16px 16px;
     padding-right: 40px;
 }

 .mt-qty {
     display: grid;
     grid-template-columns: auto 1fr auto;
     gap: 10px;
     align-items: center;
 }

 .mt-qty--compact {
     grid-template-columns: 44px 1fr 44px;
     gap: 8px;
 }

 .mt-item-controls {
     display: grid;
     gap: 10px;
     margin-top: 10px;
 }

 @media (min-width: 720px) {
     .mt-item-controls {
         grid-template-columns: 1fr auto auto;
         align-items: center;
     }

     .mt-item-controls .mt-btn {
         justify-self: end;
     }
 }

 .mt-total {
     margin-top: 12px;
     border-top: 1px solid rgba(255, 255, 255, 0.12);
     padding-top: 12px;
 }

 .mt-total-row {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     gap: 12px;
 }
 
 .mt-container {
     width: min(980px, calc(100% - 32px));
     margin: 0 auto;
     padding: 22px 0 44px;
     min-height: 100svh;
     min-height: 100dvh;
     min-height: calc(var(--vh, 1vh) * 100);
     display: flex;
     flex-direction: column;
 }
 
 .mt-header {
     display: flex;
     flex-direction: column;
     gap: 10px;
     padding: 18px 18px 14px;
     border: 1px solid var(--border);
     background: linear-gradient(180deg, var(--card2), var(--card));
     border-radius: var(--radius);
     box-shadow: var(--shadow);
 }

 .mt-header-left {
     display: grid;
     grid-template-columns: auto 1fr;
     gap: 12px;
     align-items: center;
 }

 .mt-header-text {
     min-width: 0;
 }

 .mt-logo {
     width: 100px;
     height: 100px;
     border-radius: 16px;
     object-fit: contain;
     background: rgba(255, 255, 255, 0.10);
     border: 1px solid rgba(255, 255, 255, 0.14);
 }

 .mt-theme-mingo .mt-logo {
     background: rgba(220, 38, 38, 0.05);
     border-color: rgba(220, 38, 38, 0.18);
 }
 
 .mt-brand {
     font-size: 12px;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: var(--muted);
 }

 .mt-theme-landing .mt-brand--giant {
     font-size: 38px;
     letter-spacing: -0.03em;
     text-transform: none;
     font-weight: 950;
     line-height: 1.0;
     color: rgba(255, 255, 255, 0.96);
 }

 .mt-theme-landing .mt-title-row {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .mt-theme-landing .mt-icon {
     width: 22px;
     height: 22px;
     flex: 0 0 auto;
     color: rgba(167, 139, 250, 0.98);
 }

 .mt-theme-landing .mt-icon-badge {
     width: 46px;
     height: 46px;
     border-radius: 12px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(180deg, rgba(124, 58, 237, 0.20), rgba(34, 197, 94, 0.12));
     border: 1px solid rgba(124, 58, 237, 0.28);
     box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
 }

 .mt-theme-landing .mt-icon-badge .mt-icon {
     width: 24px;
     height: 24px;
     color: rgba(255, 255, 255, 0.95);
 }

 .mt-theme-landing .mt-kpi strong,
 .mt-theme-landing .mt-price-title {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .mt-theme-landing .mt-section {
     position: relative;
 }

 .mt-theme-landing .mt-section-art {
     position: absolute;
     right: 14px;
     top: 14px;
     width: 96px;
     height: 96px;
     opacity: 0.18;
     pointer-events: none;
     filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.30));
 }

 .mt-theme-landing .mt-section-art--lg {
     width: 140px;
     height: 140px;
     opacity: 0.16;
 }

 @supports (-webkit-background-clip: text) {
     .mt-theme-landing .mt-brand--giant {
         background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(124, 58, 237, 0.92), rgba(34, 197, 94, 0.86));
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
 }
 
 h1 {
     margin: 0;
     font-size: 28px;
     letter-spacing: -0.02em;
 }
 
 .mt-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     padding-top: 4px;
 }
 
 .mt-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     padding: 10px 12px;
     border-radius: 999px;
     border: 1px solid var(--border);
     background: rgba(255, 255, 255, 0.06);
     color: var(--text);
     font-size: 14px;
     transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
 }
 
 .mt-btn:hover {
     transform: translateY(-1px);
     background: rgba(255, 255, 255, 0.10);
     border-color: rgba(255, 255, 255, 0.20);
 }
 
 .mt-main {
     margin-top: 16px;
     display: grid;
     gap: 14px;
     flex: 1;
     min-height: 0;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     padding-bottom: 22px;
 }

 .mt-theme-mingo .mt-main {
     overflow: visible;
 }

 .mt-theme-banquetakos .mt-main {
     overflow: visible;
 }

 .mt-theme-srchorizo .mt-main {
     overflow: visible;
 }
 
 .mt-section {
     border: 1px solid var(--border);
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.04));
     border-radius: var(--radius);
     padding: 16px;
     box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
 }
 
 h2 {
     margin: 0 0 10px;
     font-size: 18px;
     letter-spacing: -0.01em;
 }
 
 h3 {
     margin: 14px 0 8px;
     font-size: 14px;
     color: var(--muted);
     font-weight: 650;
     letter-spacing: 0.04em;
     text-transform: uppercase;
 }
 
 p {
     margin: 10px 0 0;
     color: var(--muted);
 }
 
 ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 10px;
 }
 
 li {
     padding: 12px 12px;
     border-radius: 14px;
     border: 1px solid rgba(255, 255, 255, 0.12);
     background: rgba(255, 255, 255, 0.05);
 }

 .mt-grid {
     display: grid;
     gap: 14px;
 }

 .mt-theme-landing #demo {
     position: relative;
 }

 .mt-theme-landing #demo .mt-cart-fab {
     position: absolute;
     right: calc(16px + env(safe-area-inset-right, 0px));
     top: calc(16px + env(safe-area-inset-top, 0px));
 }

 .mt-status {
     margin-top: 10px;
     padding: 10px 12px;
     border-radius: 14px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     background: rgba(255, 255, 255, 0.06);
     font-weight: 800;
     letter-spacing: 0.04em;
 }

 .mt-status--ok {
     color: rgba(34, 197, 94, 0.95);
 }

 .mt-status--warn {
     color: rgba(239, 68, 68, 0.95);
 }

 .mt-theme-landing #mtDemoAdminOrders,
 .mt-theme-landing #mtDemoAdminOrders * {
     color: rgba(255, 255, 255, 0.92);
 }

 .mt-cart-fab {
     position: fixed;
     right: calc(16px + env(safe-area-inset-right, 0px));
     top: calc(16px + env(safe-area-inset-top, 0px));
     z-index: 50;
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 12px 14px;
     border-radius: 999px;
     border: 1px solid var(--border);
     background: rgba(255, 255, 255, 0.10);
     color: var(--text);
     box-shadow: var(--shadow);
     backdrop-filter: blur(10px);
 }

 .mt-cart-fab__label {
     font-size: 14px;
     font-weight: 650;
 }

 .mt-cart-badge {
     min-width: 26px;
     height: 26px;
     padding: 0 8px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 999px;
     font-size: 13px;
     font-weight: 800;
     background: rgba(124, 58, 237, 0.92);
     color: rgba(255, 255, 255, 0.98);
     border: 1px solid rgba(255, 255, 255, 0.22);
 }

 @keyframes mtBadgeAlarm {
     0% {
         transform: scale(1);
     }
     18% {
         transform: scale(1.18) rotate(-6deg);
     }
     35% {
         transform: scale(1.05) rotate(6deg);
     }
     52% {
         transform: scale(1.14) rotate(-4deg);
     }
     70% {
         transform: scale(1.02) rotate(3deg);
     }
     100% {
         transform: scale(1) rotate(0deg);
     }
 }

 .mt-cart-badge.mt-badge-animate {
     animation: mtBadgeAlarm 520ms cubic-bezier(0.22, 1, 0.36, 1);
 }

 .mt-theme-mingo .mt-cart-badge {
     background: rgba(220, 38, 38, 0.92);
 }

 .mt-theme-mingo .mt-cart-fab {
    top: calc(16px + env(safe-area-inset-top, 0px) + 32px);
}

 .mt-theme-srchorizo button[data-action="add"] {
     display: none;
 }

@media (min-width: 720px) {
    h1 {
        font-size: 34px;
    }

     .mt-theme-landing .mt-brand--giant {
         font-size: 54px;
     }

     .mt-theme-landing .mt-section-art {
         width: 120px;
         height: 120px;
         opacity: 0.16;
     }

     .mt-theme-landing .mt-section-art--lg {
         width: 180px;
         height: 180px;
         opacity: 0.14;
     }

     .mt-hero-grid {
         grid-template-columns: 1.25fr 0.75fr;
         align-items: start;
     }

     .mt-kpis {
         grid-template-columns: 1fr;
     }

     .mt-pricing {
         grid-template-columns: repeat(3, 1fr);
     }

     .mt-theme-landing #costos .mt-pricing {
         grid-template-columns: repeat(3, minmax(220px, 1fr));
         justify-content: center;
     }

     .mt-theme-landing #costos .mt-price-card {
         max-width: none;
     }

     .mt-demo-item {
         grid-template-columns: 1fr;
     }
 
     .mt-header {
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
     }

     .mt-logo {
         width: 100px;
         height: 100px;
     }

     .mt-actions {
         padding-top: 0;
     }

     .mt-grid {
         grid-template-columns: 1fr 1fr;
     }

     .mt-choice-grid {
         grid-template-columns: repeat(3, 1fr);
     }
 }