/* Relieve suave: presentación exclusivamente; conserva tamaños y comportamiento. */
:root{--button-round:18px;--button-soft-shadow:0 4px 11px #173d2814,inset 0 1px 0 #ffffff70}
.primary,.secondary,.bordered,.icon-button,.management-tabs>button,.registry-filters>button,.review-mail-tabs button{border-radius:var(--button-round)}
.primary{background-image:linear-gradient(145deg,#ffffff0b,#00000006);box-shadow:0 5px 12px #14321f24,inset 0 1px 0 #ffffff28}
.secondary,.bordered{box-shadow:var(--button-soft-shadow)}
.icon-button,.update-group>button,.heading-actions .update-group>button{border-radius:12px}
.program-tools,.management-tabs{border-radius:22px}
.main-nav .nav-item,.main-nav .nav-group-trigger{border-radius:18px;box-shadow:none}
@media(min-width:761px){
 .main-nav .nav-group-trigger.selected,.main-nav .nav-group-trigger:not(:disabled):hover{background:transparent;box-shadow:none}
 .main-nav .nav-item:not(.selected){background:transparent}
 .main-nav .nav-item:not(.selected):not(:disabled):hover{background:#ffffff0d}
 .main-nav .nav-item.selected,.main-nav .nav-item.selected:not(:disabled):hover{background:linear-gradient(145deg,#476f5d,#345d4c);color:#fff;box-shadow:0 6px 15px #071c1224,inset 0 1px 0 #ffffff24,inset 0 -1px 0 #102e2020}
}
@media(max-width:760px){
 .sidebar{background:#f9fcf8;border:1px solid #dde7de;border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -5px 20px #1a392724,inset 0 1px 0 #fff}
 .main-nav>.nav-item,.main-nav .nav-group-trigger,.main-nav [data-group=programas] .nav-item{border-radius:18px;background:transparent;box-shadow:none}
 .main-nav>.nav-calendar-tile{background:#f4f8f4}
 .main-nav .nav-submenu{border-radius:22px;box-shadow:0 -5px 20px #173d2c25,inset 0 1px 0 #fff}
 .main-nav>.nav-item.selected,.main-nav .nav-group-trigger.selected,.main-nav [data-group=programas] .nav-item.selected,.main-nav .nav-item.selected:not(:disabled):hover{background:linear-gradient(145deg,#3d6653,#244d40);color:#fff;box-shadow:0 4px 10px #102f1a24,inset 0 1px 0 #ffffff2c}
}
/* El módulo de entradas mantiene sus colores de acción y de resultado del lector. */
main#app button,main#app .boton,.special-reader-link,.reader-back286{border-radius:18px;box-shadow:var(--button-soft-shadow)}
main#app button{background-image:linear-gradient(145deg,#ffffff08,#00000004)}
main#app .special-program-tools{border-radius:22px}
main#app .special-refresh{border-radius:12px}
.special-reader-link{background:linear-gradient(145deg,#fff8dd,#fff0be);box-shadow:0 3px 9px #9a76200a,inset 0 1px 0 #ffffffa0}
main#app .special-history-link,main#app .special-reservation-history{border-radius:8px;background:transparent;box-shadow:none}
.primary:disabled,.secondary:disabled,main#app button:disabled{box-shadow:none}
@media(prefers-reduced-motion:reduce){.main-nav button,.primary,.secondary,main#app button{transition:none}}