/* DT · NORMAS */

.dt-rules {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:20px 24px 40px;
    box-sizing:border-box;
}

/* Quitar armazón Nexus exterior */
.dt-rules > table.main,
.dt-rules > table.main > tbody,
.dt-rules > table.main > tbody > tr,
.dt-rules > table.main > tbody > tr > td.embedded {
    width:100% !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.dt-rules > table.main > tbody > tr > td.embedded {
    padding:0 !important;
}

/* Cada begin_frame como tarjeta */
.dt-rules table.main table.main {
    width:100% !important;
    margin:0 0 14px !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    border:1px solid #e5e5e5 !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 6px 20px rgba(0,0,0,.04);
}

/* Cabecera de cada norma */
.dt-rules table.main table.main td.colhead,
.dt-rules table.main table.main td.colhead2 {
    padding:12px 16px !important;
    border:0 !important;
    background:#f6f6f6 !important;
    color:#222 !important;
    font-size:15px !important;
    font-weight:900 !important;
}

/* Contenido */
.dt-rules table.main table.main td.text,
.dt-rules table.main table.main td.rowfollow,
.dt-rules table.main table.main td.embedded {
    padding:14px 16px !important;
    border:0 !important;
    background:#fff !important;
    color:#2a2a2a !important;
    font-size:13px !important;
    line-height:1.55 !important;
}

/* Separación de párrafos/listas */
.dt-rules p {
    margin:0 0 10px;
}

.dt-rules ul,
.dt-rules ol {
    margin:8px 0 10px 22px;
    padding:0;
}

/* DARK */
html[data-theme="dark"] .dt-rules table.main table.main {
    background:#171717 !important;
    border-color:#343434 !important;
    box-shadow:none;
}

html[data-theme="dark"] .dt-rules table.main table.main td.colhead,
html[data-theme="dark"] .dt-rules table.main table.main td.colhead2 {
    background:#202020 !important;
    color:#f2f2f2 !important;
}

html[data-theme="dark"] .dt-rules table.main table.main td.text,
html[data-theme="dark"] .dt-rules table.main table.main td.rowfollow,
html[data-theme="dark"] .dt-rules table.main table.main td.embedded {
    background:#171717 !important;
    color:#e9e9e9 !important;
}

/* =========================================================
   DT RULES · BLOQUES MODERNOS REALES
   begin_frame() = h2 + table[border="1"]
   ========================================================= */

.dt-rules > table.main > tbody > tr > td.embedded > h2 {
    margin:18px 0 0 !important;
    padding:14px 18px !important;

    border:1px solid #e4e4e4 !important;
    border-bottom:0 !important;
    border-radius:14px 14px 0 0 !important;

    background:#f6f6f6 !important;
    color:#202020 !important;

    font-size:16px !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    text-align:left !important;
}

.dt-rules > table.main > tbody > tr > td.embedded > h2:first-child {
    margin-top:0 !important;
}

.dt-rules > table.main > tbody > tr > td.embedded > h2 + table[border="1"] {
    width:100% !important;
    margin:0 !important;

    border-collapse:separate !important;
    border-spacing:0 !important;

    border:1px solid #e4e4e4 !important;
    border-top:0 !important;
    border-radius:0 0 14px 14px !important;

    background:#fff !important;
    box-shadow:0 7px 22px rgba(0,0,0,.045) !important;

    overflow:hidden !important;
}

.dt-rules > table.main > tbody > tr > td.embedded > h2 + table[border="1"] td.text {
    padding:16px 18px !important;

    border:0 !important;
    background:#fff !important;
    color:#292929 !important;

    font-size:13px !important;
    line-height:1.55 !important;
}

/* Links */
.dt-rules > table.main > tbody > tr > td.embedded > h2 + table[border="1"] a {
    color:#ef651d !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.dt-rules > table.main > tbody > tr > td.embedded > h2 + table[border="1"] a:hover {
    text-decoration:underline !important;
}

/* DARK */
html[data-theme="dark"]
.dt-rules > table.main > tbody > tr > td.embedded > h2 {
    background:#202020 !important;
    border-color:#343434 !important;
    color:#f3f3f3 !important;
}

html[data-theme="dark"]
.dt-rules > table.main > tbody > tr > td.embedded > h2 + table[border="1"] {
    background:#171717 !important;
    border-color:#343434 !important;
    box-shadow:none !important;
}

html[data-theme="dark"]
.dt-rules > table.main > tbody > tr > td.embedded > h2 + table[border="1"] td.text {
    background:#171717 !important;
    color:#e9e9e9 !important;
}

html[data-theme="dark"]
.dt-rules > table.main > tbody > tr > td.embedded > h2 + table[border="1"] a {
    color:#55a630 !important;
}

/* DT RULES · sustituir viñeta Nexus por raya */
.dt-rules img.listicon.listitem {
    display:inline-block !important;
    width:10px !important;
    height:2px !important;
    margin:0 6px 3px 0 !important;
    padding:0 !important;

    background:#ef651d !important;
    background-image:none !important;
    border:0 !important;
    border-radius:999px !important;

    vertical-align:middle !important;
}

html[data-theme="dark"] .dt-rules img.listicon.listitem {
    background:#55a630 !important;
    background-image:none !important;
}

/* DT RULES · ÍNDICE ENLAZADO */
.dt-rules-index ol {
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px 18px;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.dt-rules-index li {
    margin:0 !important;
    padding:0 !important;
}

.dt-rules-index a {
    display:block;
    padding:9px 12px;
    border-left:3px solid #ef651d;
    border-radius:7px;
    background:#fafafa;
    color:#292929 !important;
    font-size:13px;
    font-weight:700;
    line-height:1.3;
    text-decoration:none !important;
    transition:background .16s ease, color .16s ease;
}

.dt-rules-index a:hover {
    background:#fff0e8;
    color:#d94f08 !important;
    text-decoration:none !important;
}

.dt-rule-anchor {
    scroll-margin-top:90px;
}

html[data-theme="dark"] .dt-rules-index a {
    border-left-color:#55a630;
    background:#202020;
    color:#eeeeee !important;
}

html[data-theme="dark"] .dt-rules-index a:hover {
    background:#26351f;
    color:#71c447 !important;
}