/* =====================================================================
   AdvanHR — páginas de agendamiento y políticas.
   El componente del calendario (assets/booking/booking.css) se copia tal
   cual desde automatiza.cl; aquí solo se adaptan sus colores y tipografía
   a la marca AdvanHR y se dan estilos a la cabecera de estas páginas.
   ===================================================================== */

.page-head {
  background: linear-gradient(180deg, var(--adv-lavender) 0%, var(--adv-white) 100%);   /* claro, como la portada */
  color: var(--adv-carbon);
  padding: calc(72px + 56px) 0 56px;
}
.page-head h1 { color: var(--adv-carbon); font-size: clamp(1.9rem, 4vw, 2.8rem); line-height: 1.15; letter-spacing: -0.01em; max-width: 820px; }
.page-head p { color: var(--adv-text-2); font-size: 1.08rem; line-height: 1.6; max-width: 720px; margin: 16px 0 0; }
.page-head .back { display: inline-flex; align-items: center; gap: 6px; color: var(--adv-indigo); text-decoration: none; font-size: .92rem; margin-bottom: 18px; }
.page-head .back:hover { color: var(--adv-indigo-dark); text-decoration: none; }
.page-head-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 22px; font-size: .95rem; color: var(--adv-carbon); }
.page-head-meta span { display: inline-flex; align-items: center; gap: 6px; }
.page-head-meta .mdi { color: var(--adv-teal); }

section.aut-booking { padding: 48px 5% 72px; }

/* --- Componente del calendario con la marca AdvanHR --- */
.aut-booking {
  --aut-brand: var(--adv-indigo);
  --aut-brand-dark: var(--adv-indigo-dark);
  --aut-selected: var(--adv-teal-dark);   /* hora/dia elegido: teal oscuro, distinto del indigo; blanco encima 4,9:1 */
  --aut-ink: var(--adv-carbon);
  --aut-muted: var(--adv-text-2);
  --aut-line: var(--adv-lavender-line);
  --aut-soft: var(--adv-lavender);
  font-family: var(--font-sans, "Inter", system-ui, sans-serif);
}
.aut-booking h2, .aut-booking h3 { color: var(--aut-ink); }
.aut-booking a { color: var(--aut-brand); }
.aut-booking a:hover { color: var(--aut-brand-dark); }

/* --- Políticas --- */
.legal { padding: 56px 0 80px; }
.legal .container { max-width: 860px; }
.legal h2 { font-size: 1.35rem; margin: 40px 0 12px; }
.legal h2:first-child { margin-top: 0; }
.legal p, .legal li { color: var(--pw-grey-800); line-height: 1.7; font-size: 1rem; }
.legal ul { padding-left: 1.2rem; margin: 0 0 1rem; }
.legal li { margin-bottom: 6px; }
.legal .updated { color: var(--pw-grey-600); font-size: .92rem; }
.legal a { color: var(--adv-indigo); }

/* Pie reducido de las páginas internas */
.footer-min .footer-bottom { border-top: 0; margin-top: 0; padding-top: 0; }
.footer-links { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.footer-links a { color: rgba(255, 255, 255, .8); text-decoration: none; }
.footer-links a:hover { color: #fff; }

/* Paleta AdvanHR en los detalles del componente que traen colores fijos (booking.css se copia tal cual
   desde automatiza.cl y no se toca: se ajusta solo desde aqui). */
.aut-booking *:focus-visible { outline-color: var(--adv-indigo) !important; }
.aut-bk-panel { background: var(--adv-white); }
.aut-bk-summary { background: var(--adv-aqua); border-color: var(--adv-aqua-line); color: var(--adv-carbon); }
.aut-bk-summary.is-empty { background: var(--adv-lavender); border-color: var(--adv-lavender-line); color: var(--adv-text-2); }
.aut-bk-alert.is-info { background: var(--adv-lavender); border-color: var(--adv-lavender-line); color: var(--adv-carbon); }
.aut-bk-btn:disabled { background: var(--adv-lavender-line); color: var(--adv-text-2); }
.aut-bk-link:hover { color: var(--aut-brand-dark); }

/* Resto del componente con la paleta: bordes de campos (3,6:1, suficiente para un borde), marca de
   "pocas horas" y avisos de error en coral con texto legible. El error de un campo usa coral-deep (5,4:1). */
.aut-booking { --aut-error: var(--adv-coral-deep); }
.aut-bk-field input { border-color: var(--adv-text-3); }
.aut-bk-field input[aria-invalid="true"] { border-color: var(--aut-error); }
.aut-bk-day.is-few .aut-bk-mark, .aut-bk-legend .is-few { border-color: var(--adv-coral-dark); }
.aut-bk-alert.is-error { background: var(--adv-coral-soft); border-color: var(--adv-coral); color: var(--adv-carbon); }
.aut-bk-panel fieldset:disabled input { background: var(--adv-lavender); }
.aut-bk-day:disabled, .aut-bk-slot:disabled { border-color: var(--adv-lavender-line); color: var(--adv-text-3); }
.aut-bk-legend s { color: var(--adv-text-3); }