/* Calendario de solicitud de contacto — XIRIZ */
.appointment-picker[hidden]{display:none!important}
.appointment-picker{grid-column:1/-1;min-width:0;padding:18px;border:1px solid #292929;border-radius:10px;background:#131313;color:#f8f8f8}
.appointment-picker .appointment-title{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.appointment-picker .appointment-hint{font-size:12px;color:#aaa;margin:0 0 15px;line-height:1.5}
.appointment-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,0.65fr);gap:18px;align-items:start}
.appointment-calendar{max-width:390px;width:100%;min-width:0}
.appointment-month-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.appointment-month-head strong{font-size:14px;text-transform:capitalize}
.appointment-month-head button{cursor:pointer;border:1px solid #313131;background:#171717;border-radius:7px;color:white;min-height:38px;min-width:38px;font-size:21px}
.appointment-month-head button:disabled{opacity:.3;cursor:default}
.appointment-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.appointment-weekday{text-align:center;font-size:11px;color:#aaa;padding:7px 0}
.appointment-day{min-width:0;min-height:39px;border:1px solid transparent;background:transparent;color:#eee;border-radius:7px;font-size:13px;cursor:pointer}
.appointment-day:disabled{color:#5d5d5d;cursor:not-allowed;opacity:.75}
.appointment-day:not(:disabled):hover{background:#242424;border-color:#5329a3}
.appointment-day[aria-pressed="true"]{background:#5329a3;color:#fff;border-color:#5329a3}
.appointment-side label{display:block;font-size:13px;margin-bottom:8px}
.appointment-side select{width:100%;min-height:48px;padding:0 12px;background:#0f0f0f;border:1px solid #383838;color:white;border-radius:8px}
.appointment-side .appointment-selected{font-size:12px;color:#aaa;margin-top:10px;line-height:1.5}
@media(max-width:620px){.appointment-layout{grid-template-columns:1fr}.appointment-calendar{max-width:none}.appointment-picker{padding:12px}}


/* Apariencia flat — calendario de Contacto y Cotizaciones */
.appointment-picker{
  background:#131313;
  border-color:#202020;
  box-shadow:none;
}
.appointment-month-head button{
  background:#161616;
  border-color:#242424;
  box-shadow:none;
}
.appointment-side select{
  background:#141414;
  border-color:#222222;
  box-shadow:none;
}
.appointment-day:not(:disabled):hover{background:#1c1c1c;border-color:#323032}
.appointment-day[aria-pressed="true"]{background:#5329a3;border-color:#5329a3}