/* ==============================================================
   SICOST v2.1 - AFINACION ESTETICA
   ACOSTA CONSULTORES MEDICOS S.A.S. - ACOSTA IPS
   Capa final que solo refina la forma. Quitando su linea del
   index.html todo vuelve exactamente como estaba.
   ============================================================== */

:root {
  --radio-sm: 10px;
  --radio-md: 16px;
  --radio-lg: 22px;
  --radio-xl: 28px;
  --sombra-sm: 0 2px 6px rgba(27, 42, 74, .05);
  --sombra-md: 0 8px 22px rgba(27, 42, 74, .08);
  --sombra-lg: 0 18px 46px rgba(27, 42, 74, .13);
}

/* Percival sin recorte: el circulo pasa a ser solo el fondo y el
   aguila va encima, un poco mas grande, asomandose. */
.copilot__avatar {
  position: relative;
  width: 104px;
  height: 104px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: radial-gradient(120% 120% at 50% 18%, #FFFFFF 0%, #F6F1FB 52%, #E9DFF5 100%);
  border: 3px solid var(--dorado);
  box-shadow: 0 12px 30px rgba(27, 42, 74, .26), inset 0 -6px 16px rgba(75, 0, 130, .06);
  overflow: visible;
}
.copilot__avatar::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 132px;
  height: 132px;
  transform: translate(-50%, -54%);
  background: var(--percival-avatar) center / contain no-repeat;
  filter: drop-shadow(0 8px 12px rgba(27, 42, 74, .28));
  pointer-events: none;
}

/* El logo de ACOSTA IPS, mas presente */
.sidebar__foot img {
  width: 172px !important;
  max-width: 82%;
  height: auto;
  margin: 6px auto 0;
  display: block;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .28));
  transition: transform .25s ease;
}
.sidebar__foot img:hover { transform: scale(1.03); }
.sidebar__foot { padding-bottom: 18px; }

/* Tarjetas y superficies mas suaves */
.card, .panel, .tarjeta,
#radicaciones .rd-card, #radicaciones .rd-kpi, #radicaciones .rd-f,
#programacion .pg-card, #programacion .pg-kpi, #programacion .pg-t,
#usuarios .us-card, #usuarios .us-rol .r {
  border-radius: var(--radio-lg);
  box-shadow: var(--sombra-sm);
  transition: transform .2s cubic-bezier(.4,0,.2,1), box-shadow .2s cubic-bezier(.4,0,.2,1);
}
.card:hover, #radicaciones .rd-card:hover,
#programacion .pg-card:hover, #usuarios .us-card:hover {
  box-shadow: var(--sombra-md);
}

/* Botones y campos, linea redonda */
button, .btn, .boton, input[type="submit"] { border-radius: var(--radio-full); }
input, select, textarea,
#radicaciones input.rd-in, #radicaciones select.rd-in,
#programacion .cmp input, #programacion .cmp select {
  border-radius: 12px;
  transition: border-color .18s ease, box-shadow .18s ease;
}
input:focus, select:focus, textarea:focus { box-shadow: 0 0 0 3px rgba(75, 0, 130, .10); }

/* Panel izquierdo mas suave */
nav.tabs .tab { border-radius: 14px; transition: background .18s ease, transform .18s ease; }
nav.tabs .tab:hover { transform: translateX(2px); }
nav.tabs .pn-cab { border-radius: 14px; }
nav.tabs .pn-it { border-left-color: rgba(212, 175, 55, .35); }

/* Tablas mas limpias */
table { border-radius: var(--radio-md); overflow: hidden; }
table th { letter-spacing: .07em; }
table td, table th { border-color: rgba(27, 42, 74, .06); }

/* Encabezados */
section.view > h2 { letter-spacing: -.01em; line-height: 1.15; }
section.view > .nota { max-width: 78ch; line-height: 1.6; }