/* AGROECONUR PQRS — estilos del frente ciudadano.
   Usa la paleta del logotipo institucional y funciona con cualquier tema. */

.pqrs-form{background:#fff;border:1px solid #F1E7D8;border-radius:14px;padding:34px;box-shadow:0 10px 30px rgba(92,51,17,.10);max-width:860px}
.pqrs-fila{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pqrs-campo{margin-bottom:18px}
.pqrs-campo label{display:block;font-size:.82rem;font-weight:700;color:#5C3311;margin-bottom:6px;letter-spacing:.03em}
.pqrs-campo input,.pqrs-campo select,.pqrs-campo textarea{width:100%;padding:13px 16px;border:1.5px solid #F1E7D8;border-radius:10px;font-family:inherit;font-size:.95rem;background:#FBF7F0;color:#2E1D0E;transition:.2s;box-sizing:border-box}
.pqrs-campo input:focus,.pqrs-campo select:focus,.pqrs-campo textarea:focus{outline:none;border-color:#E87A1E;background:#fff}
.pqrs-check label{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:.88rem;color:#4A3A29;text-transform:none;letter-spacing:0}
.pqrs-check input{width:auto;margin-top:3px}
.pqrs-boton{display:inline-block;padding:13px 28px;border-radius:99px;font-weight:700;font-size:.92rem;background:#E87A1E;color:#fff;border:none;cursor:pointer;font-family:inherit;transition:.2s}
.pqrs-boton:hover{background:#5C3311}
.pqrs-nota{margin-top:18px;font-size:.8rem;color:#7A6A58;border-top:1px dashed #F1E7D8;padding-top:14px}
.pqrs-hp{position:absolute !important;left:-9999px !important}

.pqrs-exito,.pqrs-error{border-radius:12px;padding:18px 22px;margin:0 0 22px;max-width:860px;box-sizing:border-box}
.pqrs-exito{background:#EAF4DE;border:1px solid #4E7C1B;color:#33530F}
.pqrs-exito h3{margin:0 0 8px;color:#33530F}
.pqrs-claves{font-size:1.05rem;background:#fff;border:1px dashed #4E7C1B;border-radius:10px;padding:12px 16px;display:inline-block}
.pqrs-error{background:#FBE4DC;border:1px solid #C0392B;color:#7B241C}

.pqrs-resultado{background:#fff;border:1px solid #F1E7D8;border-radius:14px;padding:30px;box-shadow:0 10px 30px rgba(92,51,17,.10);max-width:860px;margin-top:26px}
.pqrs-res-cab{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #F1E7D8;padding-bottom:18px;margin-bottom:18px;flex-wrap:wrap}
.pqrs-radicado{font-size:.78rem;font-weight:700;letter-spacing:.1em;color:#E87A1E}
.pqrs-res-cab h3{margin:4px 0 6px;color:#5C3311}
.pqrs-meta{font-size:.88rem;color:#7A6A58;margin:0}
.pqrs-estado{padding:8px 18px;border-radius:99px;font-weight:700;font-size:.85rem;white-space:nowrap}
.pqrs-estado-radicada{background:#FCF0D9;color:#8A6116}
.pqrs-estado-en_tramite{background:#D9E8FC;color:#1D4F8A}
.pqrs-estado-respondida{background:#DCF2DF;color:#1E6B2D}
.pqrs-estado-cerrada{background:#E5E5E5;color:#50575E}

.pqrs-resultado h4{color:#5C3311;margin:0 0 12px}
.pqrs-linea{list-style:none;margin:0;padding:0 0 0 22px;border-left:3px solid #F1E7D8}
.pqrs-hito{position:relative;padding:0 0 20px 18px}
.pqrs-hito::before{content:"";position:absolute;left:-31px;top:4px;width:13px;height:13px;border-radius:50%;background:#E87A1E;border:3px solid #fff;box-shadow:0 0 0 2px #E87A1E}
.pqrs-hito:first-child::before{background:#4E7C1B;box-shadow:0 0 0 2px #4E7C1B}
.pqrs-hito-fecha{font-size:.8rem;font-weight:700;color:#7A6A58}
.pqrs-hito p{margin:4px 0 0;color:#2E1D0E}

@media(max-width:680px){
	.pqrs-fila{grid-template-columns:1fr}
	.pqrs-form,.pqrs-resultado{padding:22px}
	.pqrs-res-cab{flex-direction:column}
}
