/* Identidad LH Confort. Los colores de estados se conservan. */
:root{--lh-blue:#393487;--lh-yellow:#ffb91d}
body{background:#f5f6fa;color:#24243b}
header{background:var(--lh-blue)!important;border-bottom:5px solid var(--lh-yellow);gap:20px;flex-wrap:wrap}
header .lh-identity{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lh-logo{display:block;width:225px;height:auto;background:white;border-radius:7px;padding:7px}
header a{color:white}header strong{font-size:16px}
h1,h2,h3{color:#302b75}
button,a.action{background:var(--lh-blue);color:white}
button.active,button[aria-selected="true"],.primary{background:var(--lh-yellow)!important;color:#242154!important;box-shadow:inset 0 -3px 0 #d39200}
button:hover:not(:disabled),a.action:hover{filter:brightness(1.1)}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e8a400;outline-offset:3px}
input,select,textarea{accent-color:var(--lh-blue)}
footer a{color:var(--lh-blue)!important}
@media(max-width:600px){header{padding:16px 5%}.lh-logo{width:180px}header .lh-identity{gap:12px}}
@media print{header{border-bottom:0}.lh-logo{width:170px}}
/* Los resultados del directorio usan fondo claro, por lo que necesitan texto oscuro. */
button.person{color:#302b75;background:#f1f2fa}
button.person:hover:not(:disabled){background:#e5e6f5;filter:none}
button.person.active{background:var(--lh-yellow);color:#242154}
button.person small{color:#50556b}
