/* Fuente: resources/views/pages/rutas/trabajo.blade.php, líneas 11-281 */
.eu-guided-route{
        padding:66px 0 90px;
        background:#f8fafc;
    }

    .eu-guided-header{
        max-width:850px;
        margin:0 auto 40px;
        text-align:center;
    }

    .eu-guided-back{
        display:inline-flex;
        align-items:center;
        gap:7px;
        margin-bottom:20px;
        color:#047033;
        font-weight:900;
        text-decoration:none;
    }

    .eu-guided-header h1{
        margin:0 0 15px;
        color:#0f172a;
        font-size:clamp(38px,6vw,64px);
        line-height:1;
        letter-spacing:-2px;
        font-weight:950;
    }

    .eu-guided-header p{
        margin:0;
        color:#64748b;
        font-size:18px;
        line-height:1.7;
    }

    .eu-guided-layout{
        display:grid;
        grid-template-columns:minmax(0,1fr) 320px;
        gap:24px;
        align-items:start;
    }

    .eu-guided-steps{
        display:grid;
        gap:16px;
    }

    .eu-guided-step{
        display:grid;
        grid-template-columns:58px minmax(0,1fr);
        gap:18px;
        padding:24px;
        border:1px solid #e2e8f0;
        border-radius:24px;
        background:#fff;
        box-shadow:0 14px 38px rgba(15,23,42,.06);
        transition:.2s ease;
    }

    .eu-guided-step.is-complete{
        border-color:#86efac;
        background:#f0fdf4;
    }

    .eu-guided-number{
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:18px;
        background:#ecfdf3;
        color:#047033;
        font-size:20px;
        font-weight:950;
        transition:.2s ease;
    }

    .eu-guided-step.is-complete .eu-guided-number{
        background:#16a34a;
        color:#fff;
    }

    .eu-guided-step h2{
        margin:0 0 7px;
        color:#0f172a;
        font-size:21px;
        font-weight:950;
    }

    .eu-guided-step p{
        margin:0 0 12px;
        color:#64748b;
        line-height:1.6;
    }

    .eu-guided-why{
        margin:0 0 14px;
        padding:12px 14px;
        border-left:3px solid #86efac;
        border-radius:0 12px 12px 0;
        background:#f8fafc;
        color:#475569;
        font-size:13px;
        line-height:1.55;
    }

    .eu-guided-outcome{
        display:grid;
        gap:6px;
        margin:0 0 15px;
        padding:0;
        list-style:none;
    }

    .eu-guided-outcome li{
        display:flex;
        align-items:flex-start;
        gap:8px;
        color:#334155;
        font-size:13px;
    }

    .eu-guided-outcome i{
        color:#16a34a;
    }

    .eu-guided-links{
        display:flex;
        flex-wrap:wrap;
        gap:8px;
    }

    .eu-guided-links a,
    .eu-guided-complete{
        display:inline-flex;
        align-items:center;
        gap:6px;
        padding:9px 12px;
        border-radius:999px;
        font-size:12px;
        font-weight:900;
        text-decoration:none;
        cursor:pointer;
    }

    .eu-guided-links a{
        border:1px solid #bbf7d0;
        background:#ecfdf3;
        color:#047033;
    }

    .eu-guided-complete{
        border:1px solid #cbd5e1;
        background:#fff;
        color:#334155;
    }

    .eu-guided-step.is-complete .eu-guided-complete{
        border-color:#16a34a;
        background:#16a34a;
        color:#fff;
    }

    .eu-guided-summary{
        position:sticky;
        top:100px;
        padding:24px;
        border-radius:24px;
        background:linear-gradient(145deg,#0f172a,#047033);
        color:#fff;
        box-shadow:0 22px 54px rgba(15,23,42,.18);
    }

    .eu-guided-summary h2{
        margin:0 0 8px;
        font-size:23px;
        font-weight:950;
    }

    .eu-guided-summary p{
        margin:0 0 16px;
        color:#dcfce7;
        line-height:1.6;
    }

    .eu-progress-bar{
        height:11px;
        margin-bottom:9px;
        overflow:hidden;
        border-radius:999px;
        background:rgba(255,255,255,.16);
    }

    .eu-progress-bar span{
        display:block;
        width:0;
        height:100%;
        border-radius:999px;
        background:#86efac;
        transition:width .25s ease;
    }

    .eu-progress-label{
        display:flex;
        justify-content:space-between;
        gap:12px;
        margin-bottom:18px;
        color:#dcfce7;
        font-size:12px;
        font-weight:850;
    }

    .eu-guided-summary ul{
        display:grid;
        gap:10px;
        padding:0;
        margin:0 0 22px;
        list-style:none;
    }

    .eu-guided-summary li{
        display:flex;
        align-items:flex-start;
        gap:9px;
        color:#f8fafc;
        font-size:14px;
    }

    .eu-guided-summary .eu-main-action{
        display:flex;
        justify-content:center;
        padding:12px 15px;
        border-radius:14px;
        background:#fff;
        color:#047033;
        font-weight:950;
        text-decoration:none;
    }

    .eu-reset-progress{
        width:100%;
        margin-top:10px;
        border:0;
        background:transparent;
        color:#bbf7d0;
        font-size:12px;
        font-weight:850;
        cursor:pointer;
    }

    @media(max-width:900px){
        .eu-guided-layout{
            grid-template-columns:1fr;
        }

        .eu-guided-summary{
            position:static;
            order:-1;
        }
    }

    @media(max-width:560px){
        .eu-guided-step{
            grid-template-columns:1fr;
        }
    }