/* Small vacation accents; intentionally separate from calendar controls. */
html[data-pc-microsite="vacaciones"] .vacation-title{display:flex;align-items:center;gap:14px}
html[data-pc-microsite="vacaciones"] .vacation-title-mark{display:block;width:44px;height:34px;flex:none;color:#a88345;opacity:.8;pointer-events:none;user-select:none}
html[data-pc-microsite="vacaciones"] .vacation-quiet-mark{display:block;width:142px;height:78px;margin:24px auto 20px;color:#e4c27a;opacity:.35;pointer-events:none;user-select:none}
html[data-pc-microsite="vacaciones"][data-theme="dark"] .vacation-title-mark{color:#d8bd89;opacity:.75}
@media(max-width:760px){html[data-pc-microsite="vacaciones"] .vacation-title{gap:9px}html[data-pc-microsite="vacaciones"] .vacation-title-mark{width:32px;height:26px}}
@media(max-height:650px) and (min-width:761px){html[data-pc-microsite="vacaciones"] .vacation-quiet-mark{width:105px;height:58px;margin:12px auto}}

/* Vacation calendar legend is independent of the shared chart legend. */
html[data-pc-microsite="vacaciones"] body{font-size:15.5px}
html[data-pc-microsite="vacaciones"] .balance .sub{font-size:12.5px}
html[data-pc-microsite="vacaciones"] .pc-user-job{font-size:11.5px}
html[data-pc-microsite="vacaciones"] .calendar{min-width:0}
html[data-pc-microsite="vacaciones"] .vacation-calendar-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;align-items:start;width:100%;margin:18px 0 0;padding:14px 0 16px;border-bottom:1px solid var(--linea);font-size:10.75px;line-height:1.45;color:var(--tenue);text-align:left}
html[data-pc-microsite="vacaciones"] .vacation-legend-item{display:flex;align-items:center;gap:7px;min-width:0;margin:0;padding:0}
html[data-pc-microsite="vacaciones"] .vacation-legend-item>span{min-width:0;white-space:normal;overflow-wrap:normal}
html[data-pc-microsite="vacaciones"] .vacation-legend-swatch{display:block;flex:0 0 8px;width:8px;height:8px;margin:0;border-radius:50%;font-style:normal}
html[data-pc-microsite="vacaciones"] .vacation-legend-swatch.is-selected{background:var(--roble)}
html[data-pc-microsite="vacaciones"] .vacation-legend-swatch.is-approved{background:var(--ok)}
html[data-pc-microsite="vacaciones"] .vacation-legend-swatch.is-pending{background:var(--ocre)}
html[data-pc-microsite="vacaciones"] .vacation-legend-swatch.is-outside{border:1px dashed currentColor;background:transparent}
html[data-pc-microsite="vacaciones"] .vacation-legend-swatch.is-coverage{border:1px solid currentColor;border-radius:2px;background:repeating-linear-gradient(135deg,transparent 0 2px,currentColor 2px 3px)}
html[data-pc-microsite="vacaciones"] .vacation-legend-swatch.is-dg{height:3px;border-radius:2px;background:#b57b34}
html[data-pc-microsite="vacaciones"] .calendar>p.small{max-width:100%;margin:12px 0 0;padding:0;border-top:0;font-size:10.75px;line-height:1.65;white-space:normal;overflow-wrap:break-word;text-align:left}
@media(max-width:600px){html[data-pc-microsite="vacaciones"] .vacation-calendar-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}html[data-pc-microsite="vacaciones"] .pc-user-job{font-size:10.5px}}
@media(max-width:340px){html[data-pc-microsite="vacaciones"] .vacation-calendar-legend{grid-template-columns:minmax(0,1fr)}}