/* Paleta institucional SEDARPE / Gobierno de Quintana Roo 2022–2027 — compartida por las páginas de SIGA */
:root{
  --guinda:#A6173D;
  --guinda-dark:#7A1030;
  --guinda-soft:rgba(166,23,61,.08);
  --vino:#4A0B1F;
  --vino-deep:#2C0613;
  --magenta:#D6246E;
  --dorado:#C49A3A;
  --dorado-dark:#8C6A1E;
  --dorado-soft:rgba(196,154,58,.14);
  --carbon:#2E2F33;
  --gris:#62646B;
  --bg:#F7F4F1;
  --surface:#FFFFFF;
  --borde:#E6DFDA;
  --exito:#2E7D4F;
  --exito-soft:rgba(46,125,79,.10);
  --error:#B3261E;
  --font:'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --franja:linear-gradient(90deg, var(--magenta), var(--guinda) 45%, var(--dorado));
}

/* Franja institucional delgada (magenta → guinda → dorado) */
.franja-inst{ height:4px; background:var(--franja); }

/* Logos SEDARPE + Quintana Roo */
.logos-inst{ display:flex; align-items:center; gap:18px; }
.logos-inst img{ height:40px; width:auto; display:block; }
.logos-inst .sep{ width:1px; height:30px; background:var(--borde); }

/* Botones */
.btn-inst{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  background:linear-gradient(135deg, var(--guinda) 0%, var(--guinda-dark) 100%);
  color:#fff; border:none; border-radius:8px;
  font-family:var(--font); font-weight:700; letter-spacing:.2px;
  text-decoration:none; cursor:pointer;
  box-shadow:0 6px 16px -8px rgba(166,23,61,.6);
  transition:filter .15s, box-shadow .15s, transform .15s;
}
.btn-inst:hover{ filter:brightness(1.08); box-shadow:0 8px 20px -8px rgba(166,23,61,.7); }
.btn-inst:active{ transform:translateY(1px); }
.btn-inst:focus-visible, .btn-sec:focus-visible{ outline:3px solid rgba(196,154,58,.6); outline-offset:2px; }

.btn-sec{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  background:var(--surface); color:var(--guinda);
  border:1px solid rgba(166,23,61,.35); border-radius:8px;
  font-family:var(--font); font-weight:700;
  text-decoration:none; cursor:pointer;
  transition:background .15s, border-color .15s;
}
.btn-sec:hover{ background:var(--guinda-soft); border-color:var(--guinda); }

/* Campos */
.campo-inst:focus, input.campo-inst:focus, select.campo-inst:focus, textarea.campo-inst:focus{
  outline:none; border-color:var(--guinda) !important; background:#fff;
  box-shadow:0 0 0 3px rgba(166,23,61,.13);
}
input[type=checkbox], input[type=radio]{ accent-color:var(--guinda); }

/* Pie institucional */
.pie-inst{ background:var(--vino-deep); color:rgba(255,255,255,.78); font-size:11.5px; }
.pie-inst .pie-inner{
  max-width:1080px; margin:0 auto; padding:18px 28px;
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.pie-inst strong{ color:var(--dorado); font-weight:700; }
.pie-inst .q-chip{
  width:34px; height:34px; border-radius:8px; background:#fff;
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
}
.pie-inst .q-chip img{ width:26px; height:auto; }
.pie-inst .pie-izq{ display:flex; align-items:center; gap:12px; }

@media (max-width: 720px){
  .logos-inst img{ height:30px; }
  .logos-inst .sep{ height:22px; }
}