/* 05-commercial-plus.css
   Extracted from the approved La Laguna commercial demo. Keep order in index.html. */

/* Capa rescatada de ai_studio_code 130: energía comercial Mundial + navegación ejecutiva agrupada */
    #mxWorldcupPreloader::before,
    #mxWorldcupPreloader::after{content:'';position:absolute;left:0;right:0;height:12px;z-index:4;background:linear-gradient(90deg,var(--mx-green) 0 33.333%,#fff 33.333% 66.666%,var(--mx-red) 66.666% 100%);box-shadow:0 8px 22px rgba(2,6,23,.20);pointer-events:none}
    #mxWorldcupPreloader::before{top:0}#mxWorldcupPreloader::after{bottom:0;box-shadow:0 -8px 22px rgba(2,6,23,.18)}
    #mxWorldcupPreloader .mx-loader-card::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(15,23,42,.045) 1.5px,transparent 1.5px);background-size:30px 30px;opacity:.55;z-index:1;pointer-events:none}
    .mx-loader-slogan{margin-top:.5rem;display:inline-flex;width:max-content;max-width:100%;align-items:center;border:1px solid rgba(206,17,38,.18);background:#fff;color:var(--mx-red);border-radius:.42rem;padding:.34rem .72rem;font-size:clamp(.78rem,1.8vw,1rem);font-weight:950;text-transform:uppercase;letter-spacing:.14em;box-shadow:0 12px 28px -20px rgba(15,23,42,.45)}
    .sidebar-group{margin-top:.7rem}.sidebar-group:first-child{margin-top:0}
    .sidebar-group-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.95rem .45rem .45rem;padding-bottom:.45rem;border-bottom:1px solid rgba(148,163,184,.13);font-size:.64rem;line-height:1;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:#64748b}
    .sidebar-group-title .sidebar-module-count{letter-spacing:.04em;border:1px solid rgba(148,163,184,.14);border-radius:999px;padding:.18rem .45rem;color:#94a3b8;background:rgba(255,255,255,.035)}
    .sidebar-nav-button{position:relative;overflow:hidden}.sidebar-nav-button:before{content:'';position:absolute;left:0;top:50%;width:3px;height:0;border-radius:999px;background:var(--accent);transform:translateY(-50%);transition:height .18s ease}.sidebar-nav-button.is-active:before{height:58%}
    .ai-architecture-card{background:linear-gradient(135deg,#eef2ff,#fff8e6);border:1px solid #d8be78;border-radius:1rem;padding:1rem;color:#26324a;box-shadow:0 18px 44px -28px rgba(2,6,23,.35)}
    .dark .ai-architecture-card{background:linear-gradient(135deg,#111827,#241c10);color:#e5e7eb;border-color:rgba(216,190,120,.45)}
    .module-hero-premium .ai-mini-ribbon{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(99,102,241,.22);background:rgba(238,242,255,.72);color:#3730a3;border-radius:.55rem;padding:.38rem .62rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-left:.35rem}.dark .module-hero-premium .ai-mini-ribbon{background:rgba(99,102,241,.12);color:#c7d2fe;border-color:rgba(199,210,254,.18)}
    @media (max-width:820px){.mx-loader-slogan{width:100%;justify-content:center;text-align:center}.sidebar-group-title{margin-top:.75rem}.module-hero-premium .ai-mini-ribbon{margin-left:0;margin-top:.35rem}}