
.dt-settings-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.dt-settings-summary{padding:20px;border:1px solid #c9daec;border-radius:17px;background:linear-gradient(140deg,#f8fbff,#eaf4ff);display:grid;gap:8px;color:#18365d}
.dt-settings-summary strong{font-weight:800;font-size:1rem}.dt-settings-summary span{line-height:1.55;font-size:.86rem}
.dt-settings-anchors{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.dt-settings-anchors a{background:#123568;color:white;padding:9px 13px;border-radius:999px;text-decoration:none;font-size:.82rem;font-weight:700}
.dt-settings-section{scroll-margin-top:110px}.dt-settings-head span{color:#1e64bc;font-size:.72rem;font-weight:800;letter-spacing:.13em}.dt-settings-head h2{margin:6px 0 22px}
.dt-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dt-settings-field{display:grid;gap:7px;font-size:.89rem;font-weight:700;color:#12345b;min-width:0}
.dt-settings-wide{grid-column:1/-1}.dt-settings-field input,.dt-settings-field textarea{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #b8cde4;border-radius:10px;color:#142e4a;background:white;font:inherit;font-weight:500}
.dt-settings-field input:focus-visible,.dt-settings-field textarea:focus-visible{outline:3px solid #71a9ed;outline-offset:1px}.dt-settings-field small{color:#536a81;font-weight:400;font-size:.8rem}
.dt-settings-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:25px}.dt-settings-actions span{color:#5b7084;font-size:.83rem}
@media(max-width:860px){.dt-settings-intro{grid-template-columns:1fr}.dt-settings-grid{grid-template-columns:1fr}.dt-settings-field{grid-column:1/-1}.dt-settings-actions .btn{width:100%}}

.dt-settings-footer-phone{display:block;margin-top:10px;color:#c2ddff;text-decoration:none;font-size:.86rem}.dt-settings-footer-phone:hover{text-decoration:underline}

/* Identificação legal: prévia compartilhada site / blog */
.dt-settings-copyright-preview{margin-top:22px;border:1px solid #b9dcfa;border-radius:17px;padding:18px 20px;background:linear-gradient(120deg,#e9f5ff,#f3fbff);color:#12345b;display:grid;gap:8px}
.dt-settings-copyright-preview strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#0b6caa}
.dt-settings-copyright-preview p{font-size:16px;font-weight:800;color:#112e50;line-height:1.55;margin:0;overflow-wrap:anywhere}
.dt-settings-copyright-preview small{font-weight:650;color:#365f86}
.dt-settings-copyright-preview>span{font-size:12px;color:#547393}
html[data-theme=dark] .dt-settings-copyright-preview{border-color:#375c7b;background:linear-gradient(120deg,#112b48,#132c43);color:#ddecff}
html[data-theme=dark] .dt-settings-copyright-preview :is(p,small,strong){color:#e7f5ff}

/* Editor da seção Sobre — agrupamento e orientação para textos longos */
.dt-settings-about-help{padding:15px 18px;border:1px solid #b8d9ee;border-radius:13px;background:#edf7ff;color:#183b60;line-height:1.7;margin:0 0 23px}
.dt-settings-about-help a{color:#1760b5;font-weight:750;text-decoration:underline;text-underline-offset:2px}
.dt-settings-about-help code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86em;background:#d7eaff;border-radius:5px;padding:2px 5px}
.dt-settings-subsection{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;border-bottom:1px solid #bad3e8;padding:14px 0 10px;margin-top:6px}
.dt-settings-subsection:first-child{margin-top:0}
.dt-settings-subsection strong{color:#0d549b;font-size:.86rem;letter-spacing:.04em}
.dt-settings-subsection span{color:#54728b;font-size:.79rem}
#dt-settings-sobre textarea{min-height:115px;resize:vertical;line-height:1.7}
html[data-theme="dark"] .dt-settings-about-help{background:#102e47;border-color:#32516d;color:#d5e9ff}
html[data-theme="dark"] .dt-settings-about-help a,html[data-theme="dark"] .dt-settings-subsection strong{color:#7bcaff}
html[data-theme="dark"] .dt-settings-about-help code{background:#244361;color:#f5fbff}
html[data-theme="dark"] .dt-settings-subsection{border-color:#3a5670}
html[data-theme="dark"] .dt-settings-subsection span{color:#afc8dd}
