/**
 * Guía ([mmt_guia]) — diseño provisto por el cliente (preview_1.html),
 * adaptado 1:1 a este archivo. Todo el CSS queda escopeado bajo
 * .mmt-guia, igual que .mmt-dashboard/.mmt-tracker/.mmt-calculator
 * escopean los suyos — por eso puede convivir con el resto del plugin
 * sin pisar nada. Reemplaza el pequeño ajuste de tipografía que se
 * había agregado antes en mmt-theme.css (ya no hace falta: este
 * archivo fija su propia identidad visual completa).
 *
 * sep-2026 — corrección real de tipografía: se agrega
 * font-family:inherit !important al reset universal .mmt-guia * de
 * abajo. Esto había quedado documentado como "ya corregido" en una
 * entrega anterior, pero verificando el archivo real (tanto el del
 * sitio en producción como el del ZIP de referencia) la regla nunca
 * se había escrito — por eso h1/h2/summary/párrafos seguían tomando
 * la tipografía del tema de WordPress en vez de Inter (una regla
 * directa del tema sobre esos tags le gana a un valor heredado sin
 * !important). El input y el botón del buscador, y .mmt-guia-button,
 * ya tenían su propio font-family:inherit puntual — eso no cambia.
 */

/* =========================================================
   MMT FUTURES — GUÍA
   ========================================================= */

.mmt-guia{
    --mmt-bg:#050905;
    --mmt-surface:#0b120b;
    --mmt-surface-2:#101910;
    --mmt-surface-3:#131e11;

    --mmt-border:#1d3013;
    --mmt-border-light:#29451a;

    --mmt-text:#f4f7f2;
    --mmt-muted:#899485;
    --mmt-muted-2:#667061;

    --mmt-green:#9cff00;
    --mmt-green-hover:#b2ff31;
    --mmt-green-soft:rgba(156,255,0,.08);
    --mmt-green-border:rgba(156,255,0,.45);

    --mmt-yellow:#ffd643;
    --mmt-red:#ff6262;

    font-family:'Inter',Arial,sans-serif;
    line-height:1.55;

    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(113,185,0,.08),
            transparent 30%
        ),
        var(--mmt-bg);

    color:var(--mmt-text);

    min-height:100vh;
    padding:40px 24px 80px;
    box-sizing:border-box;
}

.mmt-guia *,
.mmt-guia *::before,
.mmt-guia *::after{
    box-sizing:border-box;
    font-family:inherit !important;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.mmt-guia-container{
    width:100%;
    max-width:1280px;
    margin:0 auto;
}


/* =========================================================
   HERO
   ========================================================= */

.mmt-guia-hero{
    position:relative;
    overflow:hidden;

    padding:42px 42px 38px;

    border:1px solid var(--mmt-border);
    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            rgba(156,255,0,.055),
            transparent 45%
        ),
        var(--mmt-surface);

    margin-bottom:24px;
}

.mmt-guia-hero::after{
    content:"";
    position:absolute;

    width:300px;
    height:300px;

    right:-120px;
    top:-160px;

    border-radius:50%;

    background:rgba(156,255,0,.07);
    filter:blur(20px);
}

.mmt-guia-eyebrow{
    color:var(--mmt-green);

    font-size:12px;
    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.08em;

    margin-bottom:10px;
}

.mmt-guia-hero h1{
    font-size:42px;
    line-height:1.08;

    letter-spacing:-1.3px;

    margin:0 0 14px;

    max-width:760px;
}

.mmt-guia-hero-text{
    color:var(--mmt-muted);

    max-width:700px;

    font-size:16px;

    margin:0 0 28px;
}


/* =========================================================
   BUSCADOR
   ========================================================= */

.mmt-guia-search{
    display:flex;
    align-items:center;
    gap:12px;

    max-width:650px;

    padding:5px 6px 5px 18px;

    background:#050805;

    border:1px solid var(--mmt-border-light);
    border-radius:14px;
}

.mmt-guia-search-icon{
    color:var(--mmt-muted);
    font-size:16px;
}

.mmt-guia-search input{
    width:100%;

    background:transparent;
    border:0;
    outline:0;

    color:#fff;

    font-family:inherit;
    font-size:14px;

    padding:12px 0;
}

.mmt-guia-search input::placeholder{
    color:#626d5f;
}

.mmt-guia-search button{
    border:0;

    background:var(--mmt-green);
    color:#071000;

    font-family:inherit;
    font-size:13px;
    font-weight:800;

    padding:11px 17px;

    border-radius:10px;

    cursor:pointer;
}

.mmt-guia-search button:hover{
    background:var(--mmt-green-hover);
}

.mmt-guia-search-feedback{
    max-width:650px;
    margin:8px 2px 0;
    font-size:12px;
    color:var(--mmt-muted);
    min-height:16px;
}


/* =========================================================
   LAYOUT
   ========================================================= */

.mmt-guia-layout{
    display:grid;

    grid-template-columns:250px minmax(0,1fr);

    gap:24px;

    align-items:start;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.mmt-guia-sidebar{
    position:sticky;
    top:30px;

    border:1px solid var(--mmt-border);
    background:var(--mmt-surface);

    border-radius:20px;

    padding:20px;
}

.mmt-guia-sidebar-title{
    font-size:11px;
    color:var(--mmt-muted);

    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.08em;

    margin:0 0 14px;
}

.mmt-guia-nav{
    list-style:none;

    padding:0;
    margin:0;
}

.mmt-guia-nav li{
    margin:4px 0;
}

.mmt-guia-nav a{
    display:flex;
    align-items:center;
    gap:10px;

    color:#939d90;

    font-size:14px;
    font-weight:650;

    padding:10px 12px;

    text-decoration:none;

    border-radius:10px;

    transition:.18s ease;
}

.mmt-guia-nav a:hover{
    color:#fff;
    background:rgba(255,255,255,.035);
}

.mmt-guia-nav a.active{
    color:var(--mmt-green);

    background:var(--mmt-green-soft);

    border:1px solid rgba(156,255,0,.15);
}

.mmt-guia-nav-number{
    font-size:10px;
    color:#556052;

    width:18px;
}

.mmt-guia-nav a.active .mmt-guia-nav-number{
    color:var(--mmt-green);
}


/* =========================================================
   CONTENIDO
   ========================================================= */

.mmt-guia-main{
    min-width:0;
}

.mmt-guia-section{
    border:1px solid var(--mmt-border);

    background:var(--mmt-surface);

    border-radius:20px;

    padding:30px;

    margin-bottom:20px;

    scroll-margin-top:24px;
}

.mmt-guia-section-header{
    margin-bottom:25px;
}

.mmt-guia-section-label{
    color:var(--mmt-green);

    font-size:11px;
    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.06em;

    margin-bottom:6px;
}

.mmt-guia-section h2{
    margin:0 0 8px;

    font-size:26px;
    line-height:1.2;

    letter-spacing:-.4px;
}

.mmt-guia-section-description{
    color:var(--mmt-muted);

    margin:0;

    max-width:750px;

    font-size:14px;
}


/* =========================================================
   INICIO RÁPIDO
   ========================================================= */

.mmt-guia-steps{
    display:grid;
    grid-template-columns:repeat(2,1fr);

    gap:12px;
}

.mmt-guia-step{
    display:flex;
    align-items:flex-start;
    gap:15px;

    padding:20px;

    background:#080d08;

    border:1px solid var(--mmt-border);
    border-radius:15px;
}

.mmt-guia-step-number{
    width:37px;
    height:37px;

    flex:0 0 37px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--mmt-green-border);

    background:var(--mmt-green-soft);

    border-radius:10px;

    color:var(--mmt-green);

    font-size:12px;
    font-weight:900;
}

.mmt-guia-step h3{
    font-size:14px;

    margin:1px 0 5px;
}

.mmt-guia-step p{
    color:var(--mmt-muted);

    font-size:12px;

    margin:0;
}


/* =========================================================
   TARJETAS DE HERRAMIENTAS
   ========================================================= */

.mmt-guia-tool-grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:14px;
}

.mmt-guia-tool-card{
    position:relative;

    min-height:190px;

    display:flex;
    flex-direction:column;

    padding:22px;

    background:#080d08;

    border:1px solid var(--mmt-border);
    border-radius:16px;

    transition:.2s ease;
}

.mmt-guia-tool-card:hover{
    transform:translateY(-2px);

    border-color:var(--mmt-green-border);

    background:
        linear-gradient(
            145deg,
            rgba(156,255,0,.035),
            transparent 60%
        ),
        #080d08;
}

.mmt-guia-tool-icon{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:18px;

    border-radius:11px;

    background:var(--mmt-green-soft);

    border:1px solid rgba(156,255,0,.18);

    color:var(--mmt-green);

    font-size:19px;
}

.mmt-guia-tool-card h3{
    margin:0 0 8px;

    font-size:17px;
}

.mmt-guia-tool-card p{
    color:var(--mmt-muted);

    font-size:12px;

    margin:0 0 20px;
}

.mmt-guia-tool-link{
    color:var(--mmt-green);

    font-size:12px;
    font-weight:800;

    text-decoration:none;

    margin-top:auto;
}

.mmt-guia-tool-link:hover{
    color:var(--mmt-green-hover);
}


/* =========================================================
   QUÉ QUIERES APRENDER
   ========================================================= */

.mmt-guia-intents{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:10px;
}

.mmt-guia-intent{
    display:flex;
    align-items:center;

    gap:12px;

    padding:16px 17px;

    text-decoration:none;

    color:#dbe1d8;

    background:#080d08;

    border:1px solid var(--mmt-border);
    border-radius:13px;

    font-size:13px;
    font-weight:650;

    transition:.18s ease;
}

.mmt-guia-intent:hover{
    color:#fff;

    border-color:var(--mmt-green-border);

    background:var(--mmt-green-soft);
}

.mmt-guia-intent-icon{
    color:var(--mmt-green);

    font-size:16px;
}


/* =========================================================
   EJEMPLO / DRAWDOWN
   ========================================================= */

.mmt-guia-definition{
    display:grid;

    grid-template-columns:1fr 330px;

    gap:24px;
}

.mmt-guia-copy h3{
    font-size:18px;

    margin:0 0 8px;
}

.mmt-guia-copy p{
    color:var(--mmt-muted);

    font-size:14px;

    margin:0 0 14px;
}

.mmt-guia-example{
    background:#070c07;

    border:1px solid var(--mmt-border);
    border-radius:16px;

    padding:20px;
}

.mmt-guia-example-title{
    color:var(--mmt-muted);

    font-size:10px;
    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.07em;

    margin-bottom:15px;
}

.mmt-guia-example-row{
    display:flex;

    justify-content:space-between;
    align-items:center;

    gap:15px;

    padding:10px 0;

    border-bottom:1px dashed #182517;

    font-size:12px;
}

.mmt-guia-example-row:last-child{
    border-bottom:0;
}

.mmt-guia-example-row span:first-child{
    color:var(--mmt-muted);
}

.mmt-guia-example-row strong{
    color:#fff;
}

.mmt-guia-example-row.highlight strong{
    color:var(--mmt-green);

    font-size:16px;
}


/* =========================================================
   CALLOUT
   ========================================================= */

.mmt-guia-callout{
    display:flex;
    gap:13px;

    margin-top:20px;

    padding:15px 17px;

    background:var(--mmt-green-soft);

    border:1px solid rgba(156,255,0,.16);
    border-radius:13px;
}

.mmt-guia-callout-icon{
    color:var(--mmt-green);

    font-weight:900;
}

.mmt-guia-callout strong{
    display:block;

    font-size:11px;

    color:var(--mmt-green);

    text-transform:uppercase;

    margin-bottom:3px;
}

.mmt-guia-callout p{
    font-size:12px;

    color:#aab3a6;

    margin:0;
}


/* =========================================================
   ACORDEONES
   ========================================================= */

.mmt-guia-accordion{
    display:grid;
    gap:9px;
}

.mmt-guia-accordion details{
    background:#080d08;

    border:1px solid var(--mmt-border);
    border-radius:14px;

    overflow:hidden;
}

.mmt-guia-accordion details[open]{
    border-color:rgba(156,255,0,.28);
}

.mmt-guia-accordion summary{
    position:relative;

    list-style:none;

    cursor:pointer;

    padding:17px 48px 17px 18px;

    color:#e7ece4;

    font-size:13px;
    font-weight:700;

    user-select:none;
}

.mmt-guia-accordion summary::-webkit-details-marker{
    display:none;
}

.mmt-guia-accordion summary::after{
    content:"+";

    position:absolute;

    right:18px;
    top:50%;

    transform:translateY(-50%);

    color:var(--mmt-green);

    font-size:20px;
    font-weight:400;
}

.mmt-guia-accordion details[open] summary::after{
    content:"−";
}

.mmt-guia-accordion-content{
    padding:0 18px 18px;

    color:var(--mmt-muted);

    font-size:13px;
}

.mmt-guia-accordion-content p{
    margin:0 0 12px;
}


/* =========================================================
   BOTONES
   ========================================================= */

.mmt-guia-button{
    display:inline-flex;

    align-items:center;
    gap:8px;

    padding:10px 14px;

    background:transparent;

    color:var(--mmt-green);

    border:1px solid rgba(156,255,0,.3);
    border-radius:10px;

    font-family:inherit;
    font-size:11px;
    font-weight:800;

    text-decoration:none;
}

.mmt-guia-button:hover{
    color:#071000;

    background:var(--mmt-green);

    border-color:var(--mmt-green);
}


/* =========================================================
   GLOSARIO
   ========================================================= */

.mmt-guia-glossary{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:10px;
}

.mmt-guia-term{
    padding:17px;

    border:1px solid var(--mmt-border);
    background:#080d08;

    border-radius:13px;
}

.mmt-guia-term strong{
    display:block;

    color:var(--mmt-green);

    font-size:12px;

    margin-bottom:5px;
}

.mmt-guia-term p{
    color:var(--mmt-muted);

    margin:0;

    font-size:12px;
}

.mmt-guia-term[hidden]{
    display:none;
}


/* =========================================================
   AYUDA
   ========================================================= */

.mmt-guia-help{
    display:flex;

    justify-content:space-between;
    align-items:center;

    gap:30px;

    padding:28px;

    border-radius:18px;

    border:1px solid var(--mmt-green-border);

    background:
        linear-gradient(
            110deg,
            rgba(156,255,0,.08),
            transparent 60%
        ),
        var(--mmt-surface);
}

.mmt-guia-help h2{
    margin:0 0 5px;

    font-size:20px;
}

.mmt-guia-help p{
    color:var(--mmt-muted);

    font-size:13px;

    margin:0;
}

.mmt-guia-help-button{
    white-space:nowrap;

    text-decoration:none;

    background:var(--mmt-green);

    color:#071000;

    padding:12px 18px;

    border-radius:10px;

    font-size:12px;
    font-weight:900;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:950px){

    .mmt-guia-layout{
        grid-template-columns:1fr;
    }

    .mmt-guia-sidebar{
        position:relative;
        top:auto;
    }

    .mmt-guia-nav{
        display:grid;

        grid-template-columns:
        repeat(3,1fr);

        gap:5px;
    }

    .mmt-guia-tool-grid{
        grid-template-columns:1fr 1fr;
    }

    .mmt-guia-definition{
        grid-template-columns:1fr;
    }

}


@media(max-width:650px){

    .mmt-guia{
        padding:20px 12px 50px;
    }

    .mmt-guia-hero{
        padding:28px 22px;
    }

    .mmt-guia-hero h1{
        font-size:31px;
    }

    .mmt-guia-search{
        padding-left:13px;
    }

    .mmt-guia-search button{
        display:none;
    }

    .mmt-guia-section{
        padding:22px 18px;
    }

    .mmt-guia-nav{
        grid-template-columns:1fr 1fr;
    }

    .mmt-guia-steps,
    .mmt-guia-tool-grid,
    .mmt-guia-intents,
    .mmt-guia-glossary{
        grid-template-columns:1fr;
    }

    .mmt-guia-help{
        align-items:flex-start;
        flex-direction:column;
    }

}