/* Estética moderna PQRS / Línea Ética */

:root{
    --pqrs-bg: #0b2a3a;
    --pqrs-bg2: #0f3b52;
    --pqrs-card: rgba(255,255,255,.10);
    --pqrs-border: rgba(255,255,255,.18);
    --pqrs-text: #0b1f2a;
    --pqrs-muted: rgba(255,255,255,.78);
}

body {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    line-height: 1.55;
    color: var(--pqrs-text);
    background: #f6f8fb;
}

.pqrs-hero{
    background: radial-gradient(1200px 500px at 10% 10%, rgba(255,255,255,.18), transparent 60%),
                linear-gradient(135deg, var(--pqrs-bg), var(--pqrs-bg2));
    color: #fff;
}

.pqrs-logo{
    height: 60px;
    width: auto;
    filter: drop-shadow(0 8px 20px rgba(0,0,0,.22));
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
}

.pqrs-brand{ font-weight: 700; letter-spacing: .3px; }
.pqrs-subtitle{ font-size: .95rem; opacity: .9; }
.pqrs-title{ font-weight: 800; letter-spacing: -0.02em; margin: 0; }
.pqrs-lead{ color: var(--pqrs-muted); max-width: 62ch; }

.pqrs-card{
    border: 1px solid var(--pqrs-border);
    background: var(--pqrs-card);
    backdrop-filter: blur(8px);
    border-radius: 14px;
}

.pqrs-linkbtn{
    border-color: rgba(255,255,255,.35) !important;
    color: #fff !important;
}

div.DTED_Lightbox_Wrapper {
    left: 0;
    margin-left: 0 !important;
    width: 100% !important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input,
div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
    float: none;
    width: 100% !important;
    text-align: left;
}

@media (min-width: 768px) {
    div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
        float: right;
        width: 75% !important;
    }
    div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
        float: left;
        width: 25% !important;
        padding-top: 6px;
    }
    div.DTED_Lightbox_Wrapper {
        left: 50%;
        margin-left: -440px !important;
        width: 880px !important;
    }
}

div.DTE_Field_Input > div[class^="DTE_Field_"] { padding: 5px 10px; }
div.DTE_Body div.DTE_Body_Content div.DTE_Field { padding: 6px 5%; border: 1px solid transparent; }
div.DTE_Field.DTE_Field_Type_textarea.full.block > div.DTE_Field_Input{ width: 100%; }

div.DTED_Lightbox_Container{
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 18px 60px rgba(0,0,0,.25);
    border: 1px solid rgba(15, 59, 82, .22);
}
div.DTE_Header{
    background: linear-gradient(135deg, var(--pqrs-bg), var(--pqrs-bg2));
    color: #fff;
    padding: 16px 18px !important;
}
div.DTE_Header_Content{ font-weight: 800; letter-spacing: -0.01em; }
div.DTE_Body{ background: #fff; }
div.DTE_Body div.DTE_Body_Content{ padding: 2px 0; }
div.DTE_Body div.DTE_Body_Content div.DTE_Field > label{ font-weight: 700; color: #173445; margin-bottom: 4px; }

div.DTE_Field_InputControl input,
div.DTE_Field_InputControl textarea,
div.DTE_Field_InputControl select{
    border-radius: 12px !important;
    border: 1px solid #d8e3ee !important;
    padding: 8px 10px !important;
    outline: none;
    box-shadow: none !important;
}
div.DTE_Field_InputControl textarea{ min-height: 96px; resize: vertical; }
div.DTE_Field_InputControl input:focus,
div.DTE_Field_InputControl textarea:focus,
div.DTE_Field_InputControl select:focus{
    border-color: rgba(15, 59, 82, .55) !important;
    box-shadow: 0 0 0 4px rgba(15, 59, 82, .12) !important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field.full.block > label,
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full.block > div.DTE_Field_Input,
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label,
div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input{
    float: none !important;
    width: 100% !important;
}

div.DTE_Footer{ background: #f7fafc; border-top: 1px solid #e6eef6; padding: 10px 14px !important; }
div.DTE_Form_Buttons button{ border-radius: 12px !important; padding: 9px 14px !important; font-weight: 700; }
div.DTE_Form_Buttons button.btn-success{ background: #0f3b52 !important; border-color: #0f3b52 !important; color: #fff !important; }
div.DTE_Form_Buttons button.btn-secondary{ color: #0b1f2a !important; background: #e9f1f7 !important; border-color: #d7e6f2 !important; }
div.DTE_Form_Info{ margin: 10px 14px 0 14px !important; }