.navbar-container{font-family:sans-serif}.navbar-topbar{display:flex;justify-content:space-between;align-items:center;background-color:#f2dcac;height:80px;padding:0 2rem;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;right:0;z-index:999;overflow:visible}.topbar-left{display:flex;align-items:center;gap:1rem}.topbar-toggle{font-size:1.8rem;color:#3c2012;cursor:pointer;transition:color .3s ease}.topbar-toggle:hover{color:#6b4c2f}.topbar-logo img{height:35px;width:auto}.topbar-right{display:flex;align-items:center;gap:1.5rem}.topbar-icon,.topbar-user{font-size:1.6rem;color:#3c2012;cursor:pointer;transition:color .3s ease}.topbar-icon:hover,.topbar-user:hover{color:#6b4c2f}.topbar-user{position:relative}.topbar-dropdown{position:absolute;top:110%;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;min-width:160px;display:flex;flex-direction:column;z-index:1000;padding:.2rem 0}.topbar-dropdown a,.topbar-dropdown button{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:1rem;font-weight:500;color:#3c2012;text-decoration:none;background:none;border:none;text-align:left;width:100%;cursor:pointer;transition:background-color .3s ease,color .3s ease}.topbar-dropdown a:hover,.topbar-dropdown button:hover{background-color:#e8dcc5;color:#6b4c2f}.navbar-drawer{background:linear-gradient(135deg,#fffffff2,#f5f5f5f2);color:#6b4c2f;width:320px;height:calc(100vh - 70px);position:fixed;top:70px;left:0;z-index:998;display:flex;flex-direction:column;box-shadow:0 4px 12px #0003;border-right:1px solid #ccc;transition:transform .3s ease;overflow-y:auto;overflow-x:hidden;transform:translate(-100%)}.navbar-drawer.open{transform:translate(0)}.navbar-overlay{position:fixed;top:70px;left:0;width:100%;height:calc(100% - 70px);background-color:#00000080;z-index:997}.drawer-user-info{display:flex;align-items:center;gap:.8rem;padding:2rem;margin-bottom:2rem;border-bottom:1px solid #ccc}.drawer-user-avatar{width:60px;height:60px;border-radius:50%;background-color:#ccc;display:flex;align-items:center;justify-content:center;overflow:hidden}.drawer-user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.drawer-user-icon{font-size:2.2rem;color:#333}.drawer-user-details{display:flex;flex-direction:column}.drawer-user-name{font-size:1.1rem;font-weight:600;color:#333}.drawer-user-role{font-size:.95rem;color:#333;margin-top:.2rem}.drawer-menu{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column}.drawer-menu-item a,.drawer-menu-item button{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;font-size:1.1rem;color:#6b4c2f;background:none;border:none;text-decoration:none;transition:background-color .3s ease,color .3s ease;width:85%;margin:0 auto .5rem;text-align:left;cursor:pointer;border-radius:20px}.drawer-menu-item a:hover,.drawer-menu-item button:hover{background-color:#8b633c73;color:#fff;border-radius:20px}.drawer-menu-item.active a{background-color:#6b4c2f;color:#fff;border-radius:20px}.menu-icon{font-size:1.4rem}@media (min-width: 769px){.topbar-toggle{display:none}.navbar-drawer{transform:none}.navbar-overlay{display:none}}.topbar-icon.qr-icon{display:flex;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer}.topbar-icon.qr-icon .qr-text{font-size:.9rem;font-weight:500}src/components/Footer.css .footer{background-color:#222;color:#fff;text-align:center;padding:1rem 0;font-size:.9rem;position:fixed;bottom:0;width:100%}@media (max-width: 600px){.footer{padding:.5rem 0;font-size:.8rem}}.login-container{display:flex;flex-direction:row;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;background:#fff}.left-section{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f2dcac,#f8e8cc);border-top-right-radius:50px;border-bottom-right-radius:50px}.wave-bg{position:absolute;top:0;left:0;right:0;bottom:0}.wave{width:100%;height:100%}.wave path{fill:#fff;opacity:.3}.left-content{position:relative;text-align:center;max-width:300px}.logo{width:250px}.left-content h2{font-size:1.8rem;color:#333}.left-content p{font-size:1rem;color:#555}.right-section{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem}.form-wrapper{width:100%;max-width:350px;text-align:center;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:2rem}.title{font-size:1.8rem;color:#333;margin-bottom:.5rem;font-weight:700}.subtitle{font-size:.95rem;color:#777;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;align-items:center}.login-form input{width:100%;margin-bottom:1rem;padding:.75rem 1rem;border:1px solid #ccc;border-radius:25px;font-size:1rem;color:#333}.login-form input:focus{outline:none;border-color:#cfa15b;box-shadow:0 0 5px #cfa15b66}.forgot-password{align-self:flex-end;margin-bottom:1rem;font-size:.85rem;color:#777;text-decoration:none}.forgot-password:hover{color:#cfa15b}.login-button{width:100%;padding:.75rem;border:none;border-radius:25px;background:linear-gradient(135deg,#3c2012,#3c2012);color:#fff;font-size:1rem;cursor:pointer}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.error-message{color:#e53e3e;margin-top:.5rem;font-size:.9rem}.signup{margin-top:1.5rem;font-size:.9rem;color:#333}.signup a{color:#cfa15b;text-decoration:none;font-weight:600}.signup a:hover{text-decoration:underline}@media (max-width: 768px){.login-container{flex-direction:column}.left-section{width:100%;height:40vh;border-radius:0 0 50px 50px}.wave-bg{position:absolute;top:0;left:0;right:0;bottom:auto;height:40vh}.wave{width:100%;height:100%;transform:rotate(0)}.left-content{text-align:center;max-width:80%}.right-section{width:100%;height:60vh;display:flex;justify-content:center;align-items:center;padding:1.5rem}.form-wrapper{width:90%;max-width:350px;padding:1.5rem}}.inicio-propietario{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#e6e5e3,#ccc);display:flex;flex-direction:column;align-items:center;color:#fff}.titulo{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.subtitulo{font-size:1.2rem;margin-bottom:2rem;color:#f0f0f0;max-width:800px;text-align:center}.inicio-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:1.5rem;width:100%;max-width:1200px}.col-izquierda,.col-derecha{display:flex;flex-direction:column;gap:1.5rem}.tarjeta{background:#fff;color:#333;padding:1.5rem;border-radius:10px;box-shadow:0 8px 24px #0000001a;transition:transform .2s ease-in-out}.tarjeta h2{font-size:1.4rem;display:flex;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;color:#1f2937}.resumen-financiero ul,.indicadores ul{list-style:none;padding:0;margin:0}.resumen-financiero li,.indicadores li{padding:.5rem 0;font-size:1rem}.grafica{width:100%;overflow-x:auto}.accesos-rapidos .botones{display:flex;flex-wrap:wrap;gap:10px}.accesos-rapidos button{background:#667eea;color:#fff;border:none;padding:.8rem 1rem;font-size:1rem;cursor:pointer;border-radius:5px;display:flex;align-items:center;gap:8px;transition:background .3s ease}.accesos-rapidos button:hover{background:#5a67d8}.ultimas-notificaciones .lista-notificaciones{list-style:none;padding:0;margin:0}.ultimas-notificaciones .lista-notificaciones li{background:#f3f4f6;color:#1f2937;padding:.5rem .75rem;margin:.5rem 0;border-radius:5px;font-size:.95rem}.ultimas-notificaciones .lista-notificaciones .mensaje{font-weight:700}.ultimas-notificaciones .lista-notificaciones .fecha{margin-left:.5rem;font-size:.8rem;color:#4b5563}@media (max-width: 768px){.inicio-layout{grid-template-columns:1fr;gap:1rem;max-width:100%}.titulo{font-size:2rem}.subtitulo{font-size:1rem;max-width:100%}.col-izquierda,.col-derecha{gap:1rem}.tarjeta{padding:1rem}}.perfil-bg{min-height:100vh;padding:2rem 1rem 6rem;background:linear-gradient(135deg,#f2f2f2,#d9d9d9);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:flex-start}.perfil-container{max-width:700px;width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1.5rem;color:#333}.perfil-card{text-align:center;margin-bottom:1rem}.perfil-header{display:flex;flex-direction:column;align-items:center}.perfil-avatar{width:120px;height:120px;border-radius:0;border:3px solid #444;margin-bottom:10px;object-fit:cover}.input-file{display:none}.label-file{cursor:pointer;display:inline-block;background:#444;color:#fff;padding:8px 12px;border-radius:5px;font-size:.9rem;transition:background .3s}.label-file:hover{background:#333}.perfil-role{font-size:.85rem;color:#555}.perfil-tabs{display:flex;justify-content:space-around;margin-bottom:1rem;border-bottom:2px solid #ddd}.perfil-tabs button{background:none;border:none;padding:10px;cursor:pointer;font-size:1rem;transition:color .3s,border-bottom .3s;position:relative;color:#555}.perfil-tabs .active{font-weight:700;color:#444;border-bottom:2px solid #444}.perfil-content{padding:1rem}.perfil-section h3{color:#444;margin-top:0}.perfil-section label{display:block;margin-bottom:.5rem;color:#555;font-size:.9rem}.perfil-section input[type=text],.perfil-section input[type=email],.perfil-section input[type=password],.perfil-section select{width:100%;padding:8px;margin-bottom:1rem;border-radius:5px;border:1px solid #ddd;font-size:.9rem;background:#f3f4f6;color:#333}.btn-save,.btn-danger,.btn-secure{display:inline-flex;align-items:center;gap:.4rem;padding:10px;border-radius:5px;border:none;font-size:.9rem;cursor:pointer;transition:background .3s;margin-top:.5rem}.btn-save{background:#444;color:#fff}.btn-save:hover{background:#333}.btn-danger{background:#d32f2f}.btn-danger:hover{background:#b71c1c}.btn-secure{background:#444}.btn-secure:hover{background:#333}.caballo-item{background:#f3f4f6}.seguridad-config,.seguridad-2fa,.seguridad-logout{margin-bottom:1rem}@media (max-width: 768px){.perfil-bg{padding:1rem .5rem 4rem}.perfil-container{padding:1rem;margin:0 1rem}.perfil-avatar{width:100px;height:100px}.perfil-tabs{flex-direction:column;align-items:center}.perfil-tabs button{padding:8px;font-size:.9rem;width:100%;text-align:center}.perfil-content{padding:.5rem}.perfil-section label{font-size:.8rem}.btn-save,.btn-danger,.btn-secure{padding:8px;font-size:.8rem}}.caballos-empleado-bg{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;justify-content:center}.caballos-empleado-container{max-width:1200px;width:100%;background-color:#fff;color:#333;padding:1.5rem;border-radius:10px;box-shadow:0 8px 24px #0000001a}.titulo{font-size:1.8rem;margin:0;margin-bottom:.5rem;color:#1f2937}.subtitulo{font-size:.95rem;color:#4b5563;margin-bottom:1.5rem}.filtro-area{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;border-radius:5px;padding:.4rem .8rem;margin-bottom:1rem}.icono-search{color:#667eea}.filtro-area input{border:none;outline:none;background:transparent;font-size:.95rem;flex:1}.btn-agregar{background-color:#667eea;color:#fff;border:none;padding:.6rem 1rem;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;margin-bottom:1rem}.btn-agregar:hover{background-color:#5a67d8}.tabla-wrapper{overflow-x:auto}.tabla-caballos{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.95rem}.tabla-caballos th,.tabla-caballos td{border:1px solid #ddd;padding:.8rem;text-align:left}.tabla-caballos th{background-color:#667eea;color:#fff}.img-horse{width:70px;height:70px;object-fit:cover;border-radius:5px}.btn-edit,.btn-delete,.btn-log{border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem;margin-right:.4rem}.btn-edit{background-color:#a0aec0;color:#fff}.btn-edit:hover{background-color:#718096}.btn-log{background-color:#667eea;color:#fff}.btn-log:hover{background-color:#5a67d8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;padding:1.5rem;border-radius:8px;width:90%;max-width:600px;box-shadow:0 8px 20px #0003}.modal-content h3{margin-top:0;margin-bottom:1rem;color:#1f2937;font-size:1.2rem}.form-caballo,.form-log{display:flex;flex-direction:column;gap:1rem}.form-caballo label,.form-log label{display:flex;flex-direction:column;font-size:.9rem;color:#4b5563}.form-caballo input,.form-log input,.form-log textarea,.form-caballo select{padding:.5rem;border:1px solid #ddd;border-radius:4px;margin-top:.3rem;font-size:.9rem}.btn-save{background-color:#667eea;color:#fff;border:none;padding:.6rem 1rem;border-radius:5px;cursor:pointer;align-self:flex-start;font-size:.9rem}.btn-save:hover{background-color:#5a67d8}.lista-logs{list-style:none;margin:1rem 0 0;padding:0;background:#f3f4f6;border-radius:5px}.lista-logs li{padding:.5rem;border-bottom:1px solid #ddd;font-size:.85rem;display:flex;align-items:center;justify-content:space-between}.lista-logs li:last-child{border-bottom:none}.log-buttons{display:flex;gap:.4rem}@media (max-width: 768px){.caballos-empleado-container{padding:1rem}.titulo{font-size:1.5rem}.subtitulo{font-size:.85rem}.filtro-area{flex-direction:column;align-items:flex-start;gap:.3rem}.filtro-area input{font-size:.85rem}.btn-agregar{font-size:.8rem;padding:.5rem .8rem}.tabla-caballos th,.tabla-caballos td{padding:.5rem;font-size:.85rem}.tabla-caballos{display:block}.img-horse{width:50px;height:50px}.btn-edit,.btn-delete,.btn-log{font-size:.75rem;padding:.3rem .4rem}.modal-content{padding:1rem;max-width:90%}.form-caballo input,.form-caballo select,.form-log input,.form-log textarea{padding:.4rem;font-size:.85rem}.btn-save{font-size:.8rem;padding:.5rem .8rem}}.calendario-bg{min-height:100vh;padding:2rem 1rem 6rem;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Roboto,sans-serif;position:relative}.calendario-container{max-width:1300px;margin:0 auto;color:#333}.titulo{font-size:2rem;color:#fff;text-align:center;margin-bottom:.5rem}.subtitulo{color:#f3f4f6;text-align:center;margin-bottom:1.5rem}.sidebar{flex:1;max-width:300px;display:flex;flex-direction:column;gap:1rem}.sidebar-card{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #0000001a}.sidebar-title{margin-top:0;margin-bottom:.5rem;font-size:1.2rem;color:#1f2937}.eventos-lista{list-style:none;padding:0;margin:0}.eventos-lista li{background:#f3f4f6;margin-bottom:.5rem;padding:.5rem;border-radius:4px;font-size:.95rem}.filters{text-align:center;margin:.5rem 0}.filter-button{background-color:#e2e8f0;border:none;padding:6px 12px;margin:4px;border-radius:20px;cursor:pointer;transition:background-color .3s ease;font-size:.9rem;color:#333}.filter-button:hover,.filter-button.active{background-color:#667eea;color:#fff}.calendar-card{flex:2;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #0000001a}.fc{font-family:Roboto,sans-serif}.fc .fc-toolbar-title{font-size:1.5rem;font-weight:600;color:#1f2937}.fc .fc-button{background-color:#667eea;border:none;color:#fff;border-radius:4px;transition:background-color .3s ease;padding:.5rem 1rem}.fc .fc-button:hover{background-color:#5a67d8}.fc .fc-button:disabled{background-color:#cbd5e0;cursor:not-allowed}.fc .fc-daygrid-day-number{font-size:1rem;color:#1f2937}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:30px 20px;border-radius:10px;width:90%;max-width:500px;box-shadow:0 8px 20px #0003}.modal-content h2{text-align:center;margin-bottom:20px;color:#667eea}.modal-details p{margin:10px 0;font-size:1rem;color:#333}.modal-buttons{display:flex;justify-content:center;margin-top:20px}.cancel-button{background-color:#a0aec0;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-size:.9rem}.sidebar-card.statistics{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #0000001a}.sidebar-card.statistics h3{margin-top:0;margin-bottom:.5rem;font-size:1.2rem;color:#1f2937}.calendario-footer{position:fixed;bottom:0;left:0;right:0;background-color:#1f2937;color:#fff;text-align:center;padding:.8rem;font-size:.9rem;z-index:9999;box-shadow:0 -2px 4px #0003}@media (max-width: 768px){.calendario-main{flex-direction:column;gap:1rem}.sidebar,.calendar-card{max-width:100%;width:100%}.titulo{font-size:1.5rem}.subtitulo{font-size:1rem}}.btn-ganancias{background:gold;color:#000;padding:12px 16px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.btn-ganancias:hover{background:#e6c200}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:25px;border-radius:10px;width:90%;max-width:450px;text-align:center}.modal-content h3{color:#444;font-size:1.4rem}.modal-content input{width:100%;padding:8px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.btn-save{background:#28a745;color:#fff;padding:10px;border-radius:5px;border:none;cursor:pointer}.btn-save:hover{background:#218838}.btn-cerrar{background:#dc3545;color:#fff;padding:10px;border-radius:5px;border:none;cursor:pointer;margin-top:10px}.btn-cerrar:hover{background:#c82333}.inversiones-bg{background:#f8f9fa;min-height:100vh;padding:2rem}.inversiones-container{max-width:1200px;margin:0 auto;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px #0000001a}.barra-busqueda{display:flex;align-items:center;background:#f3f4f6;border-radius:5px;padding:.5rem .8rem;margin-bottom:1rem}.icono-busqueda{color:#667eea;margin-right:.5rem}.filtro-input{width:100%;border:none;outline:none;background:transparent;font-size:1rem}.gastos-table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.95rem}.gastos-table th,.gastos-table td{border:1px solid #ddd;padding:.8rem;text-align:left}.gastos-table th{background:#667eea;color:#fff}.total-gastado,.total-ingresos,.balance-final{font-size:1rem;margin-top:.5rem}@media (max-width: 768px){.inversiones-bg{padding:1rem}.inversiones-container{padding:1rem;margin:0 1rem}.barra-busqueda{padding:.4rem .6rem}.filtro-input{font-size:.9rem}.btn-ganancias{font-size:.9rem;padding:10px 14px}.gastos-table th,.gastos-table td{padding:.5rem;font-size:.9rem}.tarjeta-gastos table{display:block;overflow-x:auto;width:100%}}.estadisticas-bg{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.estadisticas-container{max-width:1200px;width:100%;background-color:#fff;color:#333;padding:1.5rem;border-radius:10px;box-shadow:0 8px 24px #0000001a}.titulo{font-size:2rem;margin-top:0;margin-bottom:.5rem;color:#1f2937}.subtitulo{font-size:1rem;color:#4b5563;margin-bottom:1.5rem}.filtros-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center;justify-content:center}.filtro{display:flex;flex-direction:column;align-items:flex-start}.filtro label{font-size:.9rem;color:#4b5563;margin-bottom:.3rem}.filtro select,.filtro input[type=date]{padding:.4rem;border:1px solid #ddd;border-radius:4px}button{background-color:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}button:hover{background-color:#5a67d8}.metric{flex:1 1 250px;background:#f3f4f6;padding:1rem;border-radius:8px;text-align:center}.metric h3{margin-top:0;font-size:1rem;color:#4b5563}.metric p{font-size:1.5rem;font-weight:700;color:#667eea;margin:.5rem 0 0}.tarjeta-grafica{background:#f3f4f6;padding:1rem;border-radius:8px;margin-bottom:2rem}.tarjeta-grafica h3{margin-top:0;margin-bottom:1rem;color:#4b5563;font-size:1rem}@media (max-width: 768px){.estadisticas-bg{padding:1rem}.estadisticas-container{padding:1rem;margin:0 1rem}.titulo{font-size:1.5rem}.subtitulo{font-size:.9rem}.filtros-container{gap:.5rem;flex-direction:column;align-items:center}.filtro{width:100%;text-align:center}.filtro label{font-size:.8rem}.filtro select,.filtro input[type=date]{width:100%;padding:.3rem;font-size:.8rem}button{padding:.4rem .8rem;font-size:.8rem}.tarjeta-resumen{flex-direction:column;gap:1rem}.metric{padding:.5rem;font-size:.9rem}.metric h3{font-size:.9rem}.metric p{font-size:1.2rem}.tarjeta-grafica{padding:.5rem}}.notificaciones-bg{min-height:100vh;padding:2rem 1rem 6rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:flex-start;font-family:Roboto,sans-serif}.notificaciones-container{max-width:800px;width:100%;background-color:#fff;color:#333;padding:1.5rem;border-radius:10px;box-shadow:0 8px 24px #0000001a}.titulo{display:flex;align-items:center;gap:.5rem;color:#1f2937;font-size:1.8rem;margin:0 0 .5rem}.subtitulo{color:#4b5563;margin-bottom:1.5rem;font-size:.95rem}.filtro-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;justify-content:space-between;align-items:center}.estado-filtros button,.tipo-filtro select{border:none;background-color:#e2e8f0;color:#333;padding:.5rem .75rem;border-radius:20px;cursor:pointer;font-size:.9rem}.estado-filtros button:hover,.tipo-filtro select:hover,.estado-filtros .active{background-color:#667eea;color:#fff}.tipo-filtro{display:flex;flex-direction:column}.tipo-filtro label{font-size:.9rem;color:#4b5563;margin-bottom:.3rem}.tipo-filtro select{padding:.4rem;border:1px solid #ddd;border-radius:4px}.lista-notificaciones{list-style:none;margin:0;padding:0}.notif-item{background-color:#f3f4f6;border-radius:6px;padding:1rem;margin-bottom:1rem;position:relative;transition:background-color .3s ease}.notif-item.leida{opacity:.8}.notif-header{display:flex;justify-content:space-between;align-items:center}.notif-title{margin:0;font-size:1.1rem;color:#1f2937}.notif-date{font-size:.8rem;color:#4b5563}.notif-description{margin:.5rem 0;color:#4b5563;font-size:.9rem}.notif-actions{display:flex;gap:.5rem;margin-top:.5rem}.btn-leer,.btn-eliminar{border:none;cursor:pointer;padding:6px 10px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:.85rem}.btn-leer{background-color:#667eea;color:#fff}.btn-leer:hover{background-color:#5a67d8}.btn-eliminar{background-color:#e53e3e;color:#fff}.btn-eliminar:hover{background-color:#c53030}.sin-notificaciones{margin-top:2rem;text-align:center;color:#4b5563;font-size:.95rem}@media (max-width: 768px){.notificaciones-container{padding:1rem;margin:0 1rem}.titulo{font-size:1.5rem;flex-direction:column}.subtitulo{font-size:.85rem}.filtro-bar{flex-direction:column;align-items:stretch}.estado-filtros button,.tipo-filtro select{width:100%;font-size:.85rem}.notif-item{padding:.8rem}.notif-title{font-size:1rem}.notif-description{font-size:.85rem}.notif-date{font-size:.75rem}.btn-leer,.btn-eliminar{padding:5px 8px;font-size:.75rem}}.inicio-empleado{min-height:100vh;padding:1rem;max-width:1200px auto;box-sizing:border-box;position:relative;margin:10px auto 10px 10px}.header{text-align:center;margin-bottom:5rem;width:100%;max-width:1200px auto;position:relative}.titulo{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:.5rem;text-align:center;position:absolute;left:50%;transform:translate(-50%);width:max-content}.subtitulo{font-size:1.2rem;color:#555;max-width:800px;margin:0 auto;text-align:center;position:relative;top:3.5rem}.contenido{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:1000px;margin:0 auto}.tarjeta{background:#fff;padding:1rem;border-radius:10px;box-shadow:0 8px 24px #0000001a;transition:transform .2s ease-in-out}.tarjeta h2{font-size:1.6rem;color:#1f2937;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.tarjeta ul{list-style:none;padding:0;margin:0}.tarjeta ul li{background:#f3f4f6;color:#1f2937;padding:.5rem;margin:.3rem 0;border-radius:5px;font-size:.9rem}.btn-actualizar,.btn-observacion{background:linear-gradient(45deg,#007bff,#0056b3);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:25px;transition:background .3s ease,transform .2s ease,box-shadow .2s ease;margin-top:.5rem;display:flex;align-items:center;gap:.3rem}.btn-actualizar:hover,.btn-observacion:hover{background:linear-gradient(45deg,#0056b3,#003f7f);transform:scale(1.05);box-shadow:0 4px 8px #0003}.btn-actualizar:active,.btn-observacion:active{transform:scale(1);box-shadow:0 2px 4px #0003}.registro-observacion{grid-column:1 / 3}.form-observacion{display:flex;flex-direction:column;gap:.8rem}.instrucciones{margin:0;font-weight:700;color:#333}.select-caballos{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:5px;font-family:inherit;box-sizing:border-box;background:#fff;color:#333}.select-caballos .react-select__control{border-color:#ccc;border-radius:5px}.select-caballos .react-select__control--is-focused{border-color:#d3d3d3;box-shadow:none}.select-caballos .react-select__menu{border-radius:5px}.form-observacion textarea{width:100%;padding:.8rem;font-size:1rem;border:1px solid #ccc;border-radius:5px;font-family:inherit;resize:vertical;min-height:60px}@media (max-width: 600px){.contenido{grid-template-columns:1fr}.registro-observacion{grid-column:1 / 2}}@media (min-width: 601px){.inicio-empleado{overflow-y:hidden}}@media (max-width: 600px){.inicio-empleado{overflow-y:auto}}.perfil-bg{min-height:100vh;padding:1rem;background:#f4f4f4;overflow-y:auto}.perfil-container{width:100%;background:none;border-radius:0;box-shadow:none;padding:0;text-align:left;color:#333;margin-top:0;min-height:auto}.perfil-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.perfil-avatar{width:160px;height:160px;border-radius:50%;border:4px solid #007BFF;object-fit:cover;background-color:#fff;margin-bottom:20px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease}.perfil-avatar:hover{transform:scale(1.05)}.perfil-form{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.perfil-form .input-group{width:48%;display:flex;flex-direction:column;gap:.5rem}.perfil-form label{font-size:.95rem;font-weight:500;color:#555}.perfil-form input,.perfil-form select{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;background:#f9f9f9;font-size:.95rem;transition:border .3s}.perfil-form input:focus,.perfil-form select:focus{border-color:#666;outline:none}.perfil-upload{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;align-items:flex-start}.btn-save{background:#4caf50;color:#fff;padding:12px;border-radius:6px;border:none;cursor:pointer;font-size:1rem;width:100%;margin-top:1rem}.btn-save:hover{background:#388e3c}@media (max-width: 600px){.perfil-form{flex-direction:column;gap:1rem}.perfil-form .input-group{width:100%}}.horse-manager-container{max-width:1200px auto;min-height:100vh;margin:10px auto 10px 0}@media (min-width: 1024px){.horse-manager-container{margin-left:40px}}.horse-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-add-horse{display:flex;align-items:center;gap:.75rem;background-color:#28a745;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer}.btn-add-horse:hover{background-color:#28a745}.search-container{width:50%;position:relative}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;background-color:#fff;color:#1f2937;font-size:1rem}.search-input:focus{outline:none;box-shadow:0 0 0 2px #17a2b8}.view-buttons{display:flex;gap:.5rem}.btn-list,.btn-grid,.btn-export{display:flex;align-items:center;gap:.5rem;color:#fff;padding:.5rem 1.25rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;transition:background .3s;border:none;cursor:pointer}.btn-list{background-color:#17a2b8;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:30px;display:flex;align-items:center;gap:.3rem;box-shadow:0 3px 6px #0003;transition:background .3s,transform .2s,box-shadow .2s}.btn-list:hover{background-color:#138496;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.btn-grid{background-color:#f97316;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:30px;display:flex;align-items:center;gap:.3rem;box-shadow:0 3px 6px #0003;transition:background .3s,transform .2s,box-shadow .2s}.btn-grid:hover{background-color:#ea580c;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.btn-export{background-color:#ef4444;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:30px;display:flex;align-items:center;gap:.3rem;box-shadow:0 3px 6px #0003;transition:background .3s,transform .2s,box-shadow .2s}.btn-export:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.horse-table{width:100%;border-collapse:collapse;border:1px solid #ddd;box-shadow:0 10px 15px #0000001a;border-radius:.5rem;background-color:#fff;margin-top:1rem}.horse-table thead{background-color:#d1d5db;color:#374151}.horse-table th,.horse-table td{border:1px solid #ddd;padding:.75rem;text-align:left}.horse-name{font-weight:600}input[type=checkbox].horse-select{transform:scale(1.3)}.btn-delete{background-color:#ef4444;color:#fff;padding:.3rem .5rem;border-radius:.5rem;transition:background-color .3s;border:none;cursor:pointer}.btn-delete:hover{background-color:#dc2626}.btn-edit{background-color:#3b82f6;color:#fff;padding:.3rem .5rem;border-radius:.5rem;transition:background-color .3s;border:none;cursor:pointer}.btn-edit:hover{background-color:#2563eb}.horse-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.horse-card{padding:1rem;box-shadow:0 10px 15px #0000001a;border:1px solid #ddd;border-radius:.5rem;background-color:#fff;color:#1f2937;transition:box-shadow .3s}.horse-card:hover{box-shadow:0 15px 25px #00000026}.horse-card-image{width:100%;height:12rem;object-fit:cover;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.horse-card-image:hover{transform:scale(1.05)}.horse-card-content{text-align:left;margin-top:.75rem;font-size:.9rem;line-height:1.3}.horse-card-content h3{margin:0 0 .5rem;font-size:1.1rem;text-align:center}.horse-card-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;justify-items:center;text-align:center}.horse-card-info p{margin:0}.caballos-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.caballos-modal{background-color:#fff;padding:3rem;border-radius:.5rem;width:100%;max-width:700px}.caballos-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:#3e4755;border-bottom:2px solid #d1d5db;padding-bottom:.5rem}.caballos-modal-header span{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caballos-modal-header button{background:none;border:none;cursor:pointer}.caballos-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.caballos-full{grid-column:1 / -1}.caballos-modal-body input,.caballos-modal-body select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#6a798f;font-family:inherit}.caballos-image-upload{display:flex;flex-direction:column;gap:.5rem}.caballos-upload-label{font-weight:600;color:#374151}.caballos-image-upload input[type=file]{padding:.5rem}.caballos-image-preview{width:100%;max-height:200px;object-fit:cover;border-radius:.5rem;margin-top:.5rem}.caballos-modal-buttons{display:flex;justify-content:flex-end;gap:1rem}.caballos-btn-cancel{background-color:#6c757d;color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s,transform .2s}.caballos-btn-cancel:hover{background-color:#5a6268;transform:translateY(-2px)}.caballos-btn-submit{background-color:#28a745;color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s,transform .2s}.caballos-btn-submit:hover{background-color:#218838;transform:translateY(-2px)}@media (max-width: 768px){.horse-manager-header{flex-direction:column;align-items:stretch;gap:1rem}.search-container{width:100%}.horse-table th,.horse-table td{font-size:.9rem;padding:.5rem}.horse-grid{grid-template-columns:1fr}}@media (max-width: 600px){.horse-table thead,.horse-table thead th:first-child,.horse-table tbody td:first-child{display:none}.horse-table tr{display:block;margin-bottom:1rem;border:1px solid #ddd;border-radius:.5rem;padding:.75rem;background-color:#fff}.horse-table td{display:flex;align-items:center;justify-content:space-between;border:none;padding:.3rem 0}.horse-table td:nth-child(2){font-weight:700;font-size:1.1rem;text-align:center;justify-content:center;margin-bottom:.3rem}.horse-table td:last-child{margin-top:.5rem;justify-content:center;gap:.5rem}.btn-delete,.btn-edit{font-size:.85rem;padding:.3rem .6rem}}@media (min-width: 1440px){.horse-grid{grid-template-columns:repeat(4,1fr)}}.caballo-detalle-container{max-width:1200px;margin:2rem auto;background:#fff;border-radius:8px;box-shadow:0 8px 20px #0000001a;padding:1.5rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.detalle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-back{background:#ccc;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.btn-back:hover{background:#bbb}.header-info{display:flex;flex-direction:column;align-items:flex-end}.header-info h2{margin:0;font-size:1.8rem}.etiqueta-estado{background:#e2e8f0;color:#333;padding:.3rem .6rem;border-radius:4px;font-size:.9rem}.caballo-main{display:flex;gap:2rem;margin-bottom:2rem}.caballo-imagen img{width:300px;height:200px;object-fit:cover;border:1px solid #ccc;border-radius:4px}.caballo-basicos{display:flex;flex-direction:column;justify-content:flex-start;gap:.6rem}.caballo-basicos .info-item{font-size:1rem;color:#333}.btn-exportar{background:#667eea;color:#fff;border:none;padding:.6rem 1rem;margin-top:1rem;border-radius:4px;cursor:pointer}.btn-exportar:hover{background:#5a67d8}.caballo-pedigree{margin-bottom:2rem}.caballo-pedigree h3{margin:0 0 .5rem;font-size:1.2rem}.pedigree-container{display:flex;gap:2rem;padding:1rem;border:1px dashed #ccc;border-radius:4px}.pedigree-item{display:flex;flex-direction:column;align-items:center}.pedigree-label{font-weight:700;margin-bottom:.3rem}.detalle-bottom{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.detalle-notas,.detalle-datos{border:1px solid #ddd;border-radius:4px;padding:1rem}.detalle-notas h3,.detalle-datos h3{margin-top:0;margin-bottom:.5rem;font-size:1.2rem}.detalle-datos p{margin:.3rem 0;font-size:.95rem;color:#333}.calendario-container{min-height:100vh;padding:2rem 1rem 6rem;max-width:1300px;margin:0 auto;color:#333;font-family:Roboto,sans-serif;position:relative}.toast{position:fixed;bottom:1rem;right:1rem;background-color:#444;color:#fff;padding:1rem 1.5rem;border-radius:4px;box-shadow:0 4px 12px #0003;z-index:1100}.error-message{color:#e53e3e;font-size:.9rem;margin-top:.5rem}.required{color:red}.titulo,.subtitulo{display:none}.sidebar-card{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #0000001a;margin-bottom:1rem}.sidebar-title{color:#1f2937;margin-bottom:.5rem;font-weight:700}.eventos-lista li{background:#f3f4f6;color:#1f2937;padding:.5rem;margin-bottom:.5rem;border-radius:4px}.filter-button{background-color:#f3f4f6;color:#333;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;margin-right:.5rem;margin-bottom:.5rem;transition:background-color .3s}.filter-button:hover,.filter-button.active{background-color:#444;color:#fff}.calendar-card{background:none;box-shadow:none;border:none;padding:0}.fc .fc-toolbar-title{color:#1f2937;font-weight:700}.fc .fc-button{background-color:#444;color:#fff;border:none;transition:background-color .3s}.fc .fc-button:hover{background-color:#333}.fc .fc-header-toolbar{flex-wrap:wrap}.fc .fc-toolbar-chunk{margin-bottom:.5rem}@media (max-width: 768px){.fc .fc-daygrid-day-number,.fc .fc-col-header-cell-cushion{font-size:.85rem}.fc .fc-toolbar-title{font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;box-shadow:0 8px 20px #0003;border-radius:8px;padding:2rem;max-width:700px;width:95%;margin:0 auto}.modal-content h2{color:#444;text-align:center;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.modal-form label{display:flex;flex-direction:column;margin-bottom:.75rem;font-size:.95rem;color:#333}.modal-form input,.modal-form select,.modal-form textarea{margin-top:.25rem;padding:.4rem;border:1px solid #ccc;border-radius:4px;font-family:inherit}.modal-form textarea{resize:vertical;min-height:60px}.modal-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.save-button,.delete-button,.cancel-button{border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer}.save-button{background-color:#444;color:#fff}.save-button:hover{background-color:#333}.delete-button{background-color:#e53e3e;color:#fff}.delete-button:hover{background-color:#c53030}.cancel-button{background-color:#a0aec0;color:#fff}.cancel-button:hover{background-color:#718096}.calendario-main{display:flex;gap:2rem}@media (max-width: 768px){.calendario-main{flex-direction:column;gap:1rem}.sidebar,.calendar-card{width:100%}.sidebar-card{margin-bottom:1rem}}@media (max-width: 480px){.calendario-container{padding:1rem}.toast{bottom:.5rem;right:.5rem;padding:.8rem 1rem;font-size:.9rem}.modal-content{padding:1.5rem;width:90%}.modal-form label{font-size:.9rem}.filter-button{padding:.4rem .8rem;font-size:.9rem}.fc .fc-daygrid-day-number,.fc .fc-col-header-cell-cushion{font-size:.75rem}.fc .fc-toolbar-title{font-size:.9rem}.fc .fc-button{padding:.3rem .5rem;font-size:.8rem}}.inicio-empleado{margin:10px auto;width:100%;min-height:100vh}.header{text-align:center;margin-bottom:5rem;width:100%;position:relative}.titulo{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem;text-align:center}.contenido{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;margin:0}.tarjeta{background:transparent;padding:1rem;border-radius:0;box-shadow:none;transition:transform .2s ease-in-out}.tarjeta:hover{transform:scale(1.02)}.top-card{padding:1.5rem}.tarjeta.top-card:hover{transform:none}.actions-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filter-group{display:flex;align-items:center;gap:1rem}.btn-add-horse{background-color:#28a745;color:#fff;border:none;padding:.8rem 1.8rem;font-size:1rem;font-weight:700;cursor:pointer;border-radius:30px;box-shadow:0 3px 6px #0003;display:flex;align-items:center;gap:.5rem;transition:background .3s,transform .2s,box-shadow .2s}.btn-add-horse:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.btn-add-horse .icon{width:1.2em;height:1.2em;stroke:currentColor}.btn-detail{background-color:#6c757d;color:#fff;padding:.3rem .5rem;border-radius:.5rem;transition:background-color .3s;border:none;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center}.btn-detail:hover{background-color:#5a6268}.search-container{width:320px;position:relative}.search-input{width:100%;padding:.9rem 1rem .9rem 2.8rem;border:none;border-radius:30px;background-color:#f8f9fa;box-shadow:0 3px 6px #0000001a;font-size:1rem;transition:box-shadow .3s ease;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' stroke='%23999' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cline x1='11' y1='11' x2='15' y2='15' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px 18px;background-position:.8rem center}.search-input:focus{outline:none;box-shadow:0 4px 10px #0003}.btn-sort{background-color:#ff9800;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:30px;display:flex;align-items:center;gap:.3rem;box-shadow:0 3px 6px #0003;transition:background .3s,transform .2s,box-shadow .2s}.btn-sort:hover{background-color:#fb8c00;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.btn-filter{background-color:#17a2b8;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:30px;display:flex;align-items:center;gap:.3rem;box-shadow:0 3px 6px #0003;transition:background .3s,transform .2s,box-shadow .2s}.btn-filter:hover{background-color:#138496;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.horse-table{width:100%;border-collapse:collapse;border:1px solid #ddd;margin-top:1rem;background:transparent;box-shadow:none;border-radius:0}.horse-table thead{background-color:#d1d5db;color:#374151;font-size:1rem}.horse-table th,.horse-table td{border:1px solid #ddd;padding:.85rem;text-align:left;font-size:.95rem}.horse-table tr:hover{background-color:#f3f4f6;transition:background-color .3s}.no-data-row{background-color:#fff;text-align:center;border:1px solid #ddd;border-radius:.5rem}.no-data-row td{display:block;padding:1rem;border:none;font-size:1rem;color:#666}.no-data-row td:before{content:""}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:3rem;border-radius:.5rem;width:100%;max-width:700px}.modal-content h2{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:#3e4755;border-bottom:2px solid #d1d5db;padding-bottom:.5rem}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;gap:1rem;font-size:.95rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group.full{grid-column:1 / 3}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#6a798f;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#80bdff}textarea{resize:vertical;min-height:60px}.modal-actions{grid-column:1 / 3;display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.btn-save-modal{background-color:#28a745;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:30px;cursor:pointer;font-size:.95rem;transition:background .3s,transform .2s}.btn-save-modal:hover{background-color:#218838;transform:translateY(-2px)}.btn-cancel-modal{background-color:#6c757d;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:30px;cursor:pointer;font-size:.95rem;transition:background .3s,transform .2s}.btn-cancel-modal:hover{background-color:#5a6268;transform:translateY(-2px)}.detail-modal{max-width:500px;width:90%;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 10px 20px #0003;position:relative;margin:0 auto}.detail-modal h2{font-size:1.75rem;margin-bottom:1.5rem;text-align:center;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.detail-content{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.detail-content p{width:100%;max-width:500px;display:flex;align-items:center;margin:.75rem 0;font-size:1rem;color:#333}.detail-content p strong{display:inline-block;width:120px;text-align:right;margin-right:1rem}.detail-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.25rem;cursor:pointer;color:#999;transition:color .3s}.detail-close:hover{color:#333}@media (max-width: 768px){.inicio-empleado,.contenido{max-width:100%!important;margin:0!important;padding:0 10px}.actions-row{flex-direction:column;align-items:stretch;gap:.5rem}.btn-add-horse,.search-container,.filter-group{width:100%}.tarjeta{width:100%!important;margin:0 0 1rem}.modal-content{width:95%;max-width:95%;margin:1rem auto;padding:1.5rem;border-radius:.5rem}}@media (max-width: 600px){.horse-table thead,.horse-table tbody td:first-child{display:none}.horse-table tr{display:block;margin-bottom:1rem;border:1px solid #ddd;border-radius:.5rem;padding:.75rem;background-color:#fff}.horse-table td{display:flex;align-items:center;justify-content:space-between;border:none;padding:.3rem 0}.horse-table td:nth-child(2){font-weight:700;font-size:1.1rem;text-align:center;justify-content:center;margin-bottom:.3rem}.horse-table td:last-child{margin-top:.5rem;justify-content:center;gap:.5rem}.btn-delete,.btn-edit,.btn-detail{font-size:.8rem;padding:.3rem .5rem}}.estadisticas-empleado-bg{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#f2f2f2,#d9d9d9);display:flex;justify-content:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.estadisticas-empleado-container{max-width:900px;width:100%;background-color:#fff;color:#333;padding:1.5rem;border-radius:10px;box-shadow:0 8px 24px #0000001a}.titulo{font-size:1.8rem;margin-top:0;margin-bottom:.5rem;color:#333}.subtitulo{font-size:.95rem;color:#555;margin-bottom:1.5rem}.tarjeta-resumen{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.metric{flex:1;min-width:200px;background:#f3f4f6;padding:1rem;border-radius:8px;text-align:center}.metric h3{margin-top:0;font-size:1rem;color:#444}.metric p{font-size:1.5rem;font-weight:700;color:#333;margin:.5rem 0 0}.tarjeta-grafica{background:#f3f4f6;padding:1rem;border-radius:8px}.tarjeta-grafica h3{margin-top:0;margin-bottom:1rem;color:#444;font-size:1rem}.notif-bg{padding:1rem;width:100%;min-height:100vh}.notif-container{max-width:1200px;margin:0 auto;padding:0 1rem}.notif-header{text-align:center;margin-bottom:2rem}.extra-filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;justify-content:center}.search-container{position:relative;flex:1;max-width:450px}.search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#aaa}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff;transition:box-shadow .3s}.search-input:focus{box-shadow:0 0 0 2px #667eea;outline:none}.category-select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff}.top-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1rem}.mark-all-btn{background-color:#38a169;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.mark-all-btn:hover{background-color:#2f855a}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-buttons button{background:#e2e8f0;color:#333;border:none;padding:.5rem .75rem;border-radius:20px;cursor:pointer;font-size:.9rem;transition:background .3s,color .3s}.filter-buttons button:hover,.filter-buttons button.active{background:#667eea;color:#fff}.notif-list{list-style:none;margin:0;padding:0}.notif-card{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 5px #0000001a;transition:transform .2s,opacity .3s}.notif-card:hover{transform:translate(3px)}.notif-card.read{opacity:.8}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-header h3{margin:0;font-size:1.2rem;color:#333}.card-header span{font-size:.8rem;color:#666}.card-desc{font-size:.9rem;color:#555;margin:.5rem 0}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.card-actions button{border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.3rem;transition:background .3s}.btn-read{background-color:#38a169;color:#fff}.btn-read:hover{background-color:#2f855a}.btn-archive{background-color:#718096;color:#fff}.btn-archive:hover{background-color:#4a5568}.btn-delete{background-color:#e53e3e;color:#fff}.btn-delete:hover{background-color:#c53030}.load-more-container{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.load-more-btn{background-color:#667eea;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.load-more-btn:hover{background-color:#5a67d8}.empty-msg{text-align:center;color:#666;font-size:.95rem;margin-top:2rem}@media (max-width: 600px){.notif-container{padding:.5rem}.card-header{flex-direction:column;align-items:flex-start;gap:.3rem}.card-actions{display:flex;flex-wrap:nowrap;gap:.3rem;white-space:nowrap;overflow-x:auto}.card-actions button{flex:0 0 auto;width:auto;padding:.3rem .6rem}.top-buttons,.extra-filters{flex-direction:column;align-items:flex-start}.mark-all-btn,.filter-buttons,.search-container,.category-select{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f4f4f4}.main-content{margin-top:70px;transition:margin-left .3s ease;padding:20px;overflow-y:auto;max-height:calc(100vh - 70px)}@media (min-width: 769px){.main-content{margin-left:280px;max-width:calc(100vw - 280px)}}@media (min-width: 769px){.main-content{margin-left:280px}}@media (max-width: 768px){.main-content{overflow-y:auto;max-height:100vh}}.footer{background-color:#222;color:#fff;text-align:center;padding:10px}