/* ECUADORUTIL: P1A CNEL QUICK GUIDE LAYOUT V2 CSS START */
.cnel-quick-guide{
    margin:4px 0 30px;
    padding:24px;
    border:1px solid #dbe7df;
    border-radius:24px;
    background:
        radial-gradient(circle at top right,rgba(34,197,94,.10),transparent 36%),
        #fff;
    box-shadow:0 16px 42px rgba(15,23,42,.06);
}

.cnel-quick-guide__head{
    max-width:760px;
    margin-bottom:18px;
}

.cnel-quick-guide__head .page-badge{
    margin-bottom:13px;
}

.cnel-quick-guide__head h2{
    margin:0 0 7px;
    color:#0f172a;
    font-size:30px;
    line-height:1.12;
    font-weight:900;
    letter-spacing:-.7px;
}

.cnel-quick-guide__head p{
    margin:0;
    color:#64748b;
    font-size:15px;
    line-height:1.55;
}

.cnel-quick-guide__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.cnel-quick-guide__option{
    min-width:0;
    padding:18px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    border:1px solid #dbe7df;
    border-radius:18px;
    background:#fff;
    color:#0f172a;
    text-decoration:none;
    box-shadow:0 8px 24px rgba(15,23,42,.04);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.cnel-quick-guide__option:hover,
.cnel-quick-guide__option:focus-visible{
    color:#0f172a;
    text-decoration:none;
    border-color:#86efac;
    box-shadow:0 12px 30px rgba(15,143,66,.10);
    transform:translateY(-2px);
}

.cnel-quick-guide__option:focus-visible{
    outline:3px solid rgba(15,143,66,.22);
    outline-offset:3px;
}

.cnel-quick-guide__icon{
    width:46px;
    height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#ecfdf3;
    color:#0f8f42;
    font-size:21px;
}

.cnel-quick-guide__copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
}

.cnel-quick-guide__copy strong{
    color:#0f172a;
    font-size:16px;
    line-height:1.25;
    font-weight:900;
}

.cnel-quick-guide__copy small{
    color:#64748b;
    font-size:13px;
    line-height:1.5;
}

.cnel-quick-guide__arrow{
    color:#0f8f42;
    font-size:18px;
}

.cnel-quick-guide__trust{
    margin-top:14px;
    padding:12px 14px;
    display:flex;
    align-items:flex-start;
    gap:9px;
    border-radius:14px;
    background:#f0fdf4;
    color:#3f5d4b;
    font-size:13px;
    line-height:1.5;
}

.cnel-quick-guide__trust i{
    margin-top:1px;
    color:#0f8f42;
    font-size:16px;
}

body.dark-mode .cnel-quick-guide{
    border-color:#2b3a54;
    background:
        radial-gradient(circle at top right,rgba(34,197,94,.10),transparent 36%),
        #111c2f;
    box-shadow:none;
}

body.dark-mode .cnel-quick-guide__head h2,
body.dark-mode .cnel-quick-guide__copy strong{
    color:#f8fafc;
}

body.dark-mode .cnel-quick-guide__head p,
body.dark-mode .cnel-quick-guide__copy small{
    color:#cbd5e1;
}

body.dark-mode .cnel-quick-guide__option{
    border-color:#2b3a54;
    background:#0f1a2d;
    color:#f8fafc;
    box-shadow:none;
}

body.dark-mode .cnel-quick-guide__option:hover,
body.dark-mode .cnel-quick-guide__option:focus-visible{
    border-color:#3f5d4b;
    color:#f8fafc;
}

body.dark-mode .cnel-quick-guide__icon{
    background:rgba(34,197,94,.12);
    color:#86efac;
}

body.dark-mode .cnel-quick-guide__arrow{
    color:#86efac;
}

body.dark-mode .cnel-quick-guide__trust{
    background:rgba(22,163,74,.10);
    color:#d1fae5;
}

body.dark-mode .cnel-quick-guide__trust i{
    color:#86efac;
}

@media(max-width:760px){
    .cnel-quick-guide{
        padding:18px;
        border-radius:20px;
    }

    .cnel-quick-guide__head h2{
        font-size:25px;
    }

    .cnel-quick-guide__grid{
        grid-template-columns:1fr;
    }

    .cnel-quick-guide__option{
        padding:15px;
        gap:11px;
    }

    .cnel-quick-guide__icon{
        width:42px;
        height:42px;
        border-radius:12px;
        font-size:19px;
    }

    .cnel-quick-guide__copy strong{
        font-size:15px;
    }

    .cnel-quick-guide__copy small{
        font-size:12.5px;
    }
}
/* ECUADORUTIL: P1A CNEL QUICK GUIDE LAYOUT V2 CSS END */