:root{--background:#f5f6f2;--ink:#24332b;--muted:#59675f;--line:#dce3da;--dark:#24332b;--sage:#e8eedf;--lime:#deefa1}
body,body:not(.employee-shell),.employee-shell,.home-page{background-color:#f5f6f2;background-image:none;color:#24332b}
.site-navigation,.employee-topbar{background:rgba(248,250,246,.9);border-color:#dce3da}.employee-sidebar{background:#24332b;border-color:#40553b}.employee-sidebar nav a.active{background:#deefa1;color:#24332b}.employee-sidebar nav a:not(.active),.sidebar-tools>a{color:#f4f7ef}.sidebar-group-heading,.sidebar-tools>span{color:#d6e6c6}.employee-identity>span{background:#deefa1;color:#24332b}.sidebar-bottom form>button{background:#617e43;border-color:#789656;color:#fff}
.value-strip,.productivity-filters{background:#eef3e7;border-color:#dce3da}.employee-metric:not(.primary),.metric:not(.dark),.report-summary-grid>.employee-card{background:#fff;border-color:#dce3da}.metric.sage{background:#e8eedf}.employee-card,.panel,.report-panel,.account-directory,.account-creation,.contact-form{background:#fff}.original-visual-back{background:#e6ebde;border-color:#e6ebde}.original-dashboard{background:#fff}.original-floating-note{background:#deefa1;border-color:#ccdf8d;color:#24332b}.original-floating-note>span{background:#24332b;color:#deefa1}.home-page .contact-banner,.contact-banner{background:#e6edd9;border-color:#d6e3bf}.access-form-surface,.portal-concept{background:#e6eddb}.public-footer{background:#f0f3eb;border-color:#dce3da}.productivity-track>div,.company-week-card .day-bar{background:#7d975d}.productivity-track,.day-bar-track{background:#edf1e7}.status-pill{background:#eaf1e1;color:#40572f}.status-awaiting_evidence{background:#fff2d5;color:#795d18}.profile-avatar{background:#24332b;color:#deefa1}.button:not(.outline):not(.light){background:#24332b;border-color:#24332b;color:#fff}.button.light{background:#deefa1;color:#24332b;border-color:#deefa1}::selection{background:#deefa1;color:#24332b}
/* El cursor refleja la interacción disponible en todas las pantallas. */
body,body *{cursor:default}
a[href],a[href] *,button:not(:disabled),button:not(:disabled) *,summary,summary *,select:not(:disabled),input[type="checkbox"]:not(:disabled),input[type="radio"]:not(:disabled),input[type="file"]:not(:disabled),input[type="submit"]:not(:disabled),input[type="button"]:not(:disabled),input[type="reset"]:not(:disabled),[role="button"]:not([aria-disabled="true"]){cursor:pointer}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(:disabled):not([readonly]),textarea:not(:disabled):not([readonly]){cursor:text}
button:disabled,button:disabled *,input:disabled,textarea:disabled,select:disabled,[aria-disabled="true"],[aria-disabled="true"] *{cursor:default}

/* Entrega de evidencias: selector nativo accesible con estilo SPG. */
.evidence-delivery{padding:26px}.evidence-delivery>.eyebrow{margin-bottom:10px}.evidence-delivery h2{font-size:22px}.evidence-delivery>p{margin-top:10px;font-size:14px}.evidence-file-label{font-size:14px;margin:22px 0 18px}.evidence-file-help{font-size:12px;font-weight:400;color:#485a4e}.evidence-file-input{display:block;width:100%;padding:12px;background:#f3f5f2;border:1px dashed #a6bb78;border-radius:14px;font-size:13px;color:#24332b;cursor:pointer}.evidence-file-input::file-selector-button{font:inherit;font-weight:700;background:#24332b;color:#fff;border:0;border-radius:100px;padding:12px 20px;margin-right:16px;cursor:pointer;transition:background .2s}.evidence-file-input::file-selector-button:hover{background:#3b5141}.evidence-file-input:focus-visible{outline:3px solid #617e43;outline-offset:4px}.evidence-delivery>small{display:block;margin-top:16px;color:#485a4e;font-size:12px}@media(max-width:500px){.evidence-delivery{padding:22px}.evidence-file-input{font-size:12px}.evidence-file-input::file-selector-button{padding:11px 14px;margin-right:10px}}

/* Gráfico ilustrativo con escala explícita y jerarquía de datos. */
.professional-chart{padding:18px 16px 14px;background:#fff;border-color:#e1e7dc}.professional-chart .chart-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.professional-chart .chart-heading>span{font-size:10px;color:#59675f}.chart-scale-label{font-size:9px;color:#59675f;margin-top:15px}.chart-plot{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;margin-top:8px}.chart-axis{height:130px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#62715b;font-variant-numeric:tabular-nums;text-align:right}.chart-series{position:relative;min-width:0;padding-bottom:22px}.chart-gridlines{position:absolute;inset:0 0 22px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-gridlines i{display:block;width:100%;height:1px;background:#edf0e8}.chart-gridlines i:last-child{background:#d8e0cf}.chart-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;height:130px;position:relative;align-items:end}.chart-bars>div{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}.activity-bar{width:100%;max-width:30px;display:block;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#a7bb8e,#839f67)}.activity-april{height:34%}.activity-may{height:50%}.activity-june{height:42%}.activity-july{height:66%}.activity-august{height:57%}.activity-september{height:77%;background:linear-gradient(180deg,#3d5948,#24332b)}.chart-bars>div>span{font-size:9px;color:#536448;margin-bottom:5px;font-weight:600;font-variant-numeric:tabular-nums}.chart-bars>div>b{position:absolute;top:calc(100% + 7px);font-size:9px;font-weight:500!important;color:#59675f}.chart-current>span{color:#24332b!important;font-weight:700!important}.chart-current>b{color:#24332b!important;font-weight:700!important}.chart-legend{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #edf0e8;margin-top:12px;padding-top:10px;font-size:9px;color:#536448}.chart-legend>span{display:flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#839f67}.chart-legend small{font-size:9px;color:#62715b}@media(max-width:500px){.chart-bars{gap:10px}.professional-chart{padding:15px 12px}.professional-chart .chart-heading{font-size:11px}.professional-chart .chart-heading>span{font-size:9px}}

/* Movimiento ambiental de las capas visuales, sin desplazar la lectura. */
@media(prefers-reduced-motion:no-preference){.original-visual{transform:translateY(var(--scroll-layer-offset,0px));transition:transform .35s ease-out}.original-visual.reveal-pending{opacity:0}.original-visual.reveal-visible{opacity:1}.original-visual.reveal-visible .original-visual-back{animation:spg-background-drift 10s ease-in-out infinite}.original-visual.reveal-visible .original-dashboard{animation:spg-panel-float 8s ease-in-out infinite!important}.original-visual.reveal-visible .original-floating-note{animation:spg-note-float 6s ease-in-out infinite!important;animation-delay:.4s}.professional-chart .activity-bar{transform-origin:bottom;animation:spg-bar-entry .9s cubic-bezier(.22,.61,.36,1) both;animation-play-state:paused}.original-visual.reveal-visible .activity-bar{animation-play-state:running}.activity-may{animation-delay:.08s!important}.activity-june{animation-delay:.16s!important}.activity-july{animation-delay:.24s!important}.activity-august{animation-delay:.32s!important}.activity-september{animation-delay:.4s!important}.reveal-pending.reveal-pending.reveal-pending{transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--entrance-delay,0ms)}.reveal-visible.reveal-pending.reveal-pending{transform:translateY(0)}.original-visual.reveal-visible.reveal-pending{transform:translateY(var(--scroll-layer-offset,0px))}.motion-paused .original-dashboard,.motion-paused .original-floating-note,.motion-paused .original-visual-back{animation-play-state:paused!important}
@keyframes spg-panel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spg-note-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spg-background-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,5px)}}@keyframes spg-bar-entry{from{transform:scaleY(.05);opacity:.4}to{transform:scaleY(1);opacity:1}}}
@media(prefers-reduced-motion:reduce){.original-visual,.original-dashboard,.original-floating-note,.original-visual-back,.activity-bar{animation:none!important;transform:none!important;transition:none!important}.reveal-pending{opacity:1!important;transform:none!important}}

/* Ayudas flotantes: transición completa de entrada y salida. */
.action-hint{position:fixed;z-index:1000;width:max-content;max-width:min(290px,calc(100vw - 24px));padding:14px 17px;border:1px solid #d8e2cd;border-radius:14px;background:#fff;color:#24332b;box-shadow:0 12px 32px rgba(36,51,43,.17);font-size:13px;font-weight:500;line-height:1.55;cursor:default;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .26s cubic-bezier(.2,.65,.3,1),visibility 0s linear .26s}
.action-hint.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:none;transition-delay:0s}
/* Los controles permanecen en su sitio; el relieve no es una señal de interacción. */
a[href],button,summary,a[href] h3,a[href] .card-link b{scale:1!important;translate:none!important}
a[href]:hover,a[href]:focus-visible,a[href]:active,button:hover,button:focus-visible,button:active,summary:hover,summary:focus-visible{scale:1!important;translate:none!important;transform:none!important}
.button,button,summary,.employee-sidebar nav a{transition:background-color .28s ease,color .28s ease,border-color .28s ease}
.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #617e43;outline-offset:5px}
a.service-card:hover,a.service-card:focus-visible,.button:hover,.button:focus-visible,button:hover,button:focus-visible,button:active{box-shadow:none!important}
.button:not(.outline):not(.light):hover,button:not(:disabled):hover{background-color:#3b5141;color:#fff}
/* Los enlaces cambian de color sin subrayados ni desplazamientos. */
a[href]:hover,a[href]:focus-visible,.service-card:hover h3,.service-card:focus-visible h3,a[href]:hover .card-link>span{text-decoration:none!important}
a.button,button,a[role="button"],.employee-sidebar nav a{background-image:none!important;text-decoration:none!important}
@media(prefers-reduced-motion:reduce){.action-hint,a[href],button,summary,.service-card h3,.service-card .card-link>span{transition:none!important}.action-hint{transform:none!important}}

.backoffice-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.backoffice-overview>div,.backoffice-overview>a{padding:18px 20px;border:1px solid #dce3da;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:8px;color:#24332b}.backoffice-overview span{font-size:14px;font-weight:600}.backoffice-overview strong{font-size:28px;line-height:1.1}@media(max-width:1000px){.backoffice-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.backoffice-overview{grid-template-columns:1fr}}

/* Espaciado interno coherente: encabezado, contenido y acciones se distinguen. */
.service-card{padding:26px;gap:0}.service-card-top{margin-bottom:20px}.service-card .service-subtitle{display:block;margin-bottom:8px}.service-card h3{margin:0 0 14px;line-height:1.3}.service-card>p{margin:0 0 24px;line-height:1.7}.service-card .card-link{margin-top:auto;padding-top:14px;gap:16px}
.account-profile,.account-creation,.contact-request,.evidence-tile,.evidence-detail,.explanatory-card{padding:24px!important}
.account-profile>header,.contact-request>header{gap:16px;margin-bottom:18px}.account-profile h2,.account-profile h3,.contact-request h2,.evidence-tile h2{line-height:1.35;margin-bottom:12px}.account-profile p,.contact-request p,.evidence-tile p{line-height:1.65;margin:10px 0}.account-profile details,.contact-request details{margin-top:18px}.account-profile details[open]>form,.contact-request details[open]>div{margin-top:16px}.account-profile form,.account-creation form{display:grid;gap:16px}.account-profile form p,.account-creation form p{margin:0}.account-profile form label,.account-creation form label{display:block;margin-bottom:7px}
.evidence-grid{gap:20px}.evidence-tile{display:flex;flex-direction:column;gap:10px}.evidence-tile>*{margin:0!important}.evidence-tile>span:last-child{margin-top:10px!important;padding-top:12px;border-top:1px solid #e2e8dd}.evidence-detail>p{margin:18px 0;line-height:1.7}.evidence-detail dl{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:14px 24px;margin:24px 0}.evidence-detail dt{font-weight:700}.evidence-detail dd{margin:0;line-height:1.6;overflow-wrap:anywhere}.evidence-detail .evidence-preview{margin-top:24px}
.report-person{gap:12px}.report-person h3{margin-bottom:4px}.report-dialog-tasks article{padding:20px 0;gap:16px}.report-dialog-tasks p{line-height:1.6;margin:6px 0}.report-dialog-tasks h3{margin-bottom:12px}.report-day-dialog>header{margin-bottom:20px}.report-metrics article{padding:22px;display:flex;flex-direction:column;gap:12px}.report-metrics strong{margin-top:0}
@media(max-width:600px){.service-card,.account-profile,.account-creation,.contact-request,.evidence-tile,.evidence-detail,.explanatory-card{padding:20px!important}.evidence-detail dl{grid-template-columns:1fr;gap:8px}.evidence-detail dd{margin-bottom:14px}.report-metrics article{padding:18px}.report-dialog-tasks article{gap:12px}}

.evidence-detail h1{font-size:clamp(24px,3vw,34px)!important;line-height:1.3;overflow-wrap:anywhere;margin:14px 0}.evidence-detail .eyebrow{display:block;margin-bottom:12px}.evidence-detail .evidence-preview{display:block}