/* Portal del colegiado · COLPOLSOCA */
:root{
  --cps-verde:#00594F;
  --cps-verde-osc:#004239;
  --cps-naranja:#E8894A;
  --cps-crema:#FAF7F2;
  --cps-tinta:#1e2a27;
  --cps-linea:rgba(0,89,79,.14);
}

.cps-portal{
  max-width:760px;margin:0 auto;
  font-family:'Source Sans 3',system-ui,sans-serif;color:var(--cps-tinta);
}
.cps-portal-titulo{
  font-family:'Bitter',Georgia,serif;color:var(--cps-verde);
  font-size:1.6rem;margin:0 0 20px;
}
.cps-bloque{
  background:#fff;border:1px solid var(--cps-linea);border-radius:12px;
  padding:22px 24px;margin-bottom:22px;
}
.cps-bloque h3{
  font-family:'Bitter',Georgia,serif;color:var(--cps-verde);
  font-size:1.1rem;margin:0 0 16px;
}
.cps-aviso{
  padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:.95rem;
  background:var(--cps-crema);border:1px solid var(--cps-linea);
}
.cps-aviso-ok{background:#eaf5f1;border-color:#bfe0d9;color:var(--cps-verde-osc);}
.cps-aviso-atencion{background:#fdf1e7;border-color:#f3d3ba;color:#8a4b20;}

/* Formularios */
.cps-form-fila{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.cps-form-fila label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#6a726f;font-weight:600;}
.cps-form input[type=text]{
  padding:10px 12px;border:1px solid var(--cps-linea);border-radius:8px;
  font-size:.95rem;font-family:inherit;
}
.cps-form input:disabled{background:#f3f4f2;color:#7a827f;}
.cps-btn{
  background:var(--cps-verde);color:#fff;border:none;border-radius:30px;
  padding:11px 26px;font-weight:600;font-size:.95rem;cursor:pointer;font-family:inherit;
  transition:background .2s,transform .15s;
}
.cps-btn:hover{background:var(--cps-verde-osc);transform:translateY(-1px);}

/* Tabla de pagos */
.cps-tabla{width:100%;border-collapse:collapse;font-size:.92rem;}
.cps-tabla th,.cps-tabla td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--cps-linea);}
.cps-tabla th{color:#6a726f;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;}

.cps-nota{font-size:.82rem;color:#6a726f;margin-top:10px;}
.cps-logout{text-align:right;margin-top:8px;}
.cps-logout a{color:var(--cps-verde);}

/* ---- Carné ---- */
.cps-carne{display:flex;justify-content:center;margin:6px 0 4px;}
.cps-tarjeta{
  width:428px;height:270px;border-radius:16px;position:relative;overflow:hidden;
  box-shadow:0 12px 30px rgba(0,60,52,.28),0 2px 4px rgba(0,0,0,.1);
  color:#fff;background:var(--cps-verde);max-width:100%;
}
.cps-anverso{background:radial-gradient(120% 140% at 100% 0%,#0a6d60 0%,var(--cps-verde) 42%,var(--cps-verde-osc) 100%);}
.cps-anverso::after{content:"";position:absolute;right:-40px;bottom:-60px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(232,137,74,.16),transparent 60%);pointer-events:none;}
.cps-banda-sup{display:flex;align-items:center;gap:11px;padding:14px 18px 12px;border-bottom:2px solid var(--cps-naranja);position:relative;z-index:2;}
.cps-escudo{width:38px;height:38px;flex:0 0 38px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;font-family:'Bitter',serif;font-weight:700;color:var(--cps-verde);font-size:1.05rem;letter-spacing:-1px;box-shadow:inset 0 0 0 2px var(--cps-naranja);}
.cps-banda-txt h2{font-family:'Bitter',serif;font-size:.82rem;font-weight:700;line-height:1.15;margin:0;}
.cps-banda-txt span{display:block;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:#bfe0d9;margin-top:2px;}
.cps-cuerpo{display:flex;gap:16px;padding:16px 18px 0;position:relative;z-index:2;}
.cps-foto{width:88px;height:110px;flex:0 0 88px;border-radius:8px;background-color:#dfe7e3;border:2px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;color:#8aa39c;overflow:hidden;}
.cps-foto svg{width:52px;height:52px;opacity:.55;}
.cps-datos{flex:1;min-width:0;}
.cps-campo{margin-bottom:7px;}
.cps-campo .cps-k{font-size:.52rem;letter-spacing:.13em;text-transform:uppercase;color:#a9ccc4;font-weight:600;}
.cps-campo .cps-v{font-size:.86rem;font-weight:600;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cps-fila{display:flex;gap:12px;}
.cps-fila .cps-campo{flex:1;}
.cps-num-col{position:absolute;right:16px;top:60px;text-align:right;z-index:3;}
.cps-num-col .cps-k{font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:#a9ccc4;}
.cps-num-col .cps-v{font-family:'Source Code Pro',monospace;font-weight:600;font-size:1.15rem;color:var(--cps-naranja);letter-spacing:1px;}
.cps-pie-anverso{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;padding:0 18px 12px;}
.cps-validez .cps-k{font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:#a9ccc4;}
.cps-validez .cps-v{font-size:.72rem;font-weight:600;}
.cps-firma-inst{text-align:right;}
.cps-firma-inst .cps-rub{font-family:'Bitter',serif;font-style:italic;font-size:.82rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:1px;}
.cps-firma-inst .cps-rol{font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:#a9ccc4;margin-top:3px;}

@media(max-width:480px){
  .cps-tarjeta{width:340px;height:214px;}
  .cps-foto{width:70px;height:88px;flex-basis:70px;}
  .cps-num-col{top:52px;}
}