/* Encabezado institucional (imagen base64) — mismo estilo que RegistrarDocWeb */
.pqr-web-header {--logo-alto: 100px;width: 100%;box-sizing: border-box;padding: calc(var(--logo-alto) / 2);}
.pqr-web-header-img {height: var(--logo-alto);width: auto;max-width: 100%;object-fit: contain;}

/* ============================================================
   IDENTIDAD DE MARCA AVAL — V1 Institucional sobria
   Scopeado a .pqr-marca-v1 (solo ConsultaCiudadano) porque este CSS
   es compartido con NotificarRespuesta y ConsultarTramite.
   ============================================================ */
:root {
    --marca-profundo: #121E37;
    --marca-madre: #1A356C;
    --marca-claro: #0275BB;
    --marca-rojo: #E0182A;
}

/* Encabezados de sección como franjas azul profundo con texto blanco.
   :not(:empty) evita pintar una barra vacía en el título de resultados
   antes de que el JS lo llene. Márgenes negativos = padding de .card-body. */
.pqr-marca-v1 .card-title:not(:empty) {
    background: var(--marca-profundo);
    color: #fff !important; /* vence a .text-muted !important del Bootstrap del host */
    margin: -1.25rem -1.25rem 1rem;
    padding: .6rem 1rem;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    letter-spacing: .03em;
}
    .pqr-marca-v1 .card-title.colapsar { cursor: pointer; }

/* Botón Consultar (verde → azul de marca). !important para vencer los
   estados de .btn-success del Bootstrap del host (incluido :disabled). */
.pqr-marca-v1 .btn-success {
    color: #fff !important;
    background-color: var(--marca-claro) !important;
    border-color: var(--marca-claro) !important;
}
    .pqr-marca-v1 .btn-success:hover,
    .pqr-marca-v1 .btn-success:focus {
        background-color: var(--marca-madre) !important;
        border-color: var(--marca-madre) !important;
    }
    /* Deshabilitado: azul de marca legible (no lavado), no verde */
    .pqr-marca-v1 .btn-success:disabled,
    .pqr-marca-v1 .btn-success.disabled {
        opacity: 1;
        background-color: #3f8ec7 !important;
        border-color: #3f8ec7 !important;
    }

/* Acentos semánticos → paleta AVAL */
.pqr-marca-v1 .alert-primary {
    color: var(--marca-madre);
    background: #eef2f8;
    border-color: var(--marca-madre);
}
.pqr-marca-v1 .border-info { border-color: var(--marca-claro) !important; }
.pqr-marca-v1 .text-info { color: var(--marca-claro) !important; }
.pqr-marca-v1 .error { color: var(--marca-rojo); }

/* Foco de campos en azul de marca */
.pqr-marca-v1 .form-control:focus {
    border-color: #66b2e0;
    box-shadow: 0 0 0 .2rem rgba(2, 117, 187, .25);
}

/* Modales (visor de documento del expediente) — encabezado azul profundo.
   La clase .pqr-marca-v1 se agrega a la raíz del modal en el .cshtml. */
.pqr-marca-v1 .modal-header {
    background: var(--marca-profundo);
    border-bottom: none;
}
    .pqr-marca-v1 .modal-header .modal-title { color: #fff; }
    .pqr-marca-v1 .modal-header .close {
        color: #fff;
        text-shadow: none;
        opacity: .9;
    }
        .pqr-marca-v1 .modal-header .close:hover { opacity: 1; }

.error {color:#aa2233;font-size:1.2em;line-height:0;}
.text-info {font-size: 16px !important;}

.popover.show {position: static;max-width: none;}
.popover.show > .arrow {left: 15px;top: 41px;}
.margen {padding-bottom: 15px;}
.circle {height: 45px;width: 45px;padding: 10px 20px;font-size: 18px;line-height: 1.3333333;border-radius: 50%;}
.circle-info {color: #fff;background-color: #abd3a0;}
.timeline {padding-right: 0;}
.no-margin {margin: 0 !important;}
.container-fluid {padding-right: 0 !important;padding-left: 0 !important;}

/*.g-recaptcha {width: 50%;}*/
body {font-family:Arial;font-size: 13px;}

.g-recaptcha >div{ margin 10px auto !important; text-align: center; width: auto !important; height: auto !important;}
.btn { font-size: 1em; }
.popover-title{font-size:1em;}
.tooltip{font-size:0.9em;}
.h4, h4 { font-size: 1.4em; }
.form-control {font-size:1em;}
.close {font-size:1.6em;}
.sweet-alert h2 {font-size:2.6em;}
.sweet-alert p {font-size:1.1em;}
.sweet-alert button { font-size: 1em; }
.popover { font-size: 1em; }
/*h1 {margin: 0;font-size: 1.3em;}
h2 {margin: 0;font-size: 1.2em;}
h3 {margin: 0;font-size: 1.1em;}
h4 {margin: 0;font-size: 1em;}
.accordion-toggle {color: #000;}*/
#tmsPtZoom{
    cursor: pointer;
    top: 0;
    left: 0;
    position: absolute;
    display: inline;
    background-color: #eee;
    border-radius: 0 0 3px 3px;width:32px;}
#tmsPtContr{
    cursor: pointer;
    top: 0;
    left: 32px;
    position: absolute;
    display: inline;
    border-radius: 0 0 3px 3px;
	width:32px;}