/* ── AGENDA · "Planifica tus prácticas" · hoja inferior (10 ago) ──────
   Compartida por Inicio, completion y Perfil. Tokens de tokens.css.
   CSS clásico (sin inset). */
.ag-overlay{
  position:fixed; left:0; right:0; top:0; bottom:0; z-index:130;
  background:rgba(4,9,17,.66);
  display:flex; align-items:flex-end; justify-content:center;
  opacity:0; transition:opacity .26s ease;
}
.ag-overlay.open{ opacity:1; }
.ag-sheet{
  position:relative; width:100%; max-width:520px;
  background:linear-gradient(180deg,#0A131F,#070F19);
  border-top:1px solid rgba(201,169,104,.28);
  border-radius:14px 14px 0 0;
  box-shadow:0 -20px 60px -20px rgba(0,0,0,.8);
  padding:26px 22px 26px;
  padding-bottom:calc(26px + env(safe-area-inset-bottom));
  text-align:center;
  transform:translateY(100%);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.ag-overlay.open .ag-sheet{ transform:translateY(0); }
.ag-x{
  position:absolute; top:10px; right:14px;
  background:none; border:none; color:rgba(232,207,148,.6);
  font-size:24px; line-height:1; cursor:pointer; padding:4px 8px;
}
.ag-eyebrow{
  display:block; font-family:var(--font-sans);
  font-size:10px; letter-spacing:.28em; text-transform:uppercase;
  font-weight:700; color:var(--ent-gold); margin-bottom:9px;
}
.ag-title{
  font-family:var(--font-serif); font-weight:400; font-size:22px; line-height:1.2;
  color:var(--ent-cream); margin:0 0 9px; text-wrap:balance;
}
.ag-desc{
  font-family:var(--font-sans); font-size:12.5px; line-height:1.6;
  color:rgba(255,255,255,.5); margin:0 auto 18px; max-width:340px; text-wrap:pretty;
}
.ag-lbl{
  font-family:var(--font-sans); font-size:10px; letter-spacing:.2em;
  text-transform:uppercase; font-weight:700; color:rgba(232,207,148,.65);
  text-align:left; margin:0 0 8px;
}
.ag-days, .ag-hours{ display:flex; gap:7px; margin-bottom:16px; }
.ag-day, .ag-hour{
  flex:1; font-family:var(--font-sans); font-size:12.5px; font-weight:600;
  padding:11px 0; border-radius:var(--radius);
  border:1px solid rgba(201,169,104,.28); background:transparent;
  color:rgba(232,207,148,.55); cursor:pointer; transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.ag-day.on, .ag-hour.on{
  background:linear-gradient(180deg,#E8CF94,#C9A968 62%,#B7945A);
  color:#0B1623; font-weight:700; border-color:rgba(201,169,104,.85);
}
.ag-resumen{
  font-family:var(--font-sans); font-size:12.5px; line-height:1.5;
  color:var(--ent-gold-bright); margin:4px auto 18px; text-wrap:balance;
}
.ag-cta{
  width:100%; font-family:var(--font-sans); font-size:11px; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; color:#0B1623;
  background:linear-gradient(180deg,#E8CF94 0%,#C9A968 62%,#B7945A 100%);
  border:none; padding:14px 20px; border-radius:var(--radius); cursor:pointer;
}
.ag-cta:disabled{ opacity:.45; cursor:default; }

/* botón secundario "Planificar mis prácticas" en la carta de semana */
.hm-sem-cta2{
  display:inline-block; text-decoration:none; font-family:var(--font-sans);
  font-size:10.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ent-gold-bright); background:transparent;
  border:1px solid rgba(201,169,104,.4); padding:10px 20px; border-radius:var(--radius);
  cursor:pointer;
}