@charset "UTF-8";:root{--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;min-height:100vh}.admin-layout{min-height:100vh;display:flex;background-color:#f5f6fa;position:relative}.admin-content{flex:1;margin-left:280px;min-height:100vh;display:flex;flex-direction:column;background-color:#f0f2f5;position:relative;width:calc(100% - 280px);transition:margin-left .3s ease}.admin-header{height:60px;background-color:#fff;border-bottom:1px solid #e6e9f0;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;box-shadow:0 1px 2px #0000001a}.admin-main{flex:1;padding:2rem;overflow-x:hidden;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.admin-main .content-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:2rem;margin-bottom:2rem;min-height:calc(100vh - 60px - 4rem)}@media (max-width: 768px){.admin-content{margin-left:0;width:100%}.admin-header{padding:0 1rem}.admin-main{padding:1rem}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:20}nav a{color:#fff;margin:0 1rem;text-decoration:none}.disponibilidad-manager{padding:2rem;max-width:1400px;margin:0 auto}.disponibilidad-manager .manager-header{text-align:center;margin-bottom:2rem}.disponibilidad-manager .manager-header h2{color:#926400;font-size:2.5rem;margin-bottom:.5rem;font-weight:600}.disponibilidad-manager .manager-header p{color:#666;font-size:1.1rem}.disponibilidad-manager .tabs-navigation{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.disponibilidad-manager .tabs-navigation .tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.disponibilidad-manager .tabs-navigation .tab-button .icon{font-size:1.2rem}.disponibilidad-manager .tabs-navigation .tab-button:hover{color:#926400;background:#9264000d}.disponibilidad-manager .tabs-navigation .tab-button.active{color:#926400;border-bottom-color:#926400;background:#9264001a}.disponibilidad-manager .disponibilidad-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}@media (max-width: 1024px){.disponibilidad-manager .disponibilidad-content{grid-template-columns:1fr;gap:1.5rem}}.disponibilidad-manager .form-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;height:fit-content}.disponibilidad-manager .form-section h3{display:flex;align-items:center;gap:.5rem;color:#926400;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.disponibilidad-manager .form-section h3 .icon{color:olive}.disponibilidad-manager .list-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.disponibilidad-manager .list-section h3{display:flex;align-items:center;gap:.5rem;color:#926400;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.disponibilidad-manager .list-section h3 .icon{color:olive}.disponibilidad-manager .disponibilidad-form{display:flex;flex-direction:column;gap:1.5rem}.disponibilidad-manager .disponibilidad-form .form-group{display:flex;flex-direction:column;gap:.5rem}.disponibilidad-manager .disponibilidad-form .form-group label{color:#333;font-weight:500;font-size:1rem}.disponibilidad-manager .disponibilidad-form .form-group input,.disponibilidad-manager .disponibilidad-form .form-group select,.disponibilidad-manager .disponibilidad-form .form-group textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease}.disponibilidad-manager .disponibilidad-form .form-group input:focus,.disponibilidad-manager .disponibilidad-form .form-group select:focus,.disponibilidad-manager .disponibilidad-form .form-group textarea:focus{outline:none;border-color:#926400;box-shadow:0 0 0 3px #9264001a}.disponibilidad-manager .disponibilidad-form .form-group textarea{resize:vertical;min-height:80px}.disponibilidad-manager .disponibilidad-form .form-group.checkbox-group{flex-direction:row;align-items:center}.disponibilidad-manager .disponibilidad-form .form-group.checkbox-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.disponibilidad-manager .disponibilidad-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{width:auto;margin:0;transform:scale(1.2)}.disponibilidad-manager .disponibilidad-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.disponibilidad-manager .disponibilidad-form .form-row{grid-template-columns:1fr}}.disponibilidad-manager .disponibilidad-form .form-buttons{display:flex;gap:1rem;margin-top:1rem}.disponibilidad-manager .disponibilidad-form .form-buttons .submit-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#926400;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.disponibilidad-manager .disponibilidad-form .form-buttons .submit-button:hover:not(:disabled){background:#7a5400;transform:translateY(-2px);box-shadow:0 4px 12px #9264004d}.disponibilidad-manager .disponibilidad-form .form-buttons .submit-button:disabled{opacity:.6;cursor:not-allowed}.disponibilidad-manager .disponibilidad-form .form-buttons .cancel-button{padding:.75rem 1.5rem;background:transparent;color:#666;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.disponibilidad-manager .disponibilidad-form .form-buttons .cancel-button:hover{background:#f5f5f5;border-color:#ccc}.disponibilidad-manager .horarios-list{display:flex;flex-direction:column;gap:2rem}.disponibilidad-manager .horarios-list .dia-group .dia-titulo{color:#926400;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(146,100,0,.2)}.disponibilidad-manager .horarios-list .dia-group .horarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.disponibilidad-manager .horarios-list .horario-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:1rem;transition:all .2s ease}.disponibilidad-manager .horarios-list .horario-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.disponibilidad-manager .horarios-list .horario-card.inactive{opacity:.6;background:#f5f5f5}.disponibilidad-manager .horarios-list .horario-card .horario-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.disponibilidad-manager .horarios-list .horario-card .horario-info .horario-tiempo{font-size:1.1rem;font-weight:600;color:#333}.disponibilidad-manager .horarios-list .horario-card .horario-info .horario-servicio{font-size:.9rem;color:#666;background:#9264001a;padding:.25rem .5rem;border-radius:4px;width:fit-content}.disponibilidad-manager .horarios-list .horario-card .horario-info .horario-estado{display:flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:500}.disponibilidad-manager .horarios-list .horario-card .horario-info .horario-estado.activo{color:#28a745}.disponibilidad-manager .horarios-list .horario-card .horario-info .horario-estado.inactivo{color:#dc3545}.disponibilidad-manager .horarios-list .horario-card .horario-actions{display:flex;gap:.5rem}.disponibilidad-manager .horarios-list .horario-card .horario-actions button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.disponibilidad-manager .horarios-list .horario-card .horario-actions button.edit-button{background:#007bff;color:#fff}.disponibilidad-manager .horarios-list .horario-card .horario-actions button.edit-button:hover{background:#0056b3}.disponibilidad-manager .horarios-list .horario-card .horario-actions button.delete-button{background:#dc3545;color:#fff}.disponibilidad-manager .horarios-list .horario-card .horario-actions button.delete-button:hover{background:#c82333}.disponibilidad-manager .dias-list{display:flex;flex-direction:column;gap:1rem}.disponibilidad-manager .dias-list .empty-state{text-align:center;padding:3rem;color:#666;font-style:italic}.disponibilidad-manager .dias-list .dia-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.disponibilidad-manager .dias-list .dia-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.disponibilidad-manager .dias-list .dia-card.inactive{opacity:.6;background:#f5f5f5}.disponibilidad-manager .dias-list .dia-card .dia-info{display:flex;flex-direction:column;gap:.5rem}.disponibilidad-manager .dias-list .dia-card .dia-info .dia-fecha{font-size:1.1rem;font-weight:600;color:#333;text-transform:capitalize}.disponibilidad-manager .dias-list .dia-card .dia-info .dia-descripcion{color:#666;font-size:.95rem}.disponibilidad-manager .dias-list .dia-card .dia-info .dia-estado{display:flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:500}.disponibilidad-manager .dias-list .dia-card .dia-info .dia-estado.activo{color:#28a745}.disponibilidad-manager .dias-list .dia-card .dia-info .dia-estado.inactivo{color:#dc3545}.disponibilidad-manager .dias-list .dia-card .dia-actions{display:flex;gap:.5rem}.disponibilidad-manager .dias-list .dia-card .dia-actions button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.disponibilidad-manager .dias-list .dia-card .dia-actions button.edit-button{background:#007bff;color:#fff}.disponibilidad-manager .dias-list .dia-card .dia-actions button.edit-button:hover{background:#0056b3}.disponibilidad-manager .dias-list .dia-card .dia-actions button.delete-button{background:#dc3545;color:#fff}.disponibilidad-manager .dias-list .dia-card .dia-actions button.delete-button:hover{background:#c82333}.disponibilidad-manager .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#666}.disponibilidad-manager .loading-container .loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #926400;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.disponibilidad-manager{padding:1rem}.disponibilidad-manager .manager-header h2{font-size:2rem}.disponibilidad-manager .tabs-navigation{flex-direction:column;gap:0}.disponibilidad-manager .tabs-navigation .tab-button{padding:1rem;border-radius:0;border-bottom:1px solid #e0e0e0}.disponibilidad-manager .tabs-navigation .tab-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.disponibilidad-manager .tabs-navigation .tab-button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.disponibilidad-manager .form-section,.disponibilidad-manager .list-section{padding:1.5rem}.disponibilidad-manager .horarios-grid{grid-template-columns:1fr!important}.disponibilidad-manager .dia-card{flex-direction:column;align-items:flex-start;gap:1rem}.disponibilidad-manager .dia-card .dia-actions{align-self:flex-end}}.user-manager{padding:20px;max-width:1400px;margin:0 auto}.user-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.user-manager__header h1{color:#2d3748;font-size:2rem;font-weight:600;margin:0}.user-manager__tabs{display:flex;gap:10px}.user-manager__tabs .tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;font-weight:500;cursor:pointer;transition:all .3s ease}.user-manager__tabs .tab:hover{background:#edf2f7;border-color:#cbd5e0}.user-manager__tabs .tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.user-manager__tabs .tab i{font-size:1.1rem}.users-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.users-section .section-header .search-form form{display:flex;gap:10px}.users-section .section-header .search-form form input{padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;width:300px;transition:border-color .3s ease}.users-section .section-header .search-form form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.users-section .section-header .search-form form button{padding:10px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.users-section .section-header .search-form form button:hover{background:#5a67d8}.users-section .users-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;border:1px solid #e2e8f0}.users-section .users-table table{width:100%;border-collapse:collapse}.users-section .users-table table th{background:#f7fafc;padding:16px;text-align:left;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;font-size:14px}.users-section .users-table table td{padding:16px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.users-section .users-table table td .user-info strong{display:block;color:#2d3748;font-weight:600}.users-section .users-table table td .user-info small{color:#718096;font-size:12px}.users-section .users-table table td .role-info .role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-bottom:4px}.users-section .users-table table td .role-info .role-badge.admin{background:#fed7d7;color:#c53030}.users-section .users-table table td .role-info .role-badge.user{background:#c6f6d5;color:#276749}.users-section .users-table table td .role-info small{display:block;color:#718096;font-size:11px}.users-section .users-table table td .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.users-section .users-table table td .status-badge.active{background:#c6f6d5;color:#276749}.users-section .users-table table td .status-badge.inactive{background:#fed7d7;color:#c53030}.users-section .users-table table td .actions{display:flex;gap:8px}.users-section .users-table table td .actions .btn{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s ease}.users-section .users-table table td .actions .btn.btn-sm{padding:4px 8px}.users-section .users-table table td .actions .btn.btn-secondary{background:#e2e8f0;color:#4a5568}.users-section .users-table table td .actions .btn.btn-secondary:hover{background:#cbd5e0}.users-section .users-table table td .actions .btn.btn-warning{background:#fed7d7;color:#c53030}.users-section .users-table table td .actions .btn.btn-warning:hover{background:#feb2b2}.users-section .users-table table td .actions .btn.btn-success{background:#c6f6d5;color:#276749}.users-section .users-table table td .actions .btn.btn-success:hover{background:#9ae6b4}.users-section .users-table .loading{text-align:center;padding:40px;color:#718096}.users-section .pagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.users-section .pagination .pagination-btn{padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:6px;cursor:pointer;transition:all .3s ease}.users-section .pagination .pagination-btn:hover{background:#f7fafc;border-color:#cbd5e0}.users-section .pagination .pagination-btn.active{background:#667eea;color:#fff;border-color:#667eea}.roles-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.roles-section .section-header h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.roles-section .roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.roles-section .roles-grid .role-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.roles-section .roles-grid .role-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.roles-section .roles-grid .role-card__header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f7fafc;border-bottom:1px solid #e2e8f0}.roles-section .roles-grid .role-card__header h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0}.roles-section .roles-grid .role-card__header .role-actions{display:flex;gap:8px}.roles-section .roles-grid .role-card__header .role-actions .btn{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s ease}.roles-section .roles-grid .role-card__header .role-actions .btn.btn-sm{padding:4px 8px}.roles-section .roles-grid .role-card__header .role-actions .btn.btn-secondary{background:#e2e8f0;color:#4a5568}.roles-section .roles-grid .role-card__header .role-actions .btn.btn-secondary:hover{background:#cbd5e0}.roles-section .roles-grid .role-card__header .role-actions .btn.btn-danger{background:#fed7d7;color:#c53030}.roles-section .roles-grid .role-card__header .role-actions .btn.btn-danger:hover:not(:disabled){background:#feb2b2}.roles-section .roles-grid .role-card__header .role-actions .btn.btn-danger:disabled{opacity:.5;cursor:not-allowed}.roles-section .roles-grid .role-card__body{padding:20px}.roles-section .roles-grid .role-card__body .role-description{color:#718096;font-size:14px;margin-bottom:15px;line-height:1.5}.roles-section .roles-grid .role-card__body .role-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.roles-section .roles-grid .role-card__body .role-stats .stat{display:flex;align-items:center;gap:6px;color:#4a5568;font-size:14px}.roles-section .roles-grid .role-card__body .role-stats .stat i{color:#718096}.roles-section .roles-grid .role-card__body .role-permissions strong{display:block;color:#2d3748;font-size:14px;margin-bottom:8px}.roles-section .roles-grid .role-card__body .role-permissions .permissions-list{display:flex;flex-wrap:wrap;gap:6px}.roles-section .roles-grid .role-card__body .role-permissions .permissions-list .permission-tag{background:#edf2f7;color:#4a5568;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.roles-section .roles-grid .role-card__body .role-permissions .permissions-list .permission-more{background:#667eea;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.roles-section .roles-grid .role-card__footer{padding:15px 20px;background:#f7fafc;border-top:1px solid #e2e8f0}.roles-section .roles-grid .role-card__footer small{color:#718096;font-size:12px}.roles-section .roles-grid .loading{grid-column:1/-1;text-align:center;padding:40px;color:#718096}.form-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.form-modal__content{background:#fff;border-radius:12px;box-shadow:0 20px 25px #0000001a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.form-modal__content.role-form{max-width:800px}.form-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.form-modal__header h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0}.form-modal__header .close-btn{background:none;border:none;font-size:1.2rem;color:#718096;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease}.form-modal__header .close-btn:hover{background:#f7fafc;color:#4a5568}.form-modal form{padding:20px}.form-modal form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}@media (max-width: 768px){.form-modal form .form-grid{grid-template-columns:1fr}}.form-modal form .form-group{margin-bottom:20px}.form-modal form .form-group label{display:block;color:#2d3748;font-weight:500;margin-bottom:6px;font-size:14px}.form-modal form .form-group input,.form-modal form .form-group select,.form-modal form .form-group textarea{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-modal form .form-group input:focus,.form-modal form .form-group select:focus,.form-modal form .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-modal form .form-group textarea{resize:vertical;min-height:80px}.form-modal form .permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;max-height:300px;overflow-y:auto;padding:15px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.form-modal form .permissions-grid .permission-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.form-modal form .permissions-grid .permission-item:hover{background:#edf2f7}.form-modal form .permissions-grid .permission-item input[type=checkbox]{width:auto;margin:0}.form-modal form .permissions-grid .permission-item span{font-size:13px;color:#4a5568;font-family:Courier New,monospace}.form-modal form .form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0}.form-modal form .form-actions .btn{padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.form-modal form .form-actions .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-modal form .form-actions .btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.form-modal form .form-actions .btn.btn-secondary{background:#e2e8f0;color:#4a5568}.form-modal form .form-actions .btn.btn-secondary:hover{background:#cbd5e0}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:14px}.btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn.btn-secondary{background:#e2e8f0;color:#4a5568}.btn.btn-secondary:hover{background:#cbd5e0}.btn i{font-size:1rem}@media (max-width: 768px){.user-manager{padding:15px}.user-manager__header{flex-direction:column;gap:20px;align-items:stretch}.user-manager__header h1{text-align:center}.user-manager__tabs{justify-content:center}.users-section .section-header{flex-direction:column;gap:15px;align-items:stretch}.users-section .section-header .search-form form{flex-direction:column}.users-section .section-header .search-form form input{width:100%}.users-table{overflow-x:auto}.users-table table{min-width:800px}.roles-grid{grid-template-columns:1fr}.form-modal{padding:10px}.form-modal__content{max-height:95vh}}.hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100vh;overflow:hidden;color:#fff;position:relative}.hero .media-container{position:absolute;top:0;left:0;width:110%;height:100%;z-index:-1}.hero .media-container .video,.hero .media-container .hero-image{width:100%;height:100%;object-fit:cover}.hero .media-container .hero-image{display:block}.hero .hero-content{z-index:1;max-width:450px;margin-left:20px;background-color:#969a895f;padding:20px;border-radius:10px}.hero .hero-content h1{font-size:2.5rem;margin-bottom:1rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.hero .hero-content p{font-size:1rem;line-height:1.5;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3)}.hero .hero-links{position:absolute;bottom:20px;width:100%;z-index:2;display:flex;justify-content:center}.hero .hero-links .timeline{position:relative;display:flex;align-items:center;justify-content:space-around;width:80%;border-top:2px solid rgba(255,255,255,.5);padding-top:1rem}.hero .hero-links .timeline .timeline-fill{position:absolute;top:0;left:0;height:2px;background-color:#fff;transition:width 1s linear}.hero .hero-links .timeline .timeline-item{position:relative;text-align:center;z-index:1}.hero .hero-links .timeline .timeline-item.active .timeline-point{background-color:#fff}.hero .hero-links .timeline .timeline-item a{color:#fff;text-decoration:none;font-size:1rem;margin-top:10px;display:block}.hero .hero-links .timeline .timeline-item a:hover{text-decoration:underline}.hero .hero-links .timeline .timeline-item .timeline-point{width:10px;height:10px;background-color:#ffffff80;border-radius:50%;margin:0 auto;position:absolute;top:-7px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.hero .media-container .hero-image{object-fit:cover;object-position:center}.hero .media-container .video{display:none}.hero .hero-content{margin-left:10px;margin-right:10px;padding:15px;max-width:calc(100% - 20px)}.hero .hero-content h1{font-size:1.8rem;margin-bottom:.5rem}.hero .hero-content p{font-size:.9rem;line-height:1.4}.hero .hero-links{bottom:10px}.hero .hero-links .timeline{width:90%;flex-direction:column;gap:.5rem}.hero .hero-links .timeline .timeline-item{margin-bottom:.5rem}.hero .hero-links .timeline .timeline-item a{font-size:.8rem}.hero .hero-links .timeline .timeline-item .timeline-point{width:8px;height:8px}}@media (max-width: 600px){.hero .hero-content{margin-left:10px;padding:15px}.hero .hero-content h1{font-size:2rem}.hero .hero-content p{font-size:.875rem}.hero .hero-links .timeline{flex-direction:column}.hero .hero-links .timeline .timeline-item{margin-bottom:.5rem}.hero .hero-links .timeline .timeline-item a{font-size:.875rem}}.reserva-form{padding:2rem;background-color:#f9f8f6;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:600px;margin:6rem auto 2rem}.reserva-form h2{font-size:2rem;color:#8b572a;margin-bottom:1rem}.reserva-form form{display:flex;flex-direction:column;gap:1rem}.reserva-form form label{font-size:1rem;color:#4a4a4a}.reserva-form form label input,.reserva-form form label select{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ccc;border-radius:5px}.reserva-form form button{padding:.5rem 1rem;background-color:#86a259;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer}.reserva-form form button:hover{background-color:#6b8147}@media (max-width: 600px){.reserva-form{padding:1rem;margin-top:4rem}.reserva-form h2{font-size:1.5rem}.reserva-form form{gap:.5rem}.reserva-form form label{font-size:.875rem}.reserva-form form label input,.reserva-form form label select{padding:.5rem}.reserva-form form button{padding:.5rem;font-size:.875rem}}.acerca-form h2,.acerca-form h3{color:#8b572a}.acerca-form form{display:flex;flex-direction:column;gap:1rem}.acerca-form form label{font-size:1rem;color:#4a4a4a}.acerca-form form label textarea,.acerca-form form label input{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ccc;border-radius:5px}.acerca-form form button{padding:.5rem 1rem;background-color:#040404;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer}.acerca-form form button:hover{background-color:#040404}.acerca-form ul{list-style-type:none;padding:0}.acerca-form ul li{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid #ccc;border-radius:5px;margin-top:1rem;background-color:#f9f8f6}.acerca-form ul li img{max-width:100%;height:auto}.acerca-form ul li button{margin-top:.5rem;padding:.5rem 1rem;background-color:#040404;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer}.acerca-form ul li button:hover{background-color:#71451b}.acerca-form ul li button+button{background-color:#040404;margin-left:.5rem}.acerca-form ul li button+button:hover{background-color:#040404}.programa-form{padding:2rem;max-width:800px;margin:0 auto}.programa-form h2,.programa-form h3{text-align:center;margin-bottom:1.5rem}.programa-form form{display:flex;flex-direction:column;gap:1rem}.programa-form form label{display:flex;flex-direction:column;font-size:1.25rem}.programa-form form label input,.programa-form form label textarea,.programa-form form label select{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:5px;margin-top:.5rem}.programa-form form button{padding:1rem;background-color:#6b8147;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.25rem}.programa-form form button:disabled{background-color:#86a259;opacity:.6;cursor:not-allowed}.programa-form .programa-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:1rem;border:1px solid #ccc;border-radius:5px;margin-top:1rem}.programa-form .programa-header h4{margin:0;font-size:1.5rem}.programa-form .programa-header p{margin:0;color:#666;font-size:1rem}.programa-form .programa-details{padding:1rem;border:1px solid #ccc;border-radius:5px;margin-top:1rem}.programa-form .programa-details img{max-width:100%;margin-top:1rem}.programa-form .programa-details button{margin-top:1rem;font-size:1rem}@media (max-width: 768px){.programa-form{padding:1rem}.programa-form h2,.programa-form h3{font-size:1.5rem}.programa-form form{gap:.5rem}.programa-form form label{font-size:1rem}.programa-form form label input,.programa-form form label textarea,.programa-form form label select,.programa-form form button{font-size:1rem;padding:.75rem}}.acerca{padding:4rem 2rem;background-color:#f9f8f6;text-align:center}.acerca .acerca-content{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:2rem}.acerca .acerca-content .acerca-text{flex:1;max-width:500px;text-align:left}.acerca .acerca-content .acerca-text h2{font-size:2rem;color:#040404;margin-bottom:1rem}.acerca .acerca-content .acerca-text p{font-size:1rem;color:#4a4a4a;line-height:1.6;margin-bottom:1rem}.acerca .acerca-content .acerca-text .download-brochure{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background-color:#6b8147;color:#fff;text-decoration:none;border-radius:5px;font-size:1rem;font-weight:600}.acerca .acerca-content .acerca-text .download-brochure:hover{background-color:#86a259}.acerca .acerca-content .acerca-image{flex:1;max-width:500px;text-align:center}.acerca .acerca-content .acerca-image img{max-width:100%;border-radius:10px}@media (max-width: 768px){.acerca .acerca-content{flex-direction:column;align-items:center}.acerca .acerca-content .acerca-text{text-align:center}.acerca .acerca-content .acerca-text h2{font-size:1.5rem}.acerca .acerca-content .acerca-text p,.acerca .acerca-content .acerca-text .download-brochure{font-size:.875rem}.acerca .acerca-content .acerca-image{text-align:center}.acerca .acerca-content .acerca-image img{width:100%;height:auto}}.date-range-picker .trigger-button{width:300px;display:flex;align-items:center;justify-content:flex-start;text-align:left;font-weight:400;background-color:#fff;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer}.date-range-picker .popover-content{padding:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 1px 2px #0000000d}.date-range-picker .popover-content .preset-buttons{display:flex;align-items:center;gap:.25rem;padding:.5rem;border-bottom:1px solid #e5e7eb;background-color:#040404}.date-range-picker .popover-content .preset-buttons .preset-button{height:1.75rem;padding:0 .5rem;font-size:.75rem;font-weight:400;color:#fff;background:transparent;border:none;border-radius:.25rem;cursor:pointer}.date-range-picker .popover-content .preset-buttons .preset-button:hover{background-color:#ffffff1a}.date-range-picker .popover-content .calendar-wrapper{padding:1rem;border-bottom:1px solid #e5e7eb}.date-range-picker .popover-content .calendar-wrapper .rdp{margin:0}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-months,.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-month{background-color:#fff}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-caption .rdp-caption_label{font-size:.875rem;font-weight:500;color:#040404}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-caption .rdp-nav button{color:#040404;width:2rem;height:2rem}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-caption .rdp-nav button:hover:not([disabled]){background-color:#f3f4f6}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-caption .rdp-nav button[disabled]{opacity:.5}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-head_cell{font-size:.75rem;font-weight:500;color:#040404;text-transform:uppercase}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-cell{padding:0}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-button{font-size:.875rem;color:#374151;border-radius:.25rem;width:2rem;height:2rem;margin:0}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-button:hover:not([disabled]){background-color:#f3f4f6}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-button[disabled]{opacity:.5}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-day_selected,.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-day_range_start,.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-day_range_end{background-color:#040404!important;color:#fff!important}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-day_selected:hover,.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-day_range_start:hover,.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-day_range_end:hover{background-color:#000!important}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-day_range_middle{background-color:#0404041a!important;color:#374151!important}.date-range-picker .popover-content .calendar-wrapper .rdp .rdp-day_today{font-weight:700;color:#040404}.date-range-picker .popover-content .actions{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-top:1px solid #e5e7eb}.date-range-picker .popover-content .actions .action-button{flex:1;height:2rem;font-size:.875rem;border-radius:.25rem;cursor:pointer}.date-range-picker .popover-content .actions .action-button.clear{background-color:#fff;border:1px solid #e5e7eb;color:#374151}.date-range-picker .popover-content .actions .action-button.clear:hover:not(:disabled){background-color:#f3f4f6}.date-range-picker .popover-content .actions .action-button.clear:disabled{opacity:.5;cursor:not-allowed}.date-range-picker .popover-content .actions .action-button.clear .clear-icon{margin-right:.5rem;height:.75rem;width:.75rem}.date-range-picker .popover-content .actions .action-button.apply{background-color:#040404;color:#fff;border:none}.date-range-picker .popover-content .actions .action-button.apply:hover{background-color:#000}:root{--panel-left-width: 280px;--panel-right-width: calc(100% - 280px) ;--header-height: 60px}.dashboard{display:flex;min-height:100vh;width:100%;background-color:#f1f3f4;overflow:hidden;position:relative}.dashboard-panel-right{width:var(--panel-right-width);min-height:100vh;margin-left:var(--panel-left-width);display:flex;flex-direction:column;background-color:#f1f3f4;position:relative}.dashboard .sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--panel-left-width);z-index:1000}.dashboard-header{height:var(--header-height);background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1020;width:100%;padding:0 1.5rem;margin-bottom:3rem}.dashboard-header .navbar{height:100%;display:flex;justify-content:space-between;align-items:center}.dashboard-header .navbar .user-info{display:flex;align-items:center;gap:.5rem}.dashboard-header .navbar .user-info img{width:40px;height:40px;border-radius:50%}.dashboard-main{flex:1;padding:2rem;overflow-y:auto}.dashboard-main .content-container{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;min-height:calc(100vh - var(--header-height) - 2rem * 2)}.servicio-form,.programa-form{max-width:800px;margin:0 auto}.servicio-form h2,.programa-form h2{font-size:1.5rem;color:#040404;margin-bottom:1.5rem;text-align:center}.servicio-form form,.programa-form form{display:flex;flex-direction:column;gap:1.5rem}.servicio-form form label,.programa-form form label{font-size:1rem;color:#1f2937;display:flex;flex-direction:column;font-weight:500}.servicio-form form label input,.servicio-form form label textarea,.programa-form form label input,.programa-form form label textarea{width:100%;padding:1rem;margin-top:.25rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:1rem}.servicio-form form label input:focus,.servicio-form form label textarea:focus,.programa-form form label input:focus,.programa-form form label textarea:focus{outline:none;border-color:#040404;box-shadow:0 0 0 3px #0404041a}.servicio-form form label textarea,.programa-form form label textarea{resize:vertical;min-height:120px;line-height:1.5}.servicio-form form .form-actions,.programa-form form .form-actions{display:flex;gap:1rem;margin-top:1rem}.servicio-form form .form-actions button,.programa-form form .form-actions button{padding:1rem 1.5rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease-in-out}.servicio-form form .form-actions button.btn-guardar,.programa-form form .form-actions button.btn-guardar{background-color:#040404;color:#fff;flex:1}.servicio-form form .form-actions button.btn-guardar:hover,.programa-form form .form-actions button.btn-guardar:hover{background-color:#7a8f5a}.servicio-form form .form-actions button.btn-cancelar,.programa-form form .form-actions button.btn-cancelar{background-color:#f1f3f4;color:#1f2937}.servicio-form form .form-actions button.btn-cancelar:hover,.programa-form form .form-actions button.btn-cancelar:hover{background-color:#e3e7e9}@media (max-width: 1024px){:root{--panel-left-width: 250px;--panel-right-width: 100%}.dashboard-panel-right{margin-left:0;width:100%}.dashboard-main,.content-container{padding:1rem}}@media (max-width: 640px){.dashboard-main,.content-container{padding:.5rem}}.menu-form{padding:2rem;background-color:#f9f8f6;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:800px;margin:2rem auto}.menu-form h2{font-size:2rem;color:#8b572a;margin-bottom:1rem}.menu-form form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.menu-form form label{font-size:1rem;color:#4a4a4a;display:flex;flex-direction:column}.menu-form form label input{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ccc;border-radius:5px}.menu-form form button{padding:.5rem 1rem;background-color:#8b572a;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer}.menu-form form button:hover{background-color:#71451b}.menu-form h3{font-size:1.5rem;color:#8b572a;margin-bottom:1rem}.menu-form ul{list-style:none;padding:0}.menu-form ul li{padding:1rem;background-color:#fff;border:1px solid #ccc;border-radius:5px;margin-bottom:1rem}.menu-form ul li h4{font-size:1.25rem;margin:0;color:#8b572a}@media (max-width: 600px){.menu-form{padding:1rem}.menu-form h2{font-size:1.5rem}.menu-form form label{font-size:.875rem}.menu-form form label input{padding:.5rem}.menu-form form button{padding:.5rem;font-size:.875rem}.menu-form h3{font-size:1.25rem}.menu-form ul li{padding:.5rem}.menu-form ul li h4{font-size:1rem}}.acerca-form{padding:2rem;background-color:#f9f8f6;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:800px;margin:2rem auto}.acerca-form h2{font-size:2rem;color:#8b572a;margin-bottom:1rem}.acerca-form form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.acerca-form form label{font-size:1rem;color:#4a4a4a;display:flex;flex-direction:column}.acerca-form form label input,.acerca-form form label textarea{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ccc;border-radius:5px}.acerca-form form label textarea{resize:vertical;height:100px}.acerca-form form button{padding:.5rem 1rem;background-color:#8b572a;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer}.acerca-form form button:hover{background-color:#71451b}@media (max-width: 600px){.acerca-form{padding:1rem}.acerca-form h2{font-size:1.5rem}.acerca-form form label{font-size:.875rem}.acerca-form form label input,.acerca-form form label textarea{padding:.5rem}.acerca-form form button{padding:.5rem;font-size:.875rem}}.reserva-list{padding:2rem;background-color:#f9f8f6;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:800px;margin:2rem auto}.reserva-list h2{font-size:2rem;color:#8b572a;margin-bottom:1rem}.reserva-list ul{list-style:none;padding:0}.reserva-list ul li{padding:1rem;background-color:#fff;border:1px solid #ccc;border-radius:5px;margin-bottom:1rem}.reserva-list ul li h4{font-size:1.25rem;margin:0;color:#8b572a}.reserva-list ul li p{margin:.5rem 0 0;color:#4a4a4a}@media (max-width: 600px){.reserva-list{padding:1rem}.reserva-list h2{font-size:1.5rem}.reserva-list ul li{padding:.5rem}.reserva-list ul li h4{font-size:1rem}.reserva-list ul li p{font-size:.875rem}}.footer{background-color:#000;background-image:url(../images/hojasfooter-min.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;color:#fff;padding:4rem 1.5rem;margin-top:auto;flex-shrink:0}.footer:before{content:"";position:absolute;inset:0;background-color:#000000bf;z-index:1}.footer .footer-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;margin-bottom:2rem}.footer .footer-content .footer-section h3{color:#fff;font-size:1.25rem;margin-bottom:1.5rem;font-weight:600;position:relative;padding-bottom:.5rem;opacity:1}.footer .footer-content .footer-section h3:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#6b8147;opacity:.5}.footer .footer-content .footer-section.about{grid-column:1/2}.footer .footer-content .footer-section.about .about-text{line-height:1.6;margin-bottom:1.5rem;color:#ffffffbf;font-size:.875rem}.footer .footer-content .footer-section.about .social-links{display:flex;gap:1rem}.footer .footer-content .footer-section.about .social-links a{width:36px;height:36px;border-radius:9999px;background-color:#ffffff40;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;transition:all .3s ease-in-out}.footer .footer-content .footer-section.about .social-links a:hover{background-color:#ffffff80;color:#6b8147}.footer .footer-content .footer-section.links ul,.footer .footer-content .footer-section.services ul,.footer .footer-content .footer-section.blog-categories ul{list-style:none;padding:0;margin:0}.footer .footer-content .footer-section.links ul li,.footer .footer-content .footer-section.services ul li,.footer .footer-content .footer-section.blog-categories ul li{margin-bottom:1rem}.footer .footer-content .footer-section.links ul li a,.footer .footer-content .footer-section.services ul li a,.footer .footer-content .footer-section.blog-categories ul li a{color:#ffffffbf;text-decoration:none;font-size:.875rem;transition:all .3s ease-in-out;padding:.25rem 0}.footer .footer-content .footer-section.links ul li a:hover,.footer .footer-content .footer-section.services ul li a:hover,.footer .footer-content .footer-section.blog-categories ul li a:hover{color:#6b8147}.footer .footer-content .footer-section.blog-categories{background:transparent!important;padding:0!important;margin:0!important}.footer .footer-content .footer-section.blog-categories h3{color:#fff!important}.footer .footer-content .footer-section.blog-categories ul li a{color:#ffffffbf!important}.footer .footer-content .footer-section.blog-categories ul li a:hover{color:#6b8147!important}.footer .footer-content .footer-section.contact .contact-info p{display:flex;align-items:center;margin-bottom:1rem;color:#ffffffbf;font-size:.875rem}.footer .footer-content .footer-section.contact .contact-info p i{width:20px;color:#6b8147;margin-right:1rem;opacity:.75;font-size:1rem}.footer .footer-content .footer-section.contact .contact-info p a{color:#ffffffbf;text-decoration:none;transition:all .3s ease-in-out}.footer .footer-content .footer-section.contact .contact-info p a:hover{color:#6b8147}.footer .footer-bottom{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.25);padding-top:1.5rem;text-align:center}.footer .footer-bottom .footer-logo{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.footer .footer-bottom .footer-logo img{height:120px;opacity:.75;transition:all .3s ease-in-out}.footer .footer-bottom .footer-logo img:hover{opacity:1}.footer .footer-bottom .copyright{color:#fff;font-size:.875rem;text-align:center}.footer .footer-bottom .copyright p{margin:.25rem 0;color:#fff!important}.footer .footer-bottom .copyright .fa-heart{color:#6b8147;margin:0 .25rem;opacity:.75}@media (max-width: 1024px){.footer .footer-content{grid-template-columns:repeat(3,1fr);gap:2rem}.footer .footer-content .footer-section.about{grid-column:1/-1;text-align:center}}@media (max-width: 768px){.footer{padding:2rem 1rem}.footer .footer-content{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.footer .footer-content .footer-section{text-align:center}.footer .footer-content .footer-section h3{margin-bottom:1rem}.footer .footer-content .footer-section h3:after{left:50%;transform:translate(-50%)}.footer .footer-content .footer-section.about .social-links{justify-content:center}.footer .footer-content .footer-section.links ul li,.footer .footer-content .footer-section.services ul li,.footer .footer-content .footer-section.blog-categories ul li{text-align:center}.footer .footer-content .footer-section.links ul li a,.footer .footer-content .footer-section.services ul li a,.footer .footer-content .footer-section.blog-categories ul li a{display:inline-block;padding:.25rem .5rem}.footer .footer-content .footer-section.blog-categories{background:transparent!important;padding:0!important;margin:0!important}.footer .footer-content .footer-section.blog-categories h3{color:#fff!important}.footer .footer-content .footer-section.blog-categories ul li a{color:#ffffffbf!important}.footer .footer-content .footer-section.blog-categories ul li a:hover{color:#6b8147!important}.footer .footer-content .footer-section.contact .contact-info p{justify-content:center;text-align:center;flex-direction:column;gap:.25rem}.footer .footer-content .footer-section.contact .contact-info p i{margin-right:0;margin-bottom:.25rem}.footer .footer-bottom .footer-logo{margin-bottom:1rem}.footer .footer-bottom .footer-logo img{height:90px}}.admin-page{display:flex;justify-content:space-between;padding:2rem;background-color:#f9f8f6}@media (max-width: 768px){.admin-page{flex-direction:column;padding:1rem}}.admin-page .form-section{width:30%;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.admin-page .form-section h2{font-size:1.5rem;color:#040404;margin-bottom:1rem}.admin-page .form-section form{display:flex;flex-direction:column;gap:1rem}.admin-page .form-section form label{display:flex;flex-direction:column;font-size:1.25rem}.admin-page .form-section form label input,.admin-page .form-section form label textarea{width:100%;padding:.75rem;margin-top:.5rem;border:1px solid #ccc;border-radius:5px}.admin-page .form-section form>button:not([class^=ql-]):not([class*=" ql-"]),.admin-page .form-section form .form-actions>button:not([class^=ql-]):not([class*=" ql-"]){padding:1rem;background-color:#6b8147;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.25rem}.admin-page .form-section form>button:not([class^=ql-]):not([class*=" ql-"]):hover,.admin-page .form-section form .form-actions>button:not([class^=ql-]):not([class*=" ql-"]):hover{background-color:#86a259}.admin-page .form-section form>button:not([class^=ql-]):not([class*=" ql-"]):not(:last-child),.admin-page .form-section form .form-actions>button:not([class^=ql-]):not([class*=" ql-"]):not(:last-child){margin-bottom:.5rem}.admin-page .form-section form .ql-toolbar button,.admin-page .form-section form [class^=ql-] button,.admin-page .form-section form [class*=" ql-"] button,.admin-page .form-section form .ql-formats button,.admin-page .form-section form .quill-editor button{all:initial!important;display:inline-block!important;cursor:pointer!important;padding:initial!important;background-color:initial!important;color:initial!important;border:initial!important;border-radius:initial!important;font-size:initial!important;margin:initial!important}.admin-page .form-section form .ql-toolbar button:hover,.admin-page .form-section form [class^=ql-] button:hover,.admin-page .form-section form [class*=" ql-"] button:hover,.admin-page .form-section form .ql-formats button:hover,.admin-page .form-section form .quill-editor button:hover{background-color:initial!important}.admin-page .form-section form .ql-toolbar button:not(:last-child),.admin-page .form-section form [class^=ql-] button:not(:last-child),.admin-page .form-section form [class*=" ql-"] button:not(:last-child),.admin-page .form-section form .ql-formats button:not(:last-child),.admin-page .form-section form .quill-editor button:not(:last-child){margin-bottom:initial!important}@media (max-width: 768px){.admin-page .form-section{width:100%}}.admin-page .list-section{width:65%;padding:2rem}@media (max-width: 768px){.admin-page .list-section{width:100%;padding:0}}.admin-page .list-section h3{font-size:1.5rem;color:#040404;margin-bottom:1rem}.admin-page .list-section ul{list-style:none;padding:0}.admin-page .list-section ul li{background-color:#fff;margin-bottom:1rem;padding:1rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;align-items:center}.admin-page .list-section ul li .item-header{display:flex;justify-content:space-between;width:100%}.admin-page .list-section ul li .item-header h4{font-size:1.25rem;color:#040404;margin:0}.admin-page .list-section ul li .item-header .actions button{margin-left:.5rem;padding:.5rem;background-color:#6b8147;color:#fff;border:none;border-radius:5px;cursor:pointer}.admin-page .list-section ul li .item-header .actions button:hover{background-color:#86a259}.admin-menu-container{display:flex;flex-direction:column;height:100vh;padding:1rem;background-color:#f9f8f6}.admin-menu-container .menu-list{flex-grow:1}.admin-menu-container .menu-list li{margin-bottom:1rem}.admin-menu-container .menu-list li a{text-decoration:none;color:#333}.admin-menu-container .menu-list li a:hover{color:#8b572a}.admin-menu-container .admin-menu{margin-top:auto;padding-top:1rem;border-top:1px solid #ccc}.admin-menu-container .admin-menu a{display:flex;align-items:center;color:#8b572a;text-decoration:none;font-weight:700}.admin-menu-container .admin-menu a:hover{text-decoration:underline}.servicios{padding:4rem 2rem;background-color:#f9f8f6;text-align:center;margin-top:4rem;contain:layout style;position:relative;z-index:1}.servicios h2{font-size:2rem;color:#040404;margin-bottom:5rem;font-weight:600}.servicios .servicios-content{display:flex;flex-wrap:wrap;justify-content:space-around;gap:2rem;contain:layout style}.servicios .servicios-content .servicio-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;width:30%;display:flex;flex-direction:column;align-items:center;text-align:left;transition:transform .3s;min-height:400px}.servicios .servicios-content .servicio-card .servicio-image-container{width:100%;height:200px;overflow:hidden}.servicios .servicios-content .servicio-card img{width:100%;height:200px;object-fit:cover;display:block;contain:layout style}.servicios .servicios-content .servicio-card .servicio-text{padding:1rem;text-align:center}.servicios .servicios-content .servicio-card .servicio-text h3{font-size:1.5rem;color:#040404;margin-bottom:1.5rem;font-weight:400}.servicios .servicios-content .servicio-card .servicio-text p{font-size:1rem;color:#4a4a4a;line-height:1.6;margin-bottom:1rem}.servicios .servicios-content .servicio-card .servicio-text .read-more{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background-color:#6b8147;color:#f8f8f6!important;text-decoration:none;border-radius:5px;font-size:1rem;font-weight:600}.servicios .servicios-content .servicio-card .servicio-text .read-more:hover{background-color:#86a259}@media (max-width: 768px){.servicios .servicios-content{flex-direction:column;align-items:center}.servicios .servicios-content .servicio-card{width:100%;max-width:400px}.servicios .servicios{padding:4rem .5rem;margin-top:2rem}}.skeleton-card .skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.skeleton-card .skeleton-title{height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:12px}.skeleton-card .skeleton-text{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.skeleton-card .skeleton-button{height:36px;width:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin:0 auto}.sidebar{width:280px;height:100vh;background:#000;color:#fff;position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;overflow-y:auto;transition:all .3s ease}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar .sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.sidebar .sidebar-header .logo{width:60px;height:60px;object-fit:contain;margin-bottom:1rem;border-radius:50%;background:#ffffff1a;padding:.5rem}.sidebar .sidebar-header h2{font-size:1.25rem;font-weight:600;margin:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.sidebar .sidebar-nav{flex:1;padding:1rem 0}.sidebar .sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar .sidebar-nav ul>li{margin-bottom:.25rem}.sidebar .sidebar-nav .menu-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:#ffffffe6;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative}.sidebar .sidebar-nav .menu-item:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.sidebar .sidebar-nav .menu-item.active{background:#ffffff26;color:#fff;border-left:3px solid #8FBC8F;font-weight:600}.sidebar .sidebar-nav .menu-item.has-submenu{justify-content:space-between}.sidebar .sidebar-nav .menu-item.has-submenu .submenu-arrow{font-size:.75rem;transition:transform .3s ease}.sidebar .sidebar-nav .menu-item.has-submenu.expanded{background:#ffffff1a;color:#fff}.sidebar .sidebar-nav .menu-item.has-submenu.expanded .submenu-arrow{transform:rotate(90deg)}.sidebar .sidebar-nav .menu-item svg{font-size:1rem;flex-shrink:0;opacity:.9;transition:all .2s ease}.sidebar .sidebar-nav .menu-item:hover svg{opacity:1;transform:scale(1.05)}.sidebar .sidebar-nav .menu-item.active svg{color:#8fbc8f;opacity:1}.sidebar .sidebar-nav .menu-item span{flex:1}.sidebar .sidebar-nav .submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#0000001a}.sidebar .sidebar-nav .submenu.expanded{max-height:500px}.sidebar .sidebar-nav .submenu li{margin-bottom:0}.sidebar .sidebar-nav .submenu li .menu-item{padding:.75rem 1.5rem .75rem 3rem;font-size:.8rem;color:#fffc;position:relative}.sidebar .sidebar-nav .submenu li .menu-item:before{content:"";position:absolute;left:2.25rem;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#ffffff80;border-radius:50%}.sidebar .sidebar-nav .submenu li .menu-item:hover{background:#ffffff26;color:#fff;transform:translate(8px)}.sidebar .sidebar-nav .submenu li .menu-item:hover:before{background:#fff}.sidebar .sidebar-nav .submenu li .menu-item.active{background:#fff3;color:#fff;border-left:2px solid #8FBC8F}.sidebar .sidebar-nav .submenu li .menu-item.active:before{background:#8fbc8f}.sidebar .sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.sidebar .sidebar-footer .logout-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.sidebar .sidebar-footer .logout-button:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.sidebar .sidebar-footer .logout-button svg{font-size:1rem;opacity:.9}@media (max-width: 768px){.sidebar{width:100%;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.order-summary{background:#fff;padding:1.5rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d}.order-summary h2{margin-bottom:1.5rem;padding-bottom:.25rem;border-bottom:2px solid #e0e0e0}.order-summary .summary-items{margin-bottom:1.5rem}.order-summary .summary-items .summary-item{display:flex;justify-content:space-between;padding:.25rem 0;color:#666}.order-summary .summary-totals{border-top:1px solid #e0e0e0;padding-top:1rem}.order-summary .summary-totals .summary-row{display:flex;justify-content:space-between;margin-bottom:.25rem}.order-summary .summary-totals .summary-row.total{font-weight:700;font-size:1.125rem;margin-top:1rem;padding-top:1rem;border-top:2px solid #e0e0e0}.order-summary button{width:100%;margin-top:1rem;padding:1rem;background:#040404;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .3s ease-in-out}.order-summary button:hover{background:#9bb06a}.rich-text-editor{width:100%;border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden;background-color:#fff}.rich-text-editor .template-buttons{background-color:#f9fafb;padding:.75rem;border-bottom:1px solid #e5e7eb}.rich-text-editor .template-buttons button{transition:all .2s ease}.rich-text-editor .template-buttons button:hover{background-color:#7c5a00!important;transform:translateY(-1px)}.rich-text-editor .ql-container{font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:none!important;border-radius:0 0 .375rem .375rem}.rich-text-editor .ql-toolbar{border:none!important;border-bottom:1px solid #e5e7eb!important;background-color:#f9fafb!important;border-radius:.375rem .375rem 0 0}.rich-text-editor .ql-editor{min-height:300px;padding:1rem;line-height:1.6}.rich-text-editor .ql-editor.ql-blank:before{color:#9ca3af;font-style:normal}.rich-text-editor .ql-toolbar .ql-stroke{stroke:#374151}.rich-text-editor .ql-toolbar .ql-fill{fill:#374151}.rich-text-editor .ql-toolbar button:hover{background-color:#e5e7eb;border-radius:.25rem}.rich-text-editor .ql-toolbar button.ql-active{background-color:#d1d5db;border-radius:.25rem}.rich-text-editor .ql-editor h1,.rich-text-editor .ql-editor h2,.rich-text-editor .ql-editor h3,.rich-text-editor .ql-editor h4,.rich-text-editor .ql-editor h5,.rich-text-editor .ql-editor h6{margin-top:1.5rem;margin-bottom:.5rem;font-weight:600;line-height:1.25}.rich-text-editor .ql-editor h1{font-size:2rem}.rich-text-editor .ql-editor h2{font-size:1.5rem}.rich-text-editor .ql-editor h3{font-size:1.25rem}.rich-text-editor .ql-editor h4{font-size:1.125rem}.rich-text-editor .ql-editor h5{font-size:1rem}.rich-text-editor .ql-editor h6{font-size:.875rem}.rich-text-editor .ql-editor p{margin-bottom:1rem}.rich-text-editor .ql-editor ul,.rich-text-editor .ql-editor ol{margin-bottom:1rem;padding-left:1.5rem}.rich-text-editor .ql-editor blockquote{border-left:4px solid #926400;padding-left:1rem;margin:1rem 0;font-style:italic;background-color:#f9fafb;padding:1rem;border-radius:.25rem}.rich-text-editor .ql-editor code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.rich-text-editor .ql-editor pre{background-color:#f3f4f6;padding:1rem;border-radius:.375rem;overflow-x:auto;margin:1rem 0}.rich-text-editor .ql-editor pre code{background-color:transparent;padding:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.team-member{text-align:center;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.service-card{padding:2rem;border:1px solid #e5e7eb;border-radius:.5rem;text-align:center;background-color:#f9fafb}@media (max-width: 768px){.team-grid,.services-grid{grid-template-columns:1fr}.rich-text-editor .ql-toolbar{flex-wrap:wrap}.rich-text-editor .template-buttons{flex-direction:column;align-items:stretch}.rich-text-editor .template-buttons button{margin-bottom:.5rem}}.store-page{padding:2rem;max-width:1200px;margin:0 auto}.store-page h1{text-align:center;margin-bottom:2rem}.store-page .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;padding:1rem}.store-page .product-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s}.store-page .product-card:hover{transform:translateY(-5px)}.store-page .product-card img{width:100%;height:200px;object-fit:cover}.store-page .product-card .product-info{padding:1rem}.store-page .product-card .product-info h3{margin:0 0 .5rem}.store-page .product-card .product-info .price{font-size:1.2em;font-weight:700;color:#4caf50}.store-page .product-card .product-info .add-to-cart-btn{width:100%;padding:.8rem;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:1rem}.store-page .product-card .product-info .add-to-cart-btn:hover{background:#45a049}.orders-admin-page{padding:2rem;max-width:1200px;margin:0 auto;background-color:#f8fafc}.orders-admin-page .page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.orders-admin-page .page-header h1{font-size:1.5rem;font-weight:600;margin:0}.orders-admin-page .page-header .status-filter{padding:.5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;min-width:200px}.orders-admin-page .loading-spinner{display:flex;justify-content:center;padding:2rem 0}.orders-admin-page .no-orders{text-align:center;padding:2rem;color:#718096;font-style:italic}.orders-admin-page .orders-table-container{overflow-x:auto}.orders-admin-page table{width:100%;border-collapse:collapse}.orders-admin-page table th,.orders-admin-page table td{padding:1rem;text-align:left}.orders-admin-page table th{background-color:#f7fafc;font-weight:600;color:#4a5568;border-bottom:2px solid #e2e8f0}.orders-admin-page table tbody tr{border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .2s}.orders-admin-page table tbody tr:hover{background-color:#f7fafc}.orders-admin-page table tbody tr td{vertical-align:middle}.orders-admin-page .order-id{font-weight:600;color:#040404}.orders-admin-page .customer-info .name{font-weight:500}.orders-admin-page .customer-info .email{font-size:.875rem;color:#718096}.orders-admin-page .date-info .date{font-weight:500}.orders-admin-page .date-info .time{font-size:.875rem;color:#718096}.orders-admin-page .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.orders-admin-page .status-badge[data-status=PENDING]{background-color:#fed7aa;color:#9a3412}.orders-admin-page .status-badge[data-status=PAID]{background-color:#bfdbfe;color:#1e40af}.orders-admin-page .status-badge[data-status=PROCESSING]{background-color:#c4b5fd;color:#5b21b6}.orders-admin-page .status-badge[data-status=SHIPPED]{background-color:#a7f3d0;color:#065f46}.orders-admin-page .status-badge[data-status=DELIVERED]{background-color:#bbf7d0;color:#166534}.orders-admin-page .status-badge[data-status=CANCELLED]{background-color:#fecaca;color:#b91c1c}.orders-admin-page .total-amount{font-weight:600;color:#2d3748}.orders-admin-page .expanded-content{background-color:#f7fafc;padding:1.5rem;border-radius:.5rem;margin:.5rem 0}.orders-admin-page .expanded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.orders-admin-page .section-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#040404;border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.orders-admin-page .info-grid{display:grid;gap:.75rem}.orders-admin-page .info-item{display:flex;flex-direction:column}.orders-admin-page .info-item .label{font-size:.75rem;color:#718096;margin-bottom:.25rem}.orders-admin-page .info-item .value{font-weight:500}.orders-admin-page .products-table{margin-top:.5rem}.orders-admin-page .products-table .product-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:.5rem 0;border-bottom:1px solid #e2e8f0;font-weight:600;color:#4a5568}.orders-admin-page .products-table .product-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.orders-admin-page .products-table .product-row:last-child{border-bottom:none}.orders-admin-page .products-table .unit-price,.orders-admin-page .products-table .total-price{text-align:right}.orders-admin-page .order-summary{margin-top:1rem;border-top:1px solid #e2e8f0;padding-top:1rem}.orders-admin-page .order-summary .summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.orders-admin-page .order-summary .summary-row.total{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e2e8f0;font-weight:600;font-size:1.1rem}.orders-admin-page .action-buttons{margin-top:1.5rem;display:flex;gap:.5rem}.orders-admin-page .action-buttons button{padding:.5rem 1rem;border-radius:.25rem;font-weight:500;transition:background-color .2s}.orders-admin-page .action-buttons button.update-status{background-color:#040404;color:#fff}.orders-admin-page .action-buttons button.update-status:hover{background-color:#1e1e1e}.orders-admin-page .action-buttons button.view-details{background-color:#e2e8f0;color:#4a5568}.orders-admin-page .action-buttons button.view-details:hover{background-color:#fff}.loading-spinner{@apply flex justify-center items-center h-64;}.loading-spinner .spinner{@apply animate-spin rounded-full h-12 w-12 border-4;border-color:#e5e7eb;border-top-color:#3b82f6}@media (max-width: 768px){.orders-admin-page{padding:1rem}.orders-admin-page .orders-table{overflow-x:auto}.orders-admin-page .orders-table table th:first-child,.orders-admin-page .orders-table table td:first-child{padding-left:1rem}.orders-admin-page .orders-table table th:last-child,.orders-admin-page .orders-table table td:last-child{padding-right:1rem}.orders-admin-page .expanded-grid{grid-template-columns:1fr}.orders-admin-page .products-table .product-header,.orders-admin-page .products-table .product-row{grid-template-columns:3fr 1fr 2fr}.orders-admin-page .products-table .product-header:nth-child(3),.orders-admin-page .products-table .product-row:nth-child(3){display:none}}.container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.form{background:#fff;padding:3rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:900px}.title{font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.input{width:100%;padding:1rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px}.button{width:100%;padding:1rem;background-color:#9a7464;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:1.5rem}.button:disabled{background-color:#9a7464;opacity:.6;cursor:not-allowed}.register{margin-top:1.5rem;text-align:center}.registerLink{color:#9a7464;text-decoration:none}.registerLink:hover{text-decoration:underline}.register-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.register-form{background:#fff;padding:3rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:500px}.register-title{font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.register-input{width:100%;padding:1rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;font-size:1.5rem}.register-button{width:100%;padding:1rem;background-color:#5c463c;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:1.5rem}.register-button:disabled{background-color:#9a7464;opacity:.6;cursor:not-allowed}.register-login{margin-top:1.5rem;text-align:center}.register-login-link{color:#9a7464;text-decoration:none}.register-login-link:hover{text-decoration:underline}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh}.auth-form{background:#fff;padding:3rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:900px}.auth-title{font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.auth-input{width:96%;padding:1rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;font-size:1.5rem}.auth-button{width:100%;padding:1rem;background-color:#9a7464;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:1.5rem}.auth-button:disabled{background-color:#9a7464;opacity:.6;cursor:not-allowed}.auth-link-container{margin-top:1.5rem;text-align:center}.auth-link{color:#1e1714;text-decoration:none}.auth-link:hover{text-decoration:underline}@media (max-width: 768px){.form,.register-form,.auth-form{padding:2.5rem}.title,.register-title,.auth-title{font-size:3rem}.input,.register-input,.auth-input{padding:1rem;font-size:1.5rem}.button,.register-button,.auth-button{padding:1rem;font-size:2.5rem}.register,.registerLink,.auth-link-container,.auth-link{font-size:1.5rem}}.logout-button,.auth-link{color:#efe014;font-weight:700}.password-container{position:relative;display:flex;align-items:center;width:100%}.auth-password-input{width:100%;padding-right:2.5rem}.password-toggle-button{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center;height:100%}.password-toggle-button:hover{color:#000}.auth-links{text-align:center;margin:1rem 0}.auth-links .forgot-password{color:#9a7464;text-decoration:none;font-size:1.2rem;transition:color .3s ease}.auth-links .forgot-password:hover{color:#7b5d50;text-decoration:underline}.cart-container{z-index:2;position:relative;margin-top:4rem!important;width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;overflow:hidden!important;margin-bottom:4rem!important}.navbar{z-index:10;position:relative}@media (max-width: 768px){.cart-container{margin-top:6rem!important;padding:1rem!important;width:calc(100% - 2rem)!important;margin-bottom:6rem!important}.cart-content{display:flex;flex-direction:column;width:100%;overflow:hidden}.cart-items{width:100%;box-sizing:border-box;padding:1rem}.cart-item{flex-direction:column;align-items:center;padding:1rem .5rem;margin-bottom:1rem}.item-image{margin:0 auto;max-width:180px;width:100%;height:auto}.item-details{width:100%;text-align:center;padding-top:1rem}.item-controls{flex-direction:column;align-items:center;margin:.5rem 0}.empty-cart{margin-top:6rem!important;padding:1.5rem!important;width:calc(100% - 2rem)!important;margin-bottom:6rem!important}.cart-summary{position:relative;margin-bottom:2rem}}.continue-shopping,.checkout-button,.remove-item{transition:all .3s ease}.checkout-button,.continue-shopping{display:block;width:100%;padding:.75rem 1rem;text-align:center;border-radius:6px;font-weight:600;font-size:1rem}.checkout-button{background-color:#926400!important;color:#fff!important}.checkout-button:hover{background-color:#805700!important}.continue-shopping{background-color:#f8f9fa!important;color:#333!important;border:1px solid #ddd!important}.continue-shopping:hover{background-color:#e9ecef!important}.remove-item{background-color:#c53030!important}.remove-item:hover{background-color:#e53e3e!important}html,body{min-height:100%;position:relative}footer{position:relative;z-index:3}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:76px;background-color:#040404;display:flex;justify-content:space-around;align-items:center;z-index:1030;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease-in-out}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffffbf;text-decoration:none;padding:.5rem 0;font-size:.75rem;transition:all .3s ease-in-out}.bottom-nav-item .icon{margin-bottom:.25rem}.bottom-nav-item .icon svg{width:24px;height:24px;color:#ffffffbf;transition:all .3s ease-in-out}.bottom-nav-item.active{color:#6b8147}.bottom-nav-item.active .icon svg{color:#6b8147}.bottom-nav-item:hover{color:#6b8147;transform:translateY(-2px)}.bottom-nav-item:hover .icon svg{color:#6b8147}@media (min-width: 1024px){.bottom-nav{display:none}}@media (max-width: 768px){main{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}.analytics-products{margin:24px 0}.analytics-products__main-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:32px}.analytics-products__header{padding:32px 32px 24px;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,#f8fafc,#fff)}.analytics-products__header h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 24px;display:flex;align-items:center;gap:12px}.analytics-products__tabs{display:flex;background:#f9fafb;border-radius:12px;padding:6px;gap:4px;margin:0}.analytics-products__tab{flex:1;padding:14px 20px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:8px}.analytics-products__tab:hover{background:#ffffff80;color:#374151}.analytics-products__tab--active{background:#fff;color:#1f2937;box-shadow:0 2px 8px #0000001a}.analytics-products__tab--active.tab-ventas{color:#059669;border-left:3px solid #059669}.analytics-products__tab--active.tab-cantidad{color:#2563eb;border-left:3px solid #2563eb}.analytics-products__tab--active.tab-rotacion{color:#dc2626;border-left:3px solid #dc2626}.analytics-products__content{padding:32px}.analytics-products__tab-content{display:flex;flex-direction:column;gap:32px}.analytics-products__insights{padding:24px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px}.analytics-products__insights--ventas{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#d1fae5}.analytics-products__insights--cantidad{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#bfdbfe}.analytics-products__insights--rotacion{background:linear-gradient(135deg,#fef2f2,#fef7f7);border-color:#fecaca}.analytics-products__insights h3{font-size:20px;font-weight:600;margin:0 0 20px;display:flex;align-items:center;gap:8px}.analytics-products__insights h3.ventas{color:#047857}.analytics-products__insights h3.cantidad{color:#1d4ed8}.analytics-products__insights h3.rotacion{color:#b91c1c}.analytics-products__insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.analytics-products__insight-card{background:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 2px 8px #0000000a;border:1px solid #f3f4f6}.analytics-products__insight-card-title{font-size:24px;font-weight:700;margin:0 0 8px}.analytics-products__insight-card-title.ventas{color:#059669}.analytics-products__insight-card-title.cantidad{color:#2563eb}.analytics-products__insight-card-title.rotacion{color:#dc2626}.analytics-products__insight-card-subtitle{font-size:14px;color:#6b7280;margin:0 0 12px;font-weight:500}.analytics-products__insight-card-value{font-size:18px;font-weight:600;margin:0 0 4px}.analytics-products__insight-card-value.ventas{color:#059669}.analytics-products__insight-card-value.cantidad{color:#2563eb}.analytics-products__insight-card-value.rotacion{color:#dc2626}.analytics-products__insight-card-meta{font-size:12px;color:#9ca3af;margin:0}.analytics-products__section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:24px;box-shadow:0 2px 8px #0000000a}.analytics-products__section-header{padding:20px 24px;border-bottom:1px solid #f3f4f6}.analytics-products__section-header--ventas{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.analytics-products__section-header--cantidad{background:linear-gradient(135deg,#f0f9ff,#eff6ff)}.analytics-products__section-header--rotacion{background:linear-gradient(135deg,#fef7f7,#fef2f2)}.analytics-products__section-header h3{font-size:18px;font-weight:600;margin:0 0 4px}.analytics-products__section-header h3.ventas{color:#047857}.analytics-products__section-header h3.cantidad{color:#1d4ed8}.analytics-products__section-header h3.rotacion{color:#b91c1c}.analytics-products__section-header p{font-size:14px;margin:0}.analytics-products__section-header p.ventas{color:#059669}.analytics-products__section-header p.cantidad{color:#2563eb}.analytics-products__section-header p.rotacion{color:#dc2626}.analytics-products__section-content{padding:24px}.analytics-products__table{width:100%;border-collapse:collapse;font-size:14px;max-height:600px;overflow-y:auto}.analytics-products__table thead{background:#f9fafb;position:sticky;top:0;z-index:1}.analytics-products__table thead th{padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.analytics-products__table thead th.text-right{text-align:right}.analytics-products__table thead th.text-center{text-align:center}.analytics-products__table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .15s ease}.analytics-products__table tbody tr:hover{background:#f9fafb}.analytics-products__table tbody tr.highlight{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #059669}.analytics-products__table tbody tr.highlight-red{background:linear-gradient(135deg,#fef2f2,#fecaca);border-left:4px solid #dc2626}.analytics-products__table tbody tr td{padding:16px;vertical-align:middle}.analytics-products__table tbody tr td .product-name{font-weight:500;color:#1f2937;margin-bottom:2px}.analytics-products__table tbody tr td .product-category{font-size:12px;color:#6b7280}.analytics-products__table tbody tr td .value-primary{font-weight:600;color:#1f2937}.analytics-products__table tbody tr td .value-secondary{color:#6b7280}.analytics-products__table tbody tr td .value-warning{color:#dc2626;font-weight:600}.analytics-products__rank{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:14px}.analytics-products__rank--top{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.analytics-products__rank--regular{background:#f3f4f6;color:#6b7280}.analytics-products__rank--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.analytics-products__rank--warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.analytics-products__badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.analytics-products__badge--high{background:#dcfce7;color:#166534}.analytics-products__badge--medium{background:#fef3c7;color:#92400e}.analytics-products__badge--low{background:#e0e7ff;color:#3730a3}.analytics-products__badge--very-low{background:#f3f4f6;color:#374151}.analytics-products__badge--critical{background:#fecaca;color:#991b1b;animation:pulse 2s infinite}.analytics-products__badge--warning{background:#fed7aa;color:#9a3412}.analytics-products__badge--caution{background:#fde68a;color:#78350f}.analytics-products__badge--normal{background:#d1fae5;color:#065f46}.analytics-products__chart-container{height:400px;margin:20px 0}.analytics-products__strategies{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #d1fae5;border-radius:16px;padding:32px;margin-top:32px}.analytics-products__strategies h2{font-size:24px;font-weight:700;color:#047857;margin:0 0 24px;display:flex;align-items:center;gap:12px}.analytics-products__strategies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.analytics-products__strategy-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a;border-left:4px solid}.analytics-products__strategy-card--green{border-left-color:#059669}.analytics-products__strategy-card--blue{border-left-color:#2563eb}.analytics-products__strategy-card--orange{border-left-color:#ea580c}.analytics-products__strategy-card--red{border-left-color:#dc2626}.analytics-products__strategy-card h4{font-size:16px;font-weight:600;margin:0 0 16px}.analytics-products__strategy-card h4.green{color:#047857}.analytics-products__strategy-card h4.blue{color:#1d4ed8}.analytics-products__strategy-card h4.orange{color:#c2410c}.analytics-products__strategy-card h4.red{color:#b91c1c}.analytics-products__strategy-card ul{list-style:none;padding:0;margin:0}.analytics-products__strategy-card ul li{padding:8px 0;border-bottom:1px solid #f3f4f6;color:#374151;line-height:1.5}.analytics-products__strategy-card ul li:last-child{border-bottom:none}.analytics-products__strategy-card ul li strong{color:#1f2937}.analytics-products__strategy-card ul li.product-item{display:flex;align-items:flex-start;gap:12px}.analytics-products__strategy-card ul li.product-item .rank-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#059669;color:#fff;border-radius:50%;font-size:12px;font-weight:700;margin-top:2px;flex-shrink:0}.analytics-products__strategy-card ul li.product-item .product-details{flex:1}.analytics-products__strategy-card ul li.product-item .product-details .product-name{font-weight:600;color:#1f2937;display:block;margin-bottom:4px}.analytics-products__strategy-card ul li.product-item .product-details .product-stats{font-size:12px;color:#059669}@media (max-width: 768px){.analytics-products__content{padding:20px}.analytics-products__header{padding:24px 20px 20px}.analytics-products__header h2{font-size:24px}.analytics-products__tabs{flex-direction:column}.analytics-products__tabs .analytics-products__tab{margin-bottom:4px}.analytics-products__tabs .analytics-products__tab:last-child{margin-bottom:0}.analytics-products__insights-grid,.analytics-products__strategies-grid{grid-template-columns:1fr}.analytics-products__table{font-size:12px}.analytics-products__table th,.analytics-products__table td{padding:12px 8px}}.analytics-enhanced{margin:24px 0}.analytics-enhanced__card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:24px}.analytics-enhanced__header{padding:24px 32px;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,#f8fafc,#fff);display:flex;justify-content:space-between;align-items:center}.analytics-enhanced__header-content h3{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 4px;display:flex;align-items:center;gap:8px}.analytics-enhanced__header-content p{font-size:14px;color:#6b7280;margin:0}.analytics-enhanced__header-actions{display:flex;gap:12px}.analytics-enhanced__content{padding:32px}.analytics-enhanced__forecast-card{background:linear-gradient(135deg,#556b2f1a,#556b2f0d);border:1px solid rgba(85,107,47,.2);border-radius:12px;padding:24px;margin-bottom:24px}.analytics-enhanced__forecast-card h4{color:#556b2f;font-size:18px;font-weight:600;margin:0 0 12px}.analytics-enhanced__forecast-card .forecast-value{color:#556b2f;font-size:24px;font-weight:700;margin:0 0 8px}.analytics-enhanced__forecast-card .forecast-description{color:#6b7280;font-size:14px;margin:0}.analytics-enhanced__chart{height:400px;margin:20px 0}.analytics-enhanced__chart .recharts-tooltip-wrapper .recharts-tooltip-item{color:#374151}.analytics-enhanced__chart .recharts-default-tooltip{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px;padding:12px!important;box-shadow:0 4px 6px -1px #0000001a}.export-actions{display:flex;gap:12px}.export-actions__button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.export-actions__button--pdf{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.export-actions__button--pdf:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.export-actions__button--email{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.export-actions__button--email:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.export-actions__button--excel{background:linear-gradient(135deg,#059669,#047857);color:#fff}.export-actions__button--excel:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.export-actions__button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.export-actions__button .icon{font-size:16px}.export-actions__button .loading{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.export-notification{position:fixed;top:20px;right:20px;z-index:1000;min-width:350px;max-width:600px;border-radius:12px;box-shadow:0 10px 25px #00000026;animation:slideInRight .3s ease-out}.export-notification .content{display:flex;align-items:flex-start;gap:12px;padding:20px;background:#fff;border-radius:12px}.export-notification .icon{font-size:22px;flex-shrink:0;margin-top:2px}.export-notification .text{flex:1}.export-notification .text h4{margin:0 0 6px;font-size:15px;font-weight:600;color:#1f2937}.export-notification .text p{margin:0;font-size:14px;color:#4b5563;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.export-notification .close{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;transition:all .2s ease}.export-notification .close:hover{color:#6b7280;background:#0000000d}.export-notification--success{border-left:4px solid #10b981}.export-notification--success .content{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #d1fae5}.export-notification--success .icon{color:#10b981}.export-notification--error{border-left:4px solid #ef4444}.export-notification--error .content{background:linear-gradient(135deg,#fef2f2,#fef7f7);border:1px solid #fecaca}.export-notification--error .icon{color:#ef4444}.export-notification--info{border-left:4px solid #3b82f6}.export-notification--info .content{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #dbeafe}.export-notification--info .icon{color:#3b82f6}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.store-container .product-grid{gap:1.5rem}.store-container .product-grid .product-card .product-image-container{background:#fff;border:1px solid rgba(229,231,235,.3)}.store-container .product-grid .product-card .product-image-container .product-image{object-fit:contain;padding:.5rem;background:#fff;transition:all .3s ease-in-out}.store-container .product-grid .product-card .product-image-container .product-image:hover{transform:scale(1.05)}.store-container .product-grid .product-card .product-image-container:hover{border-color:#04040466;box-shadow:0 4px 12px #04040426}.store-container .product-grid .product-card .product-info h3{min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;line-height:1.3}.store-container .product-grid .product-card .product-info .description{min-height:2.8em;line-height:1.3;font-size:.75rem;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;hyphens:auto;margin-bottom:.5rem}.store-container .product-grid .product-card .product-info .product-details{margin-top:auto}@media (max-width: 1024px){.store-container .product-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.store-container .product-grid .product-card .product-image-container .product-image{padding:.25rem}.store-container .product-grid .product-card .product-info{padding:.5rem}.store-container .product-grid .product-card .product-info h3{font-size:.875rem;min-height:2.6em;line-height:1.3}.store-container .product-grid .product-card .product-info .description{font-size:.75rem;min-height:2.4em;line-height:1.3}}@media (max-width: 640px){.store-container .product-grid{gap:1.5rem}.store-container .product-grid .product-card{max-width:400px;margin:0 auto}.store-container .product-grid .product-card .product-image-container{padding-bottom:80%}.store-container .product-grid .product-card .product-image-container .product-image{padding:1rem}.store-container .product-grid .product-card .product-info h3{font-size:1rem;min-height:auto;-webkit-line-clamp:3}.store-container .product-grid .product-card .product-info .description{font-size:.875rem;min-height:auto;-webkit-line-clamp:3}}.store-container .product-card .product-image{opacity:1;animation:none}@keyframes fadeInImage{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.store-container .product-grid .product-card:hover .product-image-container .product-image{transform:scale(1.05)}.blog-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.blog-hero{background:#8fa966;color:#fff;padding:6rem 0 4rem;position:relative;overflow:hidden}.blog-hero .hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.blog-hero .hero-content{z-index:2;position:relative}.blog-hero .hero-content .hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;display:flex;flex-direction:column}.blog-hero .hero-content .hero-title .title-prefix{color:#2c3e50;font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.blog-hero .hero-content .hero-title .title-main{color:#fff;font-size:4rem;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.blog-hero .hero-content .hero-description{font-size:1.3rem;line-height:1.6;margin-bottom:3rem;color:#fff;font-weight:500;opacity:.95}.blog-hero .hero-content .hero-stats{display:flex;gap:2rem}.blog-hero .hero-content .hero-stats .stat{display:flex;flex-direction:column;align-items:flex-start}.blog-hero .hero-content .hero-stats .stat .stat-number{font-size:1.8rem;font-weight:700;color:#fff;line-height:1}.blog-hero .hero-content .hero-stats .stat .stat-label{font-size:.9rem;color:#fff;font-weight:500;margin-top:.2rem;opacity:.9}.blog-hero .hero-image{display:flex;justify-content:center;align-items:center;z-index:1}.blog-hero .hero-image .image-placeholder{width:400px;height:300px;background:#a8c08a;border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.8);position:relative}.blog-hero .hero-image .image-placeholder .leaf-icon{font-size:2rem;color:#6b8147;position:absolute;bottom:2rem;left:2rem}@media (max-width: 768px){.blog-hero .hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.blog-hero .hero-title{font-size:2.5rem}.blog-hero .hero-title .title-prefix{font-size:2rem}.blog-hero .hero-title .title-main{font-size:3rem}.blog-hero .hero-description{font-size:1.1rem}.blog-hero .hero-stats{justify-content:center}.blog-hero .hero-stats .stat{align-items:center}.blog-hero .image-placeholder{width:100%;max-width:300px;height:200px}}.blog-categories{padding:4rem 0;background:#fff}.blog-categories .categories-container{max-width:1200px;margin:0 auto;padding:0 2rem}.blog-categories .categories-container .categories-header{text-align:center;margin-bottom:3rem}.blog-categories .categories-container .categories-header h2{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem}.blog-categories .categories-container .categories-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.blog-categories .categories-container .categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}@media (max-width: 768px){.blog-categories .categories-container .categories-grid{grid-template-columns:1fr}}.blog-categories .categories-container .category-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;border:2px solid transparent}.blog-categories .categories-container .category-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.blog-categories .categories-container .category-card.active{border-color:#8fa966;background:#f8f9fa}.blog-categories .categories-container .category-card .category-icon{font-size:3rem;color:#8fa966;margin-bottom:1rem}.blog-categories .categories-container .category-card .category-info h3{font-size:1.3rem;color:#2c3e50;margin-bottom:.5rem}.blog-categories .categories-container .category-card .category-info p{color:#666;line-height:1.5}.blog-posts{padding:4rem 0;background:#f8f9fa}.blog-posts .posts-container{max-width:1200px;margin:0 auto;padding:0 2rem}.blog-posts .posts-container .posts-header{text-align:center;margin-bottom:3rem}.blog-posts .posts-container .posts-header h2{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem}.blog-posts .posts-container .posts-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.blog-posts .posts-container .posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}@media (max-width: 768px){.blog-posts .posts-container .posts-grid{grid-template-columns:1fr}}.blog-posts .posts-container .post-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.blog-posts .posts-container .post-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.blog-posts .posts-container .post-card .post-image{height:200px;overflow:hidden}.blog-posts .posts-container .post-card .post-image img{width:100%;height:100%;object-fit:cover}.blog-posts .posts-container .post-card .post-image .image-placeholder{height:100%;background:linear-gradient(135deg,#e9ecef,#dee2e6);display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:1.1rem}.blog-posts .posts-container .post-card .post-content{padding:1.5rem}.blog-posts .posts-container .post-card .post-content .post-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem}.blog-posts .posts-container .post-card .post-content .post-meta span{color:#666}.blog-posts .posts-container .post-card .post-content .post-meta span svg{margin-right:.25rem}.blog-posts .posts-container .post-card .post-content .post-meta .post-category{background:#8fa966;color:#fff;padding:.25rem .75rem;border-radius:20px;font-weight:600;text-transform:uppercase;font-size:.8rem}.blog-posts .posts-container .post-card .post-content .post-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem}.blog-posts .posts-container .post-card .post-content .post-title a{color:#2c3e50;text-decoration:none}.blog-posts .posts-container .post-card .post-content .post-title a:hover{color:#8fa966}.blog-posts .posts-container .post-card .post-content .post-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.blog-posts .posts-container .post-card .post-content .post-footer{display:flex;justify-content:space-between;align-items:center}.blog-posts .posts-container .post-card .post-content .post-footer .post-author{font-size:.9rem;color:#8fa966;font-weight:600}.blog-posts .posts-container .post-card .post-content .post-footer .audio-available{color:#8fa966;font-size:.9rem}.blog-post{max-width:900px;margin:0 auto;padding:3rem;background:#fff;border-radius:20px;box-shadow:0 8px 40px #00000014;margin-top:2rem;margin-bottom:2rem;position:relative}.blog-post:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8fa966,#6b8147);border-radius:20px 20px 0 0}.blog-post .post-header{margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;text-align:center;border:1px solid #e9ecef;position:relative}.blog-post .post-header:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,#8fa966,#6b8147);border-radius:1px}.blog-post .post-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;font-size:.9rem;color:#666}.blog-post .post-category{background:#8fa966;color:#fff;padding:.25rem .75rem;border-radius:20px;font-weight:600;text-transform:uppercase;font-size:.8rem}.blog-post .post-date{color:#888}.blog-post .post-reading-time{color:#666}.blog-post .post-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;color:#2c3e50}.blog-post .post-description{font-size:1.2rem;line-height:1.6;color:#666;margin-bottom:1.5rem}.blog-post .post-author{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.blog-post .author-label{color:#888}.blog-post .author-name{font-weight:600;color:#8fa966}.blog-post .post-hero-image{margin:3rem 0;text-align:center;position:relative}.blog-post .post-hero-image:before{content:"";position:absolute;inset:-10px;background:linear-gradient(135deg,#8fa966,#6b8147);border-radius:20px;z-index:-1;opacity:.1}.blog-post .hero-image{max-width:100%;height:auto;border-radius:16px;box-shadow:0 8px 30px #0003;transition:transform .3s ease}.blog-post .hero-image:hover{transform:scale(1.02)}.blog-post .post-content{margin:2rem 0;line-height:1.8;font-size:1.1rem;color:#2c3e50}.blog-post .content-html .markdown-paragraph{margin-bottom:1.5rem;line-height:1.8;color:#2c3e50;font-size:1.1rem}.blog-post .content-html .markdown-h1,.blog-post .content-html .markdown-h2,.blog-post .content-html .markdown-h3,.blog-post .content-html .markdown-h4,.blog-post .content-html .markdown-h5,.blog-post .content-html .markdown-h6{margin-top:2.5rem;margin-bottom:1rem;color:#2c3e50;font-weight:700;line-height:1.3}.blog-post .content-html .markdown-h1{font-size:2.2rem;border-bottom:3px solid #8FA966;padding-bottom:.5rem}.blog-post .content-html .markdown-h2{font-size:1.9rem;border-bottom:2px solid #e9ecef;padding-bottom:.3rem}.blog-post .content-html .markdown-h3{font-size:1.6rem;color:#8fa966}.blog-post .content-html .markdown-h4{font-size:1.4rem}.blog-post .content-html .markdown-h5{font-size:1.2rem}.blog-post .content-html .markdown-h6{font-size:1.1rem}.blog-post .content-html .markdown-list{margin:1.5rem 0;padding-left:2.5rem;list-style:none}.blog-post .content-html .markdown-list.bullet-list .markdown-list-item:before{content:"•";color:#8fa966;font-size:1.5rem;background:none;width:auto;height:auto;border-radius:0;display:block;line-height:1}.blog-post .content-html .markdown-list.check-list .markdown-list-item:before{content:"✓";color:#8fa966;font-weight:700;font-size:1rem;background:#8fa9661a;width:1.2rem;height:1.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.blog-post .content-html .markdown-list-item{margin-bottom:1.2rem;line-height:1.8;position:relative;padding-left:.8rem;font-size:1.05rem}.blog-post .content-html .markdown-list-item:before{content:"✓";color:#8fa966;font-weight:700;position:absolute;left:-1.5rem;font-size:1rem;background:#8fa9661a;width:1.2rem;height:1.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.blog-post .content-html .markdown-list-item strong,.blog-post .content-html .markdown-list-item em{color:#2c3e50}.blog-post .content-html .markdown-list-item a{color:#8fa966;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.blog-post .content-html .markdown-list-item a:hover{color:#6b8147;border-bottom-color:#6b8147}.blog-post .content-html .markdown-bold{font-weight:700;color:#1a202c}.blog-post .content-html .markdown-italic{font-style:italic;color:#4a5568}.blog-post .content-html .markdown-link{color:#8fa966;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.blog-post .content-html .markdown-link:hover{color:#6b8147;border-bottom-color:#6b8147}.blog-post .content-html .markdown-blockquote{border-left:4px solid #8FA966;padding:1.5rem 2rem;margin:2rem 0;font-style:italic;color:#4a5568;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:0 12px 12px 0;position:relative}.blog-post .content-html .markdown-blockquote:before{content:'"';font-size:3rem;color:#8fa966;position:absolute;top:-.5rem;left:1rem;font-family:Georgia,serif}.blog-post .content-html .markdown-inline-code{background:#f1f5f9;color:#e53e3e;padding:.2rem .5rem;border-radius:6px;font-family:Fira Code,Courier New,monospace;font-size:.9rem;border:1px solid #e2e8f0}.blog-post .content-html .markdown-pre{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0;padding:1.5rem;border-radius:12px;overflow-x:auto;margin:2rem 0;border:1px solid #4a5568;box-shadow:0 4px 20px #0000004d}.blog-post .content-html .markdown-code-block{background:none;padding:0;color:inherit;font-family:Fira Code,Courier New,monospace;font-size:.95rem;line-height:1.6}.blog-post .content-html strong{font-weight:700;color:#1a202c}.blog-post .content-html em{font-style:italic;color:#4a5568}.blog-post .content-html>*:first-child{margin-top:0}.blog-post .content-html>*:last-child{margin-bottom:0}.blog-post .post-tags{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:1px solid #e9ecef;position:relative}.blog-post .post-tags:before{content:"🏷️";position:absolute;top:-15px;left:20px;background:#fff;padding:.5rem;border-radius:50%;font-size:1.2rem}.blog-post .post-tags h3{margin-bottom:1.5rem;color:#2c3e50;font-size:1.2rem;font-weight:600;text-align:center}.blog-post .tags-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.blog-post .tag{background:linear-gradient(135deg,#8fa966,#6b8147);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 10px #8fa9664d}.blog-post .tag:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8fa96666}.blog-post .post-audio{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;text-align:center;border:1px solid #e9ecef;position:relative}.blog-post .post-audio:before{content:"🎵";position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#fff;padding:.5rem;border-radius:50%;font-size:1.2rem;box-shadow:0 2px 10px #0000001a}.blog-post .post-audio h3{margin-bottom:1.5rem;color:#2c3e50;font-size:1.2rem;font-weight:600}.blog-post .audio-player{width:100%;max-width:500px;border-radius:12px;box-shadow:0 4px 20px #0000001a}.blog-post .audio-player::-webkit-media-controls-panel{background:#fff}.blog-post .audio-player::-webkit-media-controls-play-button{background:#8fa966;border-radius:50%}.blog-post .post-footer{margin-top:4rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:1px solid #e9ecef;position:relative}.blog-post .post-footer:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#8fa966,#6b8147);border-radius:1px}.blog-post .post-navigation{margin-bottom:3rem;text-align:center}.blog-post .back-to-blog{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#8fa966,#6b8147);color:#fff;text-decoration:none;border-radius:12px;transition:all .3s ease;font-weight:600;font-size:1.1rem;box-shadow:0 4px 20px #8fa9664d}.blog-post .back-to-blog:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8fa96666;background:linear-gradient(135deg,#6b8147,#5a6f3a)}.blog-post .post-share{text-align:center}.blog-post .post-share h4{margin-bottom:1.5rem;color:#2c3e50;font-size:1.2rem;font-weight:600}.blog-post .share-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.blog-post .share-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;box-shadow:0 2px 10px #0003}.blog-post .share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.blog-post .share-twitter{background:#1da1f2}.blog-post .share-facebook{background:#4267b2}.blog-post .share-linkedin{background:#0077b5}.blog-post .blog-post-loading,.blog-post .blog-post-error{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:2rem auto;max-width:800px}.blog-post .loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8FA966;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.blog-post .back-link{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:#8fa966;color:#fff;text-decoration:none;border-radius:8px;transition:background .3s ease}.blog-post .back-link:hover{background:#6b8147}.blog-post .error-details{margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.blog-post .error-details summary{cursor:pointer;font-weight:600;color:#dc3545;margin-bottom:.5rem}.blog-post .error-details p{margin:.5rem 0;font-size:.9rem;color:#666}@media (max-width: 768px){.blog-post{padding:1rem;margin:1rem}.blog-post .post-title{font-size:2rem}.blog-post .post-meta{flex-direction:column;gap:.5rem}.blog-post .share-buttons{flex-direction:column}.blog-post .share-btn{text-align:center}}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ol,ul{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}img{max-width:100%;height:auto;display:block}*{-webkit-tap-highlight-color:transparent}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #ffffff inset;transition:background-color 5000s ease-in-out 0s}::-moz-focus-inner{border:0;padding:0}::-webkit-search-decoration{-webkit-appearance:none}:root{--panel-left-width: 30%;--panel-right-width: 70%;--header-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.admin-layout{display:flex;min-height:100vh;width:100%;background-color:#f1f3f4}.admin-panel{height:100vh;overflow-y:auto;position:fixed;top:0;bottom:0}.admin-panel::-webkit-scrollbar{width:6px}.admin-panel::-webkit-scrollbar-track{background:#0000001a}.admin-panel::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.admin-panel-left{width:var(--panel-left-width);left:0;background-color:#000;color:#fff;z-index:1030;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1rem}.admin-panel-right{width:var(--panel-right-width);right:0;background-color:#f1f3f4;display:flex;flex-direction:column}.admin-header{height:var(--header-height);background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1020;box-shadow:0 1px 2px #0000000d;width:100%;padding:0 1.5rem;display:flex;align-items:center}.admin-main{flex:1;padding:2rem;min-height:calc(100vh - var(--header-height));width:100%}.content-container{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;height:100%}.content-container form{max-width:800px;margin:0 auto}.content-container form .form-group{margin-bottom:1.5rem}.content-container form input,.content-container form textarea,.content-container form select{width:100%;padding:1rem;border:1px solid #e5e7eb;border-radius:.375rem}.content-container form input:focus,.content-container form textarea:focus,.content-container form select:focus{outline:none;border-color:#040404;box-shadow:0 0 0 2px #0404041a}.content-container table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.content-container table th,.content-container table td{padding:1rem;border-bottom:1px solid #e5e7eb;text-align:left}.content-container table th{background-color:#f1f3f4;font-weight:600}.content-container table tr:hover{background-color:#0404040d}.content-container h1,.content-container h2,.content-container h3{color:#1f2937;margin-bottom:1.5rem}.content-container h1{font-size:1.5rem}.content-container h2{font-size:1.25rem}.content-container h3{font-size:1.125rem}@media (max-width: 1024px){:root{--panel-left-width: 250px;--panel-right-width: 100%}.admin-panel-left{transform:translate(-100%);transition:transform .3s ease}.admin-panel-left.open{transform:translate(0)}.admin-panel-right{left:0}.admin-main,.content-container{padding:1rem}}@media (max-width: 640px){.admin-main,.content-container{padding:.5rem}}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;font-weight:500;transition:all .2s ease-in-out;cursor:pointer;border:none;outline:none}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background-color:#040404;color:#fff}.button--primary:hover:not(:disabled){background-color:#1e1e1e}.button--secondary{background-color:#6b8147;color:#fff}.button--secondary:hover:not(:disabled){background-color:#506035}.button--outline{background-color:transparent;border:1px solid #e5e7eb;color:#374151}.button--outline:hover:not(:disabled){background-color:#f1f3f4}.button--ghost{background-color:transparent;color:#374151}.button--ghost:hover:not(:disabled){background-color:#f1f3f4}.button--link{background-color:transparent;color:#040404;text-decoration:underline;padding:0}.button--link:hover:not(:disabled){color:#000}.button--sm{height:32px;padding:0 .5rem;font-size:.875rem}.button--md{height:40px;padding:0 1rem;font-size:1rem}.button--lg{height:48px;padding:0 1.5rem;font-size:1.125rem}.button--loading{position:relative;color:transparent}.button__spinner{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rdp{--rdp-cell-size: 32px;--rdp-accent-color: #926400;--rdp-background-color: rgba(146, 100, 0, .1);--rdp-accent-color-dark: #805700;--rdp-background-color-dark: rgba(146, 100, 0, .15);--rdp-outline: 2px solid #926400;--rdp-outline-selected: 2px solid #926400;margin:0;font-size:13px;font-family:inherit}.rdp .rdp-vhidden{display:none}.rdp .rdp-months{margin:0;padding:0}.rdp .rdp-month{margin:0;padding:0;width:100%}.rdp .rdp-table{margin:0;max-width:none;width:100%;border-collapse:collapse;border-spacing:0}.rdp .rdp-caption{padding:0 0 12px;text-transform:capitalize;display:flex;align-items:center;justify-content:space-between}.rdp .rdp-caption .rdp-caption_label{font-size:14px;font-weight:500;color:#926400}.rdp .rdp-nav{display:flex;gap:4px}.rdp .rdp-nav .rdp-nav_button{width:28px;height:28px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #e5e7eb;border-radius:.375rem;background:transparent;color:#926400}.rdp .rdp-nav .rdp-nav_button:hover:not([disabled]){background:#9264001a}.rdp .rdp-nav .rdp-nav_button[disabled]{opacity:.25;cursor:not-allowed}.rdp .rdp-tbody{font-size:13px}.rdp .rdp-head_cell{font-size:12px;font-weight:500;color:#926400;padding:8px 0;text-align:center;width:14.2857142857%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rdp .rdp-cell{padding:0;text-align:center;width:14.2857142857%;height:var(--rdp-cell-size)}.rdp .rdp-day{width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);font-size:13px;margin:0 auto;border-radius:.25rem;text-align:center;color:#374151;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.rdp .rdp-day:hover:not([disabled]){background:#9264001a}.rdp .rdp-day[disabled]{opacity:.5;cursor:not-allowed}.rdp .rdp-day.rdp-day_selected,.rdp .rdp-day.rdp-day_range_start,.rdp .rdp-day.rdp-day_range_end{color:#fff;background:#926400;font-weight:500}.rdp .rdp-day.rdp-day_selected:hover,.rdp .rdp-day.rdp-day_range_start:hover,.rdp .rdp-day.rdp-day_range_end:hover{background:#805700;opacity:.9}.rdp .rdp-day.rdp-day_range_start{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rdp .rdp-day.rdp-day_range_end{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rdp .rdp-day.rdp-day_range_middle{color:#926400;background:#9264001a;border-radius:0}.rdp .rdp-day.rdp-day_today{font-weight:500;color:#926400;text-decoration:underline;text-underline-offset:2px}.calendar-months{display:flex;gap:1.5rem}.calendar-month{width:100%}.calendar-caption{display:flex;align-items:center;justify-content:center;gap:1rem;padding-bottom:1rem}.calendar-caption-label{font-weight:500;font-size:1rem;color:#926400}.calendar-nav{display:flex;gap:.25rem}.calendar-nav-button{width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:.375rem;color:#926400;background:transparent;border:1px solid #e5e7eb;transition:all .2s ease;cursor:pointer}.calendar-nav-button:hover:not(:disabled){background:#9264001a;color:#805700}.calendar-nav-button:disabled{opacity:.5;cursor:not-allowed}.calendar-table{width:100%;border-collapse:separate;border-spacing:2px}.calendar-head-row{font-weight:500}.calendar-head-cell{text-align:center;padding:.5rem;font-size:.875rem;color:#926400;text-transform:uppercase}.calendar-row{text-align:center}.calendar-cell{text-align:center;padding:0}.calendar-day{width:2.25rem;height:2.25rem;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;color:#374151;cursor:pointer;transition:all .2s ease}.calendar-day:hover:not(:disabled){background:#9264001a;color:#926400}.calendar-day:disabled{opacity:.5;cursor:not-allowed}.calendar-day-selected{background:#926400;color:#fff;font-weight:500}.calendar-day-selected:hover{background:#805700;color:#fff}.calendar-day-today{background:#9264001a;color:#926400;font-weight:500}.calendar-day-outside{color:#9ca3af;opacity:.5}.calendar-day-disabled{color:#9ca3af;opacity:.5;cursor:not-allowed}.calendar-day-range-middle{background:#9264001a;color:#926400;border-radius:0}.calendar-day-hidden{visibility:hidden}.card{border-radius:.75rem;border:1px solid #e5e7eb;background-color:#fff;color:#374151;box-shadow:0 1px 2px #0000000d}.card__header{display:flex;flex-direction:column;gap:.25rem;padding:1.5rem}.card__title{font-size:1.5rem;font-weight:600;line-height:1;letter-spacing:-.02em}.card__description{font-size:.875rem;color:#6b7280}.card__content{padding:1.5rem;padding-top:0}.card__footer{display:flex;align-items:center;padding:1.5rem;padding-top:0}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.skeleton{border-radius:.5rem;background-color:#f1f3f4;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.chart-container{width:100%;height:100%;display:flex;flex-direction:column;min-height:400px;padding:1rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;transition:all .3s ease-in-out}.chart-container:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.chart-container .chart-header{padding:1rem;border-bottom:1px solid var(--border)}.chart-container .chart-header h3{font-size:1rem;font-weight:500;color:var(--foreground);margin:0}.chart-container .chart-header .chart-controls{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:.5rem}.chart-container .chart-content{flex:1;min-height:300px;padding:1rem}.chart-container .chart-content .recharts-responsive-container{font-family:inherit}.chart-container .chart-content .recharts-cartesian-grid-horizontal,.chart-container .chart-content .recharts-cartesian-grid-vertical{stroke:var(--border)}.chart-container .chart-content .recharts-xAxis .recharts-text,.chart-container .chart-content .recharts-yAxis .recharts-text{fill:var(--muted-foreground);font-size:12px}.chart-container .chart-content .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:var(--background)!important;border:1px solid var(--border)!important;border-radius:.375rem;padding:.5rem!important;box-shadow:0 2px 4px #0000001a}.chart-container .chart-content .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{color:var(--foreground);font-weight:500;margin-bottom:.25rem}.chart-container .chart-content .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item{color:var(--muted-foreground);font-size:12px}.chart-container .chart-content .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item .recharts-tooltip-item-name{color:var(--foreground)}.chart-container .chart-content .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item .recharts-tooltip-item-value{color:var(--foreground);font-weight:500}.chart-container .chart-content .chart-color-primary{stroke:var(--primary);fill:var(--primary)}.chart-container .chart-content .chart-color-secondary{stroke:var(--secondary);fill:var(--secondary)}.chart-container .chart-footer{padding:1rem;border-top:1px solid var(--border);display:flex;gap:1rem}.chart-container .chart-footer .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-foreground)}.chart-container .chart-footer .legend-item .legend-color{width:12px;height:12px;border-radius:2px}.chart-container .chart-footer .legend-item .legend-color.chart-color-primary{background-color:var(--primary)}.chart-container .chart-footer .legend-item .legend-color.chart-color-secondary{background-color:var(--secondary)}.legend-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280}.legend-color{width:12px;height:12px;border-radius:.375rem}.legend-color.chart-color-primary{background-color:#040404}.legend-color.chart-color-secondary{background-color:#6b8147}.recharts-tooltip-wrapper{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:.5rem!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.recharts-default-tooltip{background-color:#fff!important;border:none!important;border-radius:.5rem!important;padding:.5rem!important}.recharts-default-tooltip .recharts-tooltip-label{color:#1f2937!important;font-weight:500!important;margin-bottom:.25rem!important}.recharts-default-tooltip .recharts-tooltip-item{color:#6b7280!important;padding:.25rem 0!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e5e7eb!important;stroke-opacity:.2!important}.recharts-xAxis .recharts-cartesian-axis-line,.recharts-yAxis .recharts-cartesian-axis-line,.recharts-xAxis .recharts-cartesian-axis-tick-line,.recharts-yAxis .recharts-cartesian-axis-tick-line{stroke:#e5e7eb!important}.recharts-xAxis .recharts-cartesian-axis-tick-value,.recharts-yAxis .recharts-cartesian-axis-tick-value{fill:#6b7280!important;font-size:.875rem!important}.chart-color-primary{stroke:#040404;fill:#040404}.chart-color-secondary{stroke:#6b8147;fill:#6b8147}.chart-color-success{stroke:#10b981;fill:#10b981}.chart-color-warning{stroke:#f59e0b;fill:#f59e0b}.chart-color-error{stroke:#ef4444;fill:#ef4444}.chart-animate{animation:chart-fade-in .6s ease-out}@keyframes chart-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-charts{margin-top:2rem}.analytics-charts .recharts-responsive-container,.analytics-charts .recharts-wrapper{width:100%!important;height:100%!important}.analytics-charts .recharts-surface{width:100%;height:100%}.analytics-charts .recharts-cartesian-grid-horizontal,.analytics-charts .recharts-cartesian-grid-vertical{stroke:hsl(var(--border))}.analytics-charts .recharts-xAxis .recharts-text,.analytics-charts .recharts-yAxis .recharts-text{fill:hsl(var(--muted-foreground));font-size:12px}.analytics-charts .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:hsl(var(--background))!important;border:1px solid hsl(var(--border))!important;border-radius:var(--radius);padding:.5rem!important;box-shadow:0 2px 4px #0000001a}.analytics-charts .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{color:hsl(var(--foreground));font-weight:500;margin-bottom:.25rem}.analytics-charts .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item{color:hsl(var(--muted-foreground));font-size:12px}.analytics-charts .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item .recharts-tooltip-item-name{color:hsl(var(--foreground))}.analytics-charts .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item .recharts-tooltip-item-value{color:hsl(var(--foreground));font-weight:500}.analytics-charts .recharts-pie-label-text{fill:hsl(var(--foreground));font-size:12px}.analytics-charts .recharts-legend-wrapper .recharts-default-legend .recharts-legend-item{color:hsl(var(--foreground))}.popover-content{z-index:1060;width:18rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;padding:1rem;color:#374151;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;outline:none}.popover-content[data-state=open]{animation:popoverIn .15s cubic-bezier(.16,1,.3,1)}.popover-content[data-state=closed]{animation:popoverOut .15s cubic-bezier(.16,1,.3,1)}.popover-content[data-side=top]{transform-origin:bottom}.popover-content[data-side=bottom]{transform-origin:top;display:block;width:100%}.popover-content[data-side=left]{transform-origin:right}.popover-content[data-side=right]{transform-origin:left}@keyframes popoverIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popoverOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(.5rem)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-.5rem)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(.5rem)}}.popover-content[data-side=top]{animation-name:slideFromTop}.popover-content[data-side=bottom]{animation-name:slideFromBottom}.popover-content[data-side=left]{animation-name:slideFromLeft}.popover-content[data-side=right]{animation-name:slideFromRight}.analytics-tabs{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2rem;width:100%;margin-bottom:1.5rem}.analytics-tabs .tabs-list{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.analytics-tabs .tab-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--muted-foreground);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.analytics-tabs .tab-button:hover{color:var(--foreground);background:var(--accent)}.analytics-tabs .tab-button.active{color:var(--primary-foreground);background:var(--primary)}.analytics-tabs .tab-button .tab-icon{width:1rem;height:1rem}.analytics-tabs .tab-content{outline:none}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;width:100%}.analytics-summary .summary-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;transition:all .3s ease-in-out}.analytics-summary .summary-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.analytics-summary .summary-card .card-title{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.analytics-summary .summary-card .card-value{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.analytics-summary .summary-card .card-comparison{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;font-size:.875rem}.analytics-summary .summary-card .card-comparison.positive{color:#10b981}.analytics-summary .summary-card .card-comparison.negative{color:#ef4444}.analytics-summary .summary-card .card-comparison.neutral{color:#6b7280}.analytics-charts{margin-top:1.5rem;display:grid;gap:1.5rem}.date-range-picker{position:relative;display:inline-block}.date-range-picker .trigger-button{width:300px;display:flex;align-items:center;justify-content:flex-start;text-align:left;font-weight:400;background-color:#fff;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;color:#374151}.date-range-picker .trigger-button:hover{background-color:#f3f4f6}.date-range-picker .trigger-button .calendar-icon{margin-right:.5rem;height:1rem;width:1rem;color:#374151}.date-range-picker .popover-content{padding:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;width:auto!important;min-width:300px}.date-range-picker .popover-content .calendar-container{padding:1rem}.date-range-picker .popover-content .preset-buttons{background-color:#926400;padding:.75rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;max-height:120px;overflow-y:auto}.date-range-picker .popover-content .preset-buttons button{height:1.75rem;padding:0 .75rem;font-size:.75rem;color:#fff;background:transparent;border:none;border-radius:.25rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.date-range-picker .popover-content .preset-buttons button:hover{background-color:#ffffff1a}.date-range-picker .popover-content .action-buttons{padding:.75rem;display:flex;align-items:center;gap:.5rem;border-top:1px solid #e5e7eb}.date-range-picker .popover-content .action-buttons .clear-button{flex:1;height:2rem;font-size:.875rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;color:#374151;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.date-range-picker .popover-content .action-buttons .clear-button:hover:not(:disabled){background-color:#f3f4f6}.date-range-picker .popover-content .action-buttons .clear-button:disabled{opacity:.5;cursor:not-allowed}.date-range-picker .popover-content .action-buttons .clear-button svg{width:.75rem;height:.75rem}.date-range-picker .popover-content .action-buttons .apply-button{flex:1;height:2rem;font-size:.875rem;background-color:#926400;color:#fff;border:none;border-radius:.25rem;cursor:pointer}.date-range-picker .popover-content .action-buttons .apply-button:hover:not(:disabled){background-color:#795300}.date-range-picker .popover-content .action-buttons .apply-button.disabled{opacity:.5;cursor:not-allowed;background-color:#9ca3af}.analytics-dashboard{@apply min-h-screen;background-color:#f8fafc}.analytics-dashboard__container{max-width:1440px;margin:0 auto;padding:2rem}.analytics-dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.analytics-dashboard__header-content{flex:1}.analytics-dashboard__header-content h1{@apply text-4xl font-bold;color:#0f172a;margin-bottom:.5rem}.analytics-dashboard__header-content p{color:#64748b;font-size:1.1rem}.analytics-dashboard__header-filters{min-width:320px;display:flex;flex-direction:column;gap:1rem}.analytics-dashboard .dashboard-header{margin-bottom:2rem}.analytics-dashboard .dashboard-header .header-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.analytics-dashboard .dashboard-header .header-controls .tab-selector,.analytics-dashboard .dashboard-header .header-controls .timeframe-selector{display:flex;gap:.5rem}.analytics-dashboard .dashboard-header .header-controls .tab-selector button,.analytics-dashboard .dashboard-header .header-controls .timeframe-selector button{padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:.25rem;background:#fff;color:#495057;cursor:pointer;transition:all .2s}.analytics-dashboard .dashboard-header .header-controls .tab-selector button:hover,.analytics-dashboard .dashboard-header .header-controls .timeframe-selector button:hover{background:#e9ecef}.analytics-dashboard .dashboard-header .header-controls .tab-selector button.active,.analytics-dashboard .dashboard-header .header-controls .timeframe-selector button.active{background:#007bff;color:#fff;border-color:#0056b3}.analytics-dashboard .dashboard-content .dashboard-overview .metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.analytics-dashboard .dashboard-content .dashboard-overview .metric-cards .metric-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 4px #0000000d}.analytics-dashboard .dashboard-content .dashboard-overview .metric-cards .metric-card h4{color:#6c757d;margin:0 0 .5rem;font-size:.875rem}.analytics-dashboard .dashboard-content .dashboard-overview .metric-cards .metric-card p{color:#212529;font-size:1.5rem;font-weight:600;margin:0}.analytics-dashboard .dashboard-content .dashboard-overview .metric-cards .metric-card.sales{border-left:4px solid #28a745}.analytics-dashboard .dashboard-content .dashboard-overview .metric-cards .metric-card.products{border-left:4px solid #007bff}.analytics-dashboard .dashboard-content .dashboard-overview .metric-cards .metric-card.users{border-left:4px solid #ffc107}.analytics-dashboard .dashboard-content .dashboard-overview .dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.analytics-dashboard .dashboard-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem}.analytics-dashboard .dashboard-card h3{color:#343a40;margin:0 0 1.5rem;font-size:1.25rem}.analytics-dashboard .sales-prediction .sales-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.analytics-dashboard .product-trends .trends-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.analytics-dashboard .product-trends .trends-grid{grid-template-columns:1fr 1fr}}.analytics-dashboard .product-trends .trends-list .trend-item{padding:1rem;border-radius:.25rem;margin-bottom:1rem;background:#f8f9fa}.analytics-dashboard .product-trends .trends-list .trend-item h4{margin:0 0 .5rem;font-size:1rem}.analytics-dashboard .product-trends .trends-list .trend-item .trend-details{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.analytics-dashboard .product-trends .trends-list .trend-item .trend-details .growth-rate{font-weight:600}.analytics-dashboard .product-trends .trends-list .trend-item .trend-details .growth-rate.rising{color:#28a745}.analytics-dashboard .product-trends .trends-list .trend-item .trend-details .growth-rate.stable{color:#ffc107}.analytics-dashboard .product-trends .trends-list .trend-item .trend-details .growth-rate.declining{color:#dc3545}.analytics-dashboard .product-trends .trends-list .trend-item.rising{border-left:3px solid #28a745}.analytics-dashboard .product-trends .trends-list .trend-item.stable{border-left:3px solid #ffc107}.analytics-dashboard .product-trends .trends-list .trend-item.declining{border-left:3px solid #dc3545}.analytics-dashboard .user-behavior .user-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}.analytics-dashboard .user-behavior .user-metrics .segment-card{background:#f8f9fa;padding:1rem;border-radius:.25rem;text-align:center}.analytics-dashboard .user-behavior .user-metrics .segment-card h4{margin:0 0 .5rem;font-size:.875rem;color:#495057}.analytics-dashboard .user-behavior .user-metrics .segment-card p{margin:0;font-size:1rem;color:#212529}.analytics-dashboard .user-behavior .user-metrics .segment-card p:last-child{color:#28a745;font-weight:600}.analytics-dashboard .analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.analytics-dashboard .analytics-loading .spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.analytics-dashboard .analytics-error{text-align:center;padding:2rem;color:#dc3545}.analytics-dashboard .analytics-error button{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:.25rem;background:#dc3545;color:#fff;cursor:pointer}.analytics-dashboard .analytics-error button:hover{background:#e4606d}.analytics-dashboard .recharts-wrapper{margin:0 auto}.analytics-dashboard .recharts-wrapper .recharts-cartesian-grid-horizontal line,.analytics-dashboard .recharts-wrapper .recharts-cartesian-grid-vertical line{stroke:#e9ecef}.analytics-dashboard .recharts-wrapper .recharts-tooltip-wrapper{background:#fff!important;border:1px solid #dee2e6!important;border-radius:.25rem;box-shadow:0 2px 4px #0000001a}.analytics-dashboard .recharts-wrapper .recharts-tooltip-wrapper .recharts-tooltip-item{color:#495057!important}.analytics-dashboard .recharts-wrapper .recharts-legend-wrapper .recharts-legend-item{padding:.25rem .5rem}.analytics-dashboard .recharts-pie-label-text{font-size:.75rem;fill:#495057}.analytics-dashboard .recharts-default-tooltip{background-color:#fff!important;border:1px solid #dee2e6!important;border-radius:.25rem;padding:.5rem!important;box-shadow:0 2px 4px #0000001a}.analytics-dashboard .recharts-default-tooltip .recharts-tooltip-label{color:#212529;font-weight:600;margin-bottom:.25rem}.analytics-dashboard .recharts-default-tooltip .recharts-tooltip-item{color:#495057;padding:.25rem 0}.analytics-dashboard .yam-centro .metrics-overview{margin-bottom:2rem}.analytics-dashboard .yam-centro .metrics-overview .metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.analytics-dashboard .yam-centro .metrics-overview .metric-row .metric-card{background:#f8f9fa;padding:1.5rem;border-radius:.5rem;text-align:center}.analytics-dashboard .yam-centro .metrics-overview .metric-row .metric-card h4{color:#495057;margin:0 0 .5rem;font-size:.875rem}.analytics-dashboard .yam-centro .metrics-overview .metric-row .metric-card p{color:#212529;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.analytics-dashboard .yam-centro .metrics-overview .metric-row .metric-card small{color:#6c757d;font-size:.75rem}.analytics-dashboard .yam-centro .metrics-overview .metric-row .metric-card.reservations{border-left:4px solid #8884d8}.analytics-dashboard .yam-centro .metrics-overview .metric-row .metric-card.cafe{border-left:4px solid #82ca9d}.analytics-dashboard .yam-centro .charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.analytics-dashboard .yam-centro .charts-container .chart-section{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 4px #0000000d}.analytics-dashboard .yam-centro .charts-container .chart-section h3{color:#343a40;margin:0 0 1.5rem;font-size:1.1rem}.analytics-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;overflow:hidden}.analytics-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.analytics-card__header{padding:1.5rem;border-bottom:1px solid #e2e8f0}.analytics-card__header h3{font-size:1.25rem;font-weight:600;color:#0f172a}.analytics-card__body{padding:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 2px #0000000d}.stat-card__title{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-card__value{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.stat-card__trend{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.stat-card__trend--positive{color:#10b981}.stat-card__trend--negative{color:#ef4444}.analytics-tabs{margin-bottom:2rem}.analytics-tabs .tabs-list{display:flex;gap:1rem;padding:.5rem;background:#f1f5f9;border-radius:.75rem;margin-bottom:2rem}.analytics-tabs .tab-trigger{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;color:#64748b;transition:all .2s ease}.analytics-tabs .tab-trigger[data-state=active]{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000d}.analytics-tabs .tab-trigger:hover:not([data-state=active]){background:#f8fafc}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}@media (max-width: 1024px){.analytics-dashboard__header{flex-direction:column;align-items:stretch}.analytics-dashboard__header-filters{min-width:100%}}@media (max-width: 768px){.analytics-dashboard__container{padding:1rem}.stats-grid,.charts-container{grid-template-columns:1fr}.analytics-tabs .tabs-list{flex-wrap:wrap}.analytics-tabs .tab-trigger{flex:1;text-align:center;min-width:120px}}.analytics-dashboard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.analytics-dashboard .analytics-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;margin-bottom:2rem}.analytics-dashboard .analytics-header .header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;flex-wrap:wrap;gap:1rem}@media (max-width: 640px){.analytics-dashboard .analytics-header .header-content{flex-direction:column;align-items:flex-start}}.analytics-dashboard .analytics-header .header-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}@media (max-width: 640px){.analytics-dashboard .analytics-header .header-title{font-size:1.25rem}}.analytics-dashboard .analytics-header .header-description{color:#6b7280;font-size:1rem;margin:0;max-width:600px}@media (max-width: 640px){.analytics-dashboard .analytics-header .header-description{font-size:.875rem}}.analytics-dashboard .analytics-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2rem;width:100%}.analytics-dashboard .analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;width:100%}@media (max-width: 640px){.analytics-dashboard .analytics-summary{grid-template-columns:1fr}}.analytics-dashboard .summary-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;transition:all .3s ease-in-out}.analytics-dashboard .summary-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.analytics-dashboard .summary-card .card-title{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.analytics-dashboard .summary-card .card-value{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}@media (max-width: 640px){.analytics-dashboard .summary-card .card-value{font-size:1.25rem}}.analytics-dashboard .summary-card .card-comparison{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;font-size:.875rem}.analytics-dashboard .summary-card .card-comparison.positive{color:#10b981}.analytics-dashboard .summary-card .card-comparison.negative{color:#ef4444}.analytics-dashboard .summary-card .card-comparison.neutral{color:#6b7280}.analytics-dashboard .analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,600px),1fr));gap:1.5rem;width:100%}@media (max-width: 640px){.analytics-dashboard .analytics-charts{grid-template-columns:1fr}}.analytics-dashboard .analytics-error{max-width:600px;margin:2rem auto;padding:1.5rem;border-radius:.75rem;background:#ef44441a;border:1px solid #ef4444}.analytics-dashboard .analytics-error .error-title{color:#ef4444;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.analytics-dashboard .analytics-error .error-details{color:#6b7280;font-size:.875rem;margin-top:.5rem}.analytics-dashboard .analytics-error .retry-button{margin-top:1rem}.analytics-tabs{display:flex;flex-direction:column;gap:1.5rem;background:var(--card);border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px #0000001a}.analytics-tabs .tabs-header{display:flex;gap:1rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.analytics-tabs .tab-button{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--muted-foreground);border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.analytics-tabs .tab-button:hover{color:var(--foreground)}.analytics-tabs .tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}.analytics-tabs .tab-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.analytics-card{background:var(--card);border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px #0000001a}.analytics-card .card-header{margin-bottom:1rem}.analytics-card .card-header .card-title{font-size:1rem;font-weight:600;color:var(--foreground)}.analytics-card .card-header .card-description{font-size:.875rem;color:var(--muted-foreground)}.analytics-card .card-content .value{font-size:2rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem}.analytics-card .card-content .trend{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.analytics-card .card-content .trend.positive{color:var(--success)}.analytics-card .card-content .trend.negative{color:var(--destructive)}.analytics-dashboard .analytics-charts{background:var(--card);border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px #0000001a}.analytics-tabs{@apply relative;}.analytics-tabs .tabs-list{@apply flex items-center gap-1 p-1 mb-6 bg-muted/30 rounded-lg;}.analytics-tabs .tabs-list .tab-button{@apply relative flex items-center justify-center px-4 py-2.5 text-sm font-medium rounded-md transition-all duration-200 ease-in-out min-w-[100px] flex-1 cursor-pointer;}.analytics-tabs .tabs-list .tab-button:hover:not(.active){@apply bg-muted/50 text-foreground;}.analytics-tabs .tabs-list .tab-button.active{@apply bg-background text-primary shadow-sm;}.analytics-tabs .tabs-list .tab-button.active:after{content:"";@apply absolute bottom-0 left-0 w-full h-0.5 bg-primary rounded-full;animation:tabIndicator .2s ease-in-out forwards}.analytics-tabs .tabs-list .tab-button .tab-icon{@apply mr-2 h-4 w-4;}.analytics-tabs .tabs-list .tab-button .tab-count{@apply ml-2 px-2 py-0.5 text-xs rounded-full bg-muted/50;}.analytics-content{@apply rounded-lg border bg-card p-6 shadow-sm transition-all duration-200;}.analytics-content .card{@apply mb-6 last:mb-0;}@keyframes tabIndicator{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.analytics-loading{position:relative;width:100%;min-height:300px;display:flex;align-items:center;justify-content:center}.analytics-loading .loader{width:48px;height:48px;border:5px solid var(--primary);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.analytics-loading .loader:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:3px solid transparent;border-bottom-color:var(--primary-foreground);animation:rotation .5s linear infinite reverse}.analytics-skeleton{background:linear-gradient(90deg,rgba(var(--muted),.1),rgba(var(--muted),.2),rgba(var(--muted),.1));background-size:200% 100%;animation:loading 1.5s infinite;border-radius:.5rem}.analytics-skeleton.card{height:160px}.analytics-skeleton.chart{height:300px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-top:1.5rem;width:100%}.analytics-charts .chart-container{width:100%;height:300px;margin-top:1rem}.analytics-charts .chart-container:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.analytics-charts .chart-container .chart-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.analytics-charts .chart-container .chart-header .chart-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.analytics-charts .chart-container .chart-header .chart-controls{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:.5rem}.analytics-charts .chart-container .chart-header .chart-controls .chart-filter{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s}.analytics-charts .chart-container .chart-header .chart-controls .chart-filter:hover{border-color:#040404;color:#1f2937}.analytics-charts .chart-container .chart-header .chart-controls .chart-filter.active{background:#040404;color:#fff;border-color:#040404}.analytics-charts .chart-container .chart-content{position:relative;min-height:300px;width:100%}.analytics-charts .chart-container .chart-content .chart-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;height:300px;color:#6b7280}.analytics-charts .chart-container .chart-content .chart-loading .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #040404;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}.analytics-charts .chart-container .chart-content .chart-error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;height:300px;color:#ef4444;text-align:center}.analytics-charts .chart-container .chart-content .chart-error .error-icon{font-size:3rem;margin-bottom:.5rem}.analytics-charts .chart-container .chart-content .chart-error .error-message{font-size:1rem;margin-bottom:.5rem}.analytics-charts .chart-container .chart-content .chart-error .error-action{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.analytics-charts .chart-container .chart-content .chart-error .error-action:hover{background:#eb1515}.analytics-charts .chart-container .chart-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;margin-top:1rem;padding-top:.5rem;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.analytics-charts .chart-container .chart-footer .chart-legend{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:.5rem}.analytics-charts .chart-container .chart-footer .chart-legend .legend-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.analytics-charts .chart-container .chart-footer .chart-legend .legend-item .legend-color{width:12px;height:12px;border-radius:2px}.analytics-charts .chart-container .chart-footer .chart-legend .legend-item .legend-label{font-size:.75rem}.analytics-charts .chart-container .chart-footer .chart-actions{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:.5rem}.analytics-charts .chart-container .chart-footer .chart-actions .action-btn{padding:.25rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;color:#6b7280;font-size:.75rem;cursor:pointer;transition:all .2s}.analytics-charts .chart-container .chart-footer .chart-actions .action-btn:hover{border-color:#040404;color:#1f2937}.analytics-charts .revenue-chart .chart-container{border-left:4px solid #10b981}.analytics-charts .orders-chart .chart-container{border-left:4px solid #040404}.analytics-charts .customers-chart .chart-container{border-left:4px solid #f59e0b}.analytics-charts .products-chart .chart-container{border-left:4px solid #7A8F5A}@media (max-width: 640px){.analytics-charts .chart-container{padding:1rem}.analytics-charts .chart-container .chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}.analytics-charts .chart-container .chart-header .chart-controls{width:100%;justify-content:flex-start}.analytics-charts .chart-container .chart-content{min-height:250px}}.bar-chart .chart-content .chart-bars{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem}.bar-chart .chart-content .chart-bars .bar-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.bar-chart .chart-content .chart-bars .bar-row .bar-label{min-width:80px;font-size:.875rem;color:#6b7280}.bar-chart .chart-content .chart-bars .bar-row .bar-container{flex:1;height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden}.bar-chart .chart-content .chart-bars .bar-row .bar-container .bar-fill{height:100%;background:linear-gradient(90deg,#040404,#6b8147);border-radius:10px;transition:width .8s ease-out}.bar-chart .chart-content .chart-bars .bar-row .bar-value{min-width:60px;text-align:right;font-size:.875rem;font-weight:600;color:#1f2937}.line-chart .chart-content .chart-line{position:relative;width:100%;height:300px}.line-chart .chart-content .chart-line .line-path{fill:none;stroke:#040404;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.line-chart .chart-content .chart-line .area-fill{fill:url(#gradient);opacity:.1}.line-chart .chart-content .chart-line .data-point{fill:#fff;stroke:#040404;stroke-width:2;cursor:pointer;transition:all .2s}.line-chart .chart-content .chart-line .data-point:hover{fill:#040404;r:6}.pie-chart .chart-content .chart-pie{position:relative;width:200px;height:200px;margin:0 auto}.pie-chart .chart-content .chart-pie .pie-slice{cursor:pointer;transition:all .2s}.pie-chart .chart-content .chart-pie .pie-slice:hover{transform:scale(1.05)}.pie-chart .chart-content .chart-pie .pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}.pie-chart .chart-content .chart-pie .pie-center .center-value{font-size:1.125rem;font-weight:600;color:#1f2937}.pie-chart .chart-content .chart-pie .pie-center .center-label{font-size:.75rem;color:#6b7280}.analytics-charts .recharts-responsive-container{font-family:inherit}.analytics-charts .recharts-default-tooltip{background-color:var(--card)!important;border:1px solid var(--border)!important;border-radius:var(--radius);padding:1rem!important;box-shadow:0 4px 6px -1px #0000001a}.analytics-charts .recharts-default-tooltip .recharts-tooltip-label{color:var(--foreground);font-weight:600;margin-bottom:.5rem}.analytics-charts .recharts-default-tooltip .recharts-tooltip-item{color:var(--foreground);font-size:.875rem;padding:.25rem 0}.analytics-charts .recharts-default-tooltip .recharts-tooltip-item .recharts-tooltip-item-name{color:var(--muted-foreground)}.analytics-charts .recharts-default-tooltip .recharts-tooltip-item .recharts-tooltip-item-separator{margin:0 .5rem}.analytics-charts .recharts-default-tooltip .recharts-tooltip-item .recharts-tooltip-item-value{font-weight:600}.analytics-charts .recharts-cartesian-grid-horizontal line,.analytics-charts .recharts-cartesian-grid-vertical line{stroke:var(--border);stroke-opacity:.5}.analytics-charts .recharts-xAxis .recharts-cartesian-axis-tick-value,.analytics-charts .recharts-yAxis .recharts-cartesian-axis-tick-value{fill:var(--muted-foreground);font-size:.75rem}.analytics-charts .recharts-legend-wrapper .recharts-default-legend{text-align:center!important;margin:0!important;padding:0!important}.analytics-charts .recharts-legend-wrapper .recharts-default-legend .recharts-legend-item{display:inline-flex!important;align-items:center;margin:0 1rem!important}.analytics-charts .recharts-legend-wrapper .recharts-default-legend .recharts-legend-item .recharts-legend-item-text{color:var(--foreground)!important;font-size:.875rem}.analytics-charts .recharts-line-curve{stroke-width:2}.analytics-charts .recharts-bar-rectangle{fill-opacity:.8}.analytics-charts .recharts-bar-rectangle:hover{fill-opacity:1}.analytics-charts .recharts-area-area{fill-opacity:.2}.analytics-charts .recharts-dot{fill:var(--background);stroke-width:2}.analytics-charts .recharts-label{fill:var(--foreground);font-size:.75rem}.analytics-charts .recharts-active-dot{r:6;stroke-width:2;fill:var(--background)}.analytics-charts .recharts-reference-line line{stroke:var(--border);stroke-dasharray:3 3}@media (max-width: 768px){.analytics-charts{grid-template-columns:1fr}.analytics-charts .chart-container{height:250px}}@media (max-width: 480px){.analytics-charts .chart-container{height:200px}.analytics-charts .recharts-legend-wrapper .recharts-default-legend .recharts-legend-item{margin:0 .5rem!important}.analytics-charts .recharts-legend-wrapper .recharts-default-legend .recharts-legend-item .recharts-legend-item-text{font-size:.75rem}}.analytics-charts{padding:1.5rem}.analytics-charts .analytics-header{margin-bottom:2rem;display:flex;justify-content:flex-end}.analytics-charts .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:1.5rem}.analytics-charts .card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.analytics-charts .card__header{padding:1.25rem;border-bottom:1px solid #e2e8f0}.analytics-charts .card__header h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.analytics-charts .card__header p{font-size:.875rem;color:#64748b}.analytics-charts .card__content{padding:1.25rem;height:400px;position:relative}.analytics-charts .card__content canvas{width:100%!important;height:100%!important}.date-picker-wrapper{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.date-picker-select{min-width:200px}.date-picker-select button{width:100%;height:42px;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:0 1rem;font-size:.9rem;font-weight:500;color:#1e293b;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.date-picker-select button:hover{background:#f1f5f9;border-color:#c0cddf}.date-picker-select button:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.date-picker-range{flex:1;min-width:260px}.date-picker-range button{width:100%;height:42px;display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:0 1rem;font-size:.9rem;font-weight:500;color:#1e293b;transition:all .2s ease}.date-picker-range button:hover{background:#f1f5f9;border-color:#c0cddf}.date-picker-range button:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.date-picker-range button svg{width:18px;height:18px;color:#1e293b;opacity:.7}.date-popover{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:.5rem;padding:0;z-index:50;min-width:max-content}.date-popover-content{padding:0}.select-content{max-height:300px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;margin-top:.5rem;padding:.5rem;z-index:50}.select-content-item{padding:.75rem 1rem;font-size:.9rem;font-weight:500;color:#1e293b;border-radius:.5rem;cursor:pointer;transition:all .2s ease;margin-bottom:2px}.select-content-item:hover{background:#f1f5f9}.select-content-item[data-selected]{background:#3b82f6;color:#fff}.select-content::-webkit-scrollbar{width:6px}.select-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.select-content::-webkit-scrollbar-thumb{background:#c0cddf;border-radius:3px}.react-datepicker{font-family:inherit;border:1px solid #e2e8f0;border-radius:.75rem;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a}.react-datepicker__header{background-color:#fff;border-bottom:1px solid #e2e8f0;border-radius:.75rem .75rem 0 0;padding-top:.5rem}.react-datepicker__navigation{top:.75rem}.react-datepicker__navigation-icon:before{border-color:#1e293b}.react-datepicker__navigation:hover *:before{border-color:#3b82f6}.react-datepicker__month{margin:.5rem}.react-datepicker__day-name{color:#1e293b;font-weight:500;font-size:.85rem;margin:.3rem;width:2rem;text-transform:uppercase}.react-datepicker__day{color:#1e293b;margin:.3rem;width:2rem;height:2rem;line-height:2rem;border-radius:.5rem;font-size:.9rem}.react-datepicker__day:hover{background-color:#f1f5f9}.react-datepicker__day--selected{background-color:#3b82f6!important;color:#fff!important;font-weight:600}.react-datepicker__day--selected:hover{background-color:#2372f5!important}.react-datepicker__day--keyboard-selected{background-color:#fefeff;color:#1e293b}.react-datepicker__day--today{font-weight:600;color:#3b82f6}.react-datepicker__day--in-range{background-color:#fff;color:#1e293b}.react-datepicker__day--in-selecting-range{background-color:#fefeff}.react-datepicker__day--disabled{color:#94a3b8}.react-datepicker__current-month{color:#1e293b;font-weight:600;font-size:1rem;padding-bottom:.5rem;text-transform:capitalize}.react-datepicker__input-container input{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;color:#1e293b;background-color:#fff;transition:all .2s ease}.react-datepicker__input-container input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.react-datepicker__input-container input::placeholder{color:#94a3b8}.date-range-picker{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.date-range-picker .react-datepicker-wrapper{width:auto}.date-range-picker input{width:100%;height:42px;padding:0 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;color:#1e293b;background-color:#fff;transition:all .2s ease}.date-range-picker input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.date-range-picker input::placeholder{color:#94a3b8}@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}.sidebar{width:280px;height:100vh;background-color:#1a1a1a;color:#fff;position:fixed;left:0;top:0;display:flex;flex-direction:column;overflow-y:auto;z-index:1000;transition:all .3s ease}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header .logo{width:40px;height:40px;border-radius:8px;object-fit:contain;background:transparent}.sidebar-header h2{font-size:1.2rem;font-weight:600;margin:0}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin:.25rem 0}.menu-item{display:flex;align-items:center;padding:.75rem 1.5rem;color:#fff;text-decoration:none;gap:1rem;transition:background-color .2s;cursor:pointer}.menu-item svg{width:1.2rem;height:1.2rem;opacity:.8}.menu-item span{flex:1}.menu-item:hover{background-color:#ffffff1a}.menu-item.has-submenu .submenu-arrow{transition:transform .3s ease}.menu-item.has-submenu.expanded .submenu-arrow{transform:rotate(90deg)}.submenu{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:#0003}.submenu.expanded{max-height:500px}.submenu .menu-item{padding-left:3.7rem;font-size:.9rem}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer .logout-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:transparent;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.sidebar-footer .logout-button:hover{background-color:#ffffff1a}.sidebar-footer .logout-button svg{width:1.2rem;height:1.2rem}.blog-manager{padding:2rem}.blog-manager .manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.blog-manager .manager-header .header-content h1{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.blog-manager .manager-header .header-content p{color:#666;font-size:1.1rem}.blog-manager .manager-header .header-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600}.blog-manager .filters-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.blog-manager .filters-section .search-filter{margin-bottom:1rem}.blog-manager .filters-section .search-filter .search-input{position:relative}.blog-manager .filters-section .search-filter .search-input .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666}.blog-manager .filters-section .search-filter .search-input input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.blog-manager .filters-section .search-filter .search-input input:focus{outline:none;border-color:#6b8147}.blog-manager .filters-section .filter-controls{display:flex;gap:1rem;flex-wrap:wrap}.blog-manager .filters-section .filter-controls .filter-group{display:flex;flex-direction:column;gap:.5rem}.blog-manager .filters-section .filter-controls .filter-group label{font-weight:600;color:#333;font-size:.9rem}.blog-manager .filters-section .filter-controls .filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.blog-manager .filters-section .filter-controls .filter-group select:focus{outline:none;border-color:#6b8147}.blog-manager .posts-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.blog-manager .posts-table .table-header{background:#f8f9fa;border-bottom:1px solid #e9ecef}.blog-manager .posts-table .table-header .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;font-weight:600;color:#333}.blog-manager .posts-table .table-body .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f3f4;align-items:center}.blog-manager .posts-table .table-body .table-row:hover{background:#f8f9fa}.blog-manager .posts-table .table-body .table-row .col-title .post-info h4{font-size:1rem;font-weight:600;color:#333;margin-bottom:.25rem}.blog-manager .posts-table .table-body .table-row .col-title .post-info p{color:#666;font-size:.9rem;margin-bottom:.5rem;line-height:1.4}.blog-manager .posts-table .table-body .table-row .col-title .post-info .post-meta{display:flex;gap:.5rem;flex-wrap:wrap}.blog-manager .posts-table .table-body .table-row .col-title .post-info .post-meta .reading-time{color:#666;font-size:.8rem}.blog-manager .posts-table .table-body .table-row .col-title .post-info .post-meta .tag{background:#f1f3f4;color:#666;padding:.2rem .5rem;border-radius:12px;font-size:.8rem}.blog-manager .posts-table .table-body .table-row .col-category .category-badge{color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.blog-manager .posts-table .table-body .table-row .col-author,.blog-manager .posts-table .table-body .table-row .col-date{font-size:.9rem;color:#666}.blog-manager .posts-table .table-body .table-row .col-status .status-badges{display:flex;flex-direction:column;gap:.25rem}.blog-manager .posts-table .table-body .table-row .col-status .status-badges .badge{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;text-align:center}.blog-manager .posts-table .table-body .table-row .col-status .status-badges .badge.badge-draft{background:#fff3cd;color:#856404}.blog-manager .posts-table .table-body .table-row .col-status .status-badges .badge.badge-published{background:#d4edda;color:#155724}.blog-manager .posts-table .table-body .table-row .col-status .status-badges .badge.badge-featured{background:#f8d7da;color:#721c24}.blog-manager .posts-table .table-body .table-row .col-actions .action-buttons{display:flex;gap:.25rem;flex-wrap:wrap}.blog-manager .posts-table .table-body .table-row .col-actions .action-buttons .btn{padding:.5rem;font-size:.8rem;min-width:auto}.blog-manager .posts-table .table-body .table-row .col-actions .action-buttons .btn.btn-sm{padding:.25rem .5rem;font-size:.75rem}.blog-manager .posts-table .empty-state{text-align:center;padding:4rem 2rem}.blog-manager .posts-table .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.blog-manager .posts-table .empty-state h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.blog-manager .posts-table .empty-state p{color:#666;margin-bottom:2rem}.blog-manager .stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.blog-manager .stats-section .stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.blog-manager .stats-section .stat-card h3{font-size:2rem;font-weight:700;color:#6b8147;margin-bottom:.5rem}.blog-manager .stats-section .stat-card p{color:#666;font-size:.9rem}.color-input-group{display:flex;align-items:center;gap:.5rem}.color-input-group .color-picker{width:50px;height:40px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:border-color .3s ease}.color-input-group .color-picker:focus{outline:none;border-color:#8fa966}.color-input-group .color-picker:hover{border-color:#8fa966}.color-input-group .color-text{flex:1;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-family:Courier New,monospace;transition:border-color .3s ease}.color-input-group .color-text:focus{outline:none;border-color:#8fa966}.color-input-group .color-text::placeholder{color:#adb5bd}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.blog-editor .editor-container{grid-template-columns:1fr}.blog-manager .posts-table .table-header,.blog-manager .posts-table .table-body .table-row{grid-template-columns:1fr;gap:.5rem}.color-input-group{flex-direction:column;align-items:stretch}.color-input-group .color-picker{width:100%;height:50px}}h1{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}p{color:#666;font-size:1.1rem}.header-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600}.filters-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.filters-section .search-filter{margin-bottom:1rem}.filters-section .search-filter .search-input{position:relative}.filters-section .search-filter .search-input .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666}.filters-section .search-filter .search-input input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.filters-section .search-filter .search-input input:focus{outline:none;border-color:#6b8147}.filters-section .filter-controls{display:flex;gap:1rem;flex-wrap:wrap}.filters-section .filter-controls .filter-group{display:flex;flex-direction:column;gap:.5rem}.filters-section .filter-controls .filter-group label{font-weight:600;color:#333;font-size:.9rem}.filters-section .filter-controls .filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.filters-section .filter-controls .filter-group select:focus{outline:none;border-color:#6b8147}.posts-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.posts-table .table-header{background:#f8f9fa;border-bottom:1px solid #e9ecef}.posts-table .table-header .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;font-weight:600;color:#333}.posts-table .table-body .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f3f4;align-items:center}.posts-table .table-body .table-row:hover{background:#f8f9fa}.posts-table .table-body .table-row .col-title .post-info h4{font-size:1rem;font-weight:600;color:#333;margin-bottom:.25rem}.posts-table .table-body .table-row .col-title .post-info p{color:#666;font-size:.9rem;margin-bottom:.5rem;line-height:1.4}.posts-table .table-body .table-row .col-title .post-info .post-meta{display:flex;gap:.5rem;flex-wrap:wrap}.posts-table .table-body .table-row .col-title .post-info .post-meta .reading-time{color:#666;font-size:.8rem}.posts-table .table-body .table-row .col-title .post-info .post-meta .tag{background:#f1f3f4;color:#666;padding:.2rem .5rem;border-radius:12px;font-size:.8rem}.posts-table .table-body .table-row .col-category .category-badge{color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.posts-table .table-body .table-row .col-author,.posts-table .table-body .table-row .col-date{font-size:.9rem;color:#666}.posts-table .table-body .table-row .col-status .status-badges{display:flex;flex-direction:column;gap:.25rem}.posts-table .table-body .table-row .col-status .status-badges .badge{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;text-align:center}.posts-table .table-body .table-row .col-status .status-badges .badge.badge-draft{background:#fff3cd;color:#856404}.posts-table .table-body .table-row .col-status .status-badges .badge.badge-published{background:#d4edda;color:#155724}.posts-table .table-body .table-row .col-status .status-badges .badge.badge-featured{background:#f8d7da;color:#721c24}.posts-table .table-body .table-row .col-actions .action-buttons{display:flex;gap:.25rem;flex-wrap:wrap}.posts-table .table-body .table-row .col-actions .action-buttons .btn{padding:.5rem;font-size:.8rem;min-width:auto}.posts-table .table-body .table-row .col-actions .action-buttons .btn.btn-sm{padding:.25rem .5rem;font-size:.75rem}.posts-table .empty-state{text-align:center;padding:4rem 2rem}.posts-table .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.posts-table .empty-state h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.posts-table .empty-state p{color:#666;margin-bottom:2rem}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.stats-section .stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.stats-section .stat-card h3{font-size:2rem;font-weight:700;color:#6b8147;margin-bottom:.5rem}.stats-section .stat-card p{color:#666;font-size:.9rem}.elevenlabs-usage{margin:1rem 0}.elevenlabs-usage .usage-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.elevenlabs-usage .usage-card.error{border:2px solid #dc3545}.elevenlabs-usage .usage-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#6b8147,#8fa966);color:#fff}.elevenlabs-usage .usage-card .card-header h3{margin:0;font-size:1.1rem;font-weight:600}.elevenlabs-usage .usage-card .card-header .refresh-btn{background:#fff3;border:none;color:#fff;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.elevenlabs-usage .usage-card .card-header .refresh-btn:hover:not(:disabled){background:#ffffff4d}.elevenlabs-usage .usage-card .card-header .refresh-btn.spinning{animation:spin 1s linear infinite}.elevenlabs-usage .usage-card .usage-content{padding:1.5rem}.elevenlabs-usage .usage-card .usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.elevenlabs-usage .usage-card .usage-stats .stat-item{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px}.elevenlabs-usage .usage-card .usage-stats .stat-item .stat-label{display:block;font-size:.9rem;color:#6c757d;margin-bottom:.5rem}.elevenlabs-usage .usage-card .usage-stats .stat-item .stat-value{display:block;font-size:1.2rem;font-weight:600;color:#495057}.elevenlabs-usage .usage-card .usage-progress{margin-bottom:1.5rem}.elevenlabs-usage .usage-card .usage-progress .progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.elevenlabs-usage .usage-card .usage-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997,#17a2b8);transition:width .3s ease}.elevenlabs-usage .usage-card .usage-progress .progress-text{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.elevenlabs-usage .usage-card .usage-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.elevenlabs-usage .usage-card .usage-details .detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px}.elevenlabs-usage .usage-card .usage-details .detail-item .detail-label{font-weight:500;color:#6c757d}.elevenlabs-usage .usage-card .usage-details .detail-item .detail-value{font-weight:600;color:#495057}.elevenlabs-usage .usage-card .usage-warning{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404}.elevenlabs-usage .usage-card .usage-warning .warning-icon{font-size:1.2rem;color:#f39c12}.elevenlabs-usage .usage-card .usage-warning p{margin:0;font-weight:500}.elevenlabs-usage .usage-card .loading-state{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#6c757d}.elevenlabs-usage .usage-card .loading-state .spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #6B8147;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.elevenlabs-usage .usage-card .error-state{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center}.elevenlabs-usage .usage-card .error-state .error-icon{font-size:2rem;color:#dc3545;margin-bottom:1rem}.elevenlabs-usage .usage-card .error-state .error-message{color:#dc3545;margin-bottom:1rem}.elevenlabs-usage .usage-card .error-state .retry-btn{background:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:background .3s ease}.elevenlabs-usage .usage-card .error-state .retry-btn:hover{background:#c82333}.elevenlabs-usage .usage-card .no-data{padding:2rem;text-align:center;color:#6c757d}.blog-editor{padding:2rem}.blog-editor .editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.blog-editor .editor-header .header-content h1{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.blog-editor .editor-header .header-content p{color:#666;font-size:1.1rem}.blog-editor .editor-header .header-actions .btn{display:flex;align-items:center;gap:.5rem}.blog-editor .editor-container{display:grid;grid-template-columns:1fr 300px;gap:2rem}.blog-editor .editor-container .editor-main .editor-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.blog-editor .editor-container .editor-main .editor-section h3{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f1f3f4}.blog-editor .editor-container .editor-main .editor-section .form-group{margin-bottom:1.5rem}.blog-editor .editor-container .editor-main .editor-section .form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.blog-editor .editor-container .editor-main .editor-section .form-group .form-control{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.blog-editor .editor-container .editor-main .editor-section .form-group .form-control:focus{outline:none;border-color:#6b8147}.blog-editor .editor-container .editor-main .editor-section .form-group small{color:#666;font-size:.8rem;margin-top:.25rem;display:block}.blog-editor .editor-container .editor-main .editor-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.blog-editor .editor-container .editor-main .editor-section .tags-input .tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-editor .editor-container .editor-main .editor-section .tags-input .tags-container .tag{background:#6b8147;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:.5rem}.blog-editor .editor-container .editor-main .editor-section .tags-input .tags-container .tag .tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:.7rem}.blog-editor .editor-container .editor-main .editor-section .tags-input .tags-container .tag .tag-remove:hover{opacity:.8}.blog-editor .editor-container .editor-main .editor-section .tags-input .tag-input-group{display:flex;gap:.5rem}.blog-editor .editor-container .editor-main .editor-section .tags-input .tag-input-group input{flex:1}.blog-editor .editor-container .editor-main .editor-section .tags-input .tag-input-group .btn{padding:.75rem 1rem}.blog-editor .editor-container .editor-main .editor-section .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.blog-editor .editor-container .editor-main .editor-section .checkbox-label input[type=checkbox]{margin:0}.blog-editor .editor-container .editor-sidebar .sidebar-widget{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem}.blog-editor .editor-container .editor-sidebar .sidebar-widget h3{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:1rem}.blog-editor .editor-container .editor-sidebar .sidebar-widget .action-buttons{display:flex;flex-direction:column;gap:.75rem}.blog-editor .editor-container .editor-sidebar .sidebar-widget .action-buttons .btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;font-weight:600}.blog-editor .editor-container .editor-sidebar .sidebar-widget .preview-content{border:1px solid #e9ecef;border-radius:6px;padding:1rem}.blog-editor .editor-container .editor-sidebar .sidebar-widget .preview-content h4{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.blog-editor .editor-container .editor-sidebar .sidebar-widget .preview-content .preview-description{color:#666;font-size:.9rem;margin-bottom:1rem;line-height:1.4}.blog-editor .editor-container .editor-sidebar .sidebar-widget .preview-content .preview-meta{display:flex;gap:.5rem;margin-bottom:.5rem}.blog-editor .editor-container .editor-sidebar .sidebar-widget .preview-content .preview-meta .preview-category{background:#6b8147;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.8rem}.blog-editor .editor-container .editor-sidebar .sidebar-widget .preview-content .preview-meta .preview-time{color:#666;font-size:.8rem}.blog-editor .editor-container .editor-sidebar .sidebar-widget .preview-content .preview-featured{background:#f8d7da;color:#721c24;padding:.2rem .5rem;border-radius:12px;font-size:.8rem}.qr-codes-admin{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;overflow:visible}.qr-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1.5rem;max-width:100%;background:#fff;border-radius:12px;margin:2rem 0;border:2px solid #007bff;box-shadow:0 4px 12px #007bff1a;position:relative}.qr-codes-grid:before{content:"🎯 GRID DE CÓDIGOS QR";position:absolute;top:-15px;left:20px;background:#007bff;color:#fff;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:700;z-index:10}.qr-code-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;min-height:400px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid #28a745;position:relative;margin-bottom:1rem}.qr-code-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#007bff,#28a745,#ffc107,#dc3545)}.qr-code-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px #0003;z-index:2;border-color:#007bff}.qr-code-name{font-weight:600;color:#2c3e50;font-size:1rem;margin-bottom:.5rem}.qr-code-type{background:#e8f5e8;color:#2e7d32;padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600;margin-bottom:.5rem;display:inline-block}.qr-code-url{color:#7f8c8d;font-size:.8rem;margin-bottom:.5rem;word-break:break-all;padding:.5rem;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.qr-code-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;color:#7f8c8d;padding:.5rem;background:#fff3cd;border-radius:6px;border:1px solid #ffeaa7}.qr-code-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:auto;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.btn-action{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px;text-align:center;margin:.25rem;box-shadow:0 2px 4px #0000001a}.btn-download{background:#8fa966;color:#fff;border:2px solid #6c8a4d;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.btn-download:hover{background:#6c8a4d;transform:translateY(-2px);box-shadow:0 4px 12px #8fa96666;border-color:#5a7a3f}.btn-toggle{background:#6c757d;color:#fff;border:2px solid #5a6268;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.btn-toggle:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d66;border-color:#495057}.btn-delete{background:#dc3545;color:#fff;border:2px solid #c82333;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.btn-delete:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc354566;border-color:#a71e2a}.btn-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.create-qr-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:3rem;border:2px solid #28a745;position:relative}.create-qr-section:before{content:"🚀 CREAR NUEVO QR";position:absolute;top:-15px;left:20px;background:#28a745;color:#fff;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:700;z-index:10}.filters{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:#e3f2fd;border-radius:8px;border:1px solid #bbdefb}.filter-select{padding:.5rem 1rem;border:2px solid #2196f3;border-radius:8px;background:#fff;font-size:.9rem;min-width:150px}.header{text-align:center;margin-bottom:3rem}.header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.header p{color:#7f8c8d;font-size:1.1rem}.qr-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#2c3e50;margin-bottom:.5rem}.form-group input,.form-group select{padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8fa966}.btn-create{background:linear-gradient(135deg,#8fa966,#6b8147);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease}.btn-create:hover{transform:translateY(-2px)}.qr-codes-list h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.5rem}.qr-code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.qr-code-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.qr-code-status.active{background:#d4edda;color:#155724}.qr-code-status.inactive{background:#f8d7da;color:#721c24}.loading{text-align:center;padding:4rem;font-size:1.2rem;color:#6c757d}@media (max-width: 768px){.qr-codes-grid{grid-template-columns:1fr;padding:1rem}.filters{flex-direction:column}.filter-select{min-width:100%}.form-row{grid-template-columns:1fr}}.qr-code-image{text-align:center;margin:.75rem 0;padding:.75rem;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6;display:flex;align-items:center;justify-content:center}.qr-code-image img{max-width:200px;width:200px;height:200px;object-fit:contain;border-radius:8px;border:2px solid #ffffff;padding:.25rem;background:#fff;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.qr-code-image img:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:#f8f9fa;border-radius:8px;border:2px dashed #6c757d;padding:1rem}.qr-placeholder .qr-placeholder-icon{font-size:2rem;margin-bottom:.5rem;opacity:.7}.qr-placeholder .qr-placeholder-text{font-size:.9rem;font-weight:600;color:#495057;margin-bottom:.25rem;text-align:center}.qr-placeholder .qr-placeholder-subtext{font-size:.75rem;color:#6c757d;background:#e9ecef;padding:.25rem .5rem;border-radius:16px;border:1px solid #dee2e6}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.blog-editor .editor-container{grid-template-columns:1fr}.blog-manager .posts-table .table-header,.blog-manager .posts-table .table-body .table-row{grid-template-columns:1fr;gap:.5rem}}.disponibilidad-content-minimal{max-width:1400px;margin:0 auto;padding:0}.form-section-minimal{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f3f4}.form-header h3{margin:0;color:#333;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.form-header h3 .icon{color:#926400}.cancel-edit-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.cancel-edit-btn:hover{background:#bd2130;transform:translateY(-1px)}.form-compact{width:100%}.form-compact .form-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto auto;gap:1rem;align-items:end}.form-compact .form-group{display:flex;flex-direction:column;gap:.5rem}.form-compact .form-group label{font-weight:600;color:#333;font-size:.9rem;margin-bottom:.25rem}.form-compact .form-group input,.form-compact .form-group select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:border-color .2s ease;background:#fff;width:100%}.form-compact .form-group input:focus,.form-compact .form-group select:focus{outline:none;border-color:#926400;box-shadow:0 0 0 3px #9264001a}.form-compact .checkbox-group{justify-content:center;align-items:center}.form-compact .checkbox-group .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#333;cursor:pointer;white-space:nowrap;margin:0}.form-compact .checkbox-group .checkbox-label input[type=checkbox]{width:auto;margin:0;transform:scale(1.2)}.form-compact .submit-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#926400;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px;justify-content:center}.form-compact .submit-button:hover:not(:disabled){background:#7a5400;transform:translateY(-2px);box-shadow:0 4px 12px #9264004d}.form-compact .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f3f4}.table-header h3{margin:0;color:#333;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.table-header h3 .icon{color:#926400}.table-header .count{background:#f8f9fa;color:#6c757d;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.horarios-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.horarios-table thead{background:#f8f9fa}.horarios-table th{padding:1rem .5rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.horarios-table th:nth-child(1){width:15%}.horarios-table th:nth-child(2){width:20%}.horarios-table th:nth-child(3){width:20%}.horarios-table th:nth-child(4){width:15%}.horarios-table th:nth-child(5){width:15%}.horarios-table td{padding:.75rem .5rem;border-bottom:1px solid #f1f3f4;vertical-align:middle;word-wrap:break-word;overflow:hidden}.horarios-table tbody tr:hover{background:#f8f9fa}.horarios-table tr:last-child td{border-bottom:none}.dia-cell{width:15%}.dia-badge{background:#e3f2fd;color:#1976d2;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.horario-cell{width:20%}.horario-time{font-weight:600;color:#333;font-family:Courier New,monospace;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.servicio-cell{width:20%}.servicio-badge{background:#e8f5e8;color:#2e7d32;padding:.25rem .4rem;border-radius:8px;font-size:.75rem;font-weight:500;white-space:nowrap;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.servicio-all{color:#6c757d;font-style:italic;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.estado-cell{width:15%}.estado-badge{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .4rem;border-radius:8px;white-space:nowrap;max-width:100%;overflow:hidden}.estado-badge.activo{background:#d4edda;color:#155724}.estado-badge.inactivo{background:#f8d7da;color:#721c24}.acciones-cell{width:15%;text-align:center}.acciones-buttons{display:flex;gap:.25rem;justify-content:center;align-items:center}.btn-edit,.btn-delete{padding:.25rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.7rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px}.btn-edit{background:#007bff;color:#fff}.btn-edit:hover{background:#0062cc;transform:translateY(-1px)}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#bd2130;transform:translateY(-1px)}.inactive-row{opacity:.6;background:#f5f5f5!important}.empty-row{text-align:center;color:#6c757d;font-style:italic;padding:2rem!important}.filters-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f1f3f4}.filters-header h3{margin:0;color:#333;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.filters-header h3 .icon{color:#926400}.clear-filters-btn{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.clear-filters-btn:hover{background:#545b62;transform:translateY(-1px)}.filters-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#333;font-size:.9rem;margin-bottom:.25rem}.search-input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:border-color .2s ease;background:#fff;width:100%}.search-input:focus{outline:none;border-color:#926400;box-shadow:0 0 0 3px #9264001a}.filter-select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:border-color .2s ease;background:#fff;width:100%;cursor:pointer}.filter-select:focus{outline:none;border-color:#926400;box-shadow:0 0 0 3px #9264001a}.time-input-group{display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1rem 1.5rem;transition:all .2s ease;min-height:56px;justify-content:center}.time-input-group:focus-within{border-color:#926400;box-shadow:0 0 0 3px #9264001a}.time-input-group:hover{border-color:#c7c7c7}.time-hour-select,.time-minute-select,.time-ampm-select{border:1px solid #e0e0e0;background:#f8f9fa;font-size:1rem;color:#333;cursor:pointer;outline:none;padding:.75rem 1rem;border-radius:6px;transition:all .2s ease;font-weight:500;text-align:center}.time-hour-select:focus,.time-minute-select:focus,.time-ampm-select:focus{outline:none;border-color:#926400;background:#fff;box-shadow:0 0 0 2px #9264001a}.time-hour-select:hover,.time-minute-select:hover,.time-ampm-select:hover{border-color:#926400;background:#fff}.time-hour-select,.time-minute-select{min-width:80px;max-width:90px}.time-ampm-select{min-width:70px;max-width:80px;font-weight:600;color:#926400;background:#f0f8ff;border-color:#926400}.time-ampm-select:focus{background:#fff;border-color:#5f4100}.time-ampm-select:hover{background:#fff;border-color:#5f4100}.time-separator{font-weight:700;color:#333;font-size:1.4rem;margin:0 .5rem;user-select:none}.popup-modal .form-compact .form-row{display:flex;flex-direction:column;gap:1.5rem}.popup-modal .form-compact .form-group{margin-bottom:0}.popup-modal .form-compact .form-group label{font-weight:600;color:#333;font-size:.95rem;margin-bottom:.5rem;display:block}.popup-modal .form-compact .form-group input,.popup-modal .form-compact .form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:all .2s ease;background:#fff}.popup-modal .form-compact .form-group input:focus,.popup-modal .form-compact .form-group select:focus{outline:none;border-color:#926400;box-shadow:0 0 0 3px #9264001a}.popup-modal .form-compact .form-group input:hover,.popup-modal .form-compact .form-group select:hover{border-color:#c7c7c7}.popup-modal .form-compact .form-group:nth-child(1),.popup-modal .form-compact .form-group:nth-child(4){display:inline-block;width:calc(50% - .75rem);vertical-align:top}.popup-modal .form-compact .form-group:nth-child(1){margin-right:1.5rem}.popup-modal .form-compact .form-group:has(.time-input-group){text-align:center}.popup-modal .form-compact .time-input-group{max-width:450px;margin:0 auto}.popup-modal .form-compact .checkbox-group{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;justify-content:center}.popup-modal .form-compact .checkbox-group .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#333;cursor:pointer;margin:0}.popup-modal .form-compact .checkbox-group .checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#926400}.popup-modal .form-compact .form-group:last-child{text-align:center;margin-top:1rem}.popup-modal .form-compact .submit-button{width:100%;max-width:250px;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600}@media (max-width: 768px){.popup-modal .form-compact .form-group:nth-child(1),.popup-modal .form-compact .form-group:nth-child(4){display:block;width:100%;margin-right:0}.popup-modal .form-compact .time-input-group{flex-wrap:nowrap;gap:.5rem;padding:.75rem;max-width:350px}.popup-modal .form-compact .time-hour-select,.popup-modal .form-compact .time-minute-select,.popup-modal .form-compact .time-ampm-select{min-width:60px;max-width:70px;padding:.6rem;font-size:.9rem}.popup-modal .form-compact .time-separator{font-size:1.2rem}}@media (max-width: 480px){.popup-modal .form-compact .time-input-group{max-width:300px;padding:.75rem}.popup-modal .form-compact .time-hour-select,.popup-modal .form-compact .time-minute-select,.popup-modal .form-compact .time-ampm-select{min-width:55px;max-width:65px;padding:.5rem;font-size:.85rem}}@media (max-width: 1200px){.form-compact .form-row{grid-template-columns:1fr 1fr 1fr 1fr auto auto}}@media (max-width: 992px){.form-compact .form-row{grid-template-columns:1fr 1fr 1fr auto auto}.form-compact .form-group:nth-child(4){grid-column:1/-1}.filters-row{grid-template-columns:2fr 1fr 1fr auto}.filter-group:nth-child(4){grid-column:1/-1}}@media (max-width: 768px){.form-compact .form-row{grid-template-columns:1fr 1fr auto auto;gap:.75rem}.form-compact .form-group:nth-child(3),.form-compact .form-group:nth-child(4){grid-column:1/-1}.horarios-table{font-size:.75rem}.horarios-table th,.horarios-table td{padding:.5rem .25rem}.horarios-table th:nth-child(1){width:18%}.horarios-table th:nth-child(2){width:22%}.horarios-table th:nth-child(3){width:20%}.horarios-table th:nth-child(4){width:15%}.horarios-table th:nth-child(5){width:15%}.btn-edit,.btn-delete{width:24px;height:24px;min-width:24px;min-height:24px;font-size:.6rem}.filters-row{grid-template-columns:1fr 1fr auto;gap:.75rem}.filter-group:nth-child(3),.filter-group:nth-child(4){grid-column:1/-1}}@media (max-width: 576px){.form-compact .form-row{grid-template-columns:1fr;gap:1rem}.form-compact .form-group{grid-column:1/-1}.form-compact .checkbox-group,.form-compact .form-group:last-child{align-items:stretch}.form-compact .submit-button{width:100%}.filters-row{grid-template-columns:1fr;gap:1rem}.filter-group{grid-column:1/-1}}.simple-date-picker{position:relative;display:inline-block}.simple-date-picker .date-picker-trigger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.875rem;color:#374151;min-width:300px;transition:all .2s ease}.simple-date-picker .date-picker-trigger:hover{border-color:#926400;background-color:#f9fafb}.simple-date-picker .date-picker-trigger .calendar-icon{width:1rem;height:1rem;color:#6b7280}.simple-date-picker .date-picker-trigger .date-text{flex:1;text-align:left}.simple-date-picker .date-picker-trigger .dropdown-arrow{font-size:.75rem;color:#6b7280;transition:transform .2s ease}.simple-date-picker .date-picker-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;margin-top:.25rem;overflow:hidden}.simple-date-picker .date-picker-dropdown .preset-buttons{background:#926400;padding:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.simple-date-picker .date-picker-dropdown .preset-buttons .preset-button{padding:.5rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:.75rem;cursor:pointer;transition:all .2s ease}.simple-date-picker .date-picker-dropdown .preset-buttons .preset-button:hover{background:#ffffff1a;border-color:#ffffff4d}.simple-date-picker .date-picker-dropdown .custom-range{padding:1rem}.simple-date-picker .date-picker-dropdown .custom-range .date-inputs{display:flex;gap:1rem;align-items:end}.simple-date-picker .date-picker-dropdown .custom-range .date-inputs .date-input-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.simple-date-picker .date-picker-dropdown .custom-range .date-inputs .date-input-group label{font-size:.875rem;font-weight:500;color:#374151}.simple-date-picker .date-picker-dropdown .custom-range .date-inputs .date-input-group input[type=date]{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;transition:all .2s ease}.simple-date-picker .date-picker-dropdown .custom-range .date-inputs .date-input-group input[type=date]:focus{outline:none;border-color:#926400;box-shadow:0 0 0 3px #9264001a}.simple-date-picker .date-picker-dropdown .custom-range .date-inputs .date-input-group input[type=date]:hover{border-color:#9ca3af}.simple-date-picker .date-picker-dropdown .action-buttons{padding:.75rem;display:flex;gap:.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.simple-date-picker .date-picker-dropdown .action-buttons .apply-button{flex:1;padding:.5rem 1rem;background:#926400;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.simple-date-picker .date-picker-dropdown .action-buttons .apply-button:hover{background:#795300}.simple-date-picker .date-picker-dropdown .action-buttons .cancel-button{flex:1;padding:.5rem 1rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.simple-date-picker .date-picker-dropdown .action-buttons .cancel-button:hover{background:#f3f4f6;border-color:#9ca3af}.simple-date-picker .date-picker-overlay{position:fixed;inset:0;z-index:40;background:transparent}@media (max-width: 768px){.simple-date-picker .date-picker-trigger{min-width:250px;font-size:.8rem}.simple-date-picker .date-picker-dropdown .preset-buttons .preset-button{font-size:.7rem;padding:.4rem .6rem}.simple-date-picker .date-picker-dropdown .custom-range .date-inputs{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.simple-date-picker .date-picker-trigger{min-width:200px;padding:.6rem .8rem}.simple-date-picker .date-picker-dropdown .preset-buttons{flex-direction:column}.simple-date-picker .date-picker-dropdown .preset-buttons .preset-button{width:100%;text-align:center}}.team-page{padding:6rem 0 8rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;position:relative}.team-page:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%238FA966" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%238FA966" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%238FA966" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="%238FA966" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="%238FA966" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;z-index:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.page-header{text-align:center;margin-bottom:5rem;padding-top:2rem}.page-header h1{font-size:3.5rem;color:#2c3e50;margin-bottom:1.5rem;font-weight:700;position:relative}.page-header h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#8fa966,#6b8e4e);border-radius:2px}.page-header p{font-size:1.3rem;color:#6c757d;max-width:700px;margin:0 auto;line-height:1.6}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;margin-bottom:6rem}.team-member{background:#fff;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .4s ease;position:relative;overflow:hidden}.team-member:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8fa966,#6b8e4e);transform:scaleX(0);transition:transform .4s ease}.team-member:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.team-member:hover:before{transform:scaleX(1)}.member-photo{width:180px;height:180px;margin:0 auto 2rem;border-radius:50%;overflow:hidden;border:5px solid #8FA966;position:relative;transition:all .3s ease}.member-photo:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:linear-gradient(45deg,#8fa966,#6b8e4e);z-index:-1;opacity:0;transition:opacity .3s ease}.team-member:hover .member-photo:before{opacity:1}.member-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.team-member:hover .member-photo img{transform:scale(1.05)}.member-info h3{font-size:1.8rem;color:#2c3e50;margin-bottom:.8rem;font-weight:700}.member-role{color:#8fa966;font-weight:600;font-size:1.2rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px}.member-bio{color:#6c757d;line-height:1.7;font-size:1rem;max-width:280px;margin:0 auto}.team-values{background:#fff;border-radius:20px;padding:4rem 3rem;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.team-values:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#8fa966,#6b8e4e)}.team-values h2{text-align:center;font-size:3rem;color:#2c3e50;margin-bottom:3rem;font-weight:700;position:relative}.team-values h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#8fa966,#6b8e4e);border-radius:2px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem}.value-item{text-align:center;padding:2rem 1.5rem;border-radius:16px;transition:all .3s ease;position:relative}.value-item:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateY(-5px)}.value-icon{font-size:4rem;margin-bottom:1.5rem;display:block;transition:transform .3s ease}.value-item:hover .value-icon{transform:scale(1.1)}.value-item h3{font-size:1.5rem;color:#2c3e50;margin-bottom:1.2rem;font-weight:700}.value-item p{color:#6c757d;line-height:1.7;font-size:1.1rem}@media (max-width: 1024px){.team-page{padding:5rem 0 6rem}.page-header h1{font-size:3rem}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.team-values{padding:3rem 2rem}.team-values h2{font-size:2.5rem}}@media (max-width: 768px){.team-page{padding:4rem 0 5rem}.container{padding:0 1.5rem}.page-header{margin-bottom:3rem}.page-header h1{font-size:2.5rem}.page-header p{font-size:1.1rem}.team-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.team-member{padding:2rem 1.5rem}.member-photo{width:150px;height:150px}.member-info h3{font-size:1.6rem}.member-role{font-size:1.1rem}.member-bio{font-size:.95rem}.team-values{padding:2.5rem 1.5rem}.team-values h2{font-size:2.2rem}.values-grid{grid-template-columns:1fr;gap:2rem}.value-item{padding:1.5rem 1rem}.value-icon{font-size:3.5rem}.value-item h3{font-size:1.3rem}.value-item p{font-size:1rem}}@media (max-width: 480px){.team-page{padding:3rem 0 4rem}.container{padding:0 1rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.team-member{padding:1.5rem 1rem}.member-photo{width:120px;height:120px}.member-info h3{font-size:1.4rem}.member-role{font-size:1rem}.member-bio{font-size:.9rem}.team-values{padding:2rem 1rem}.team-values h2{font-size:1.8rem}.value-item{padding:1.2rem .8rem}.value-icon{font-size:3rem}.value-item h3{font-size:1.2rem}.value-item p{font-size:.95rem}}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#040404;background-color:#f8f9fa;margin:0;padding:0}.btn-volver-container,.btn-volver{display:block;margin:20px auto 0;width:100%;max-width:200px}.btn-primary{display:block;color:#fff;margin:20px auto 0;background-color:#040404;padding:10px;border-radius:5px;width:100%;max-width:200px;text-align:center}.btn-primary:hover{background-color:#6b8147;color:#fff}header,footer{background-color:#040404;color:#fff;padding:1rem}#root{min-height:100vh;display:flex;flex-direction:column}#main-content{flex:1;display:flex;flex-direction:column}.footer{margin-top:auto;flex-shrink:0}nav a{color:#090909;margin:0 1rem;text-decoration:none}.btn-editar,.btn-guardar{background-color:#040404!important;color:#fff!important;border:none!important;padding:.5rem 1rem!important;border-radius:.375rem!important;cursor:pointer!important;transition:all .2s!important}.btn-editar:hover,.btn-guardar:hover{background-color:#6b8147!important;transform:translateY(-1px)!important}.btn-eliminar{background-color:#ef4444!important;color:#fff!important;border:none!important;padding:.5rem 1rem!important;border-radius:.375rem!important;cursor:pointer!important;transition:all .2s!important}.btn-eliminar:hover{background-color:#eb1515!important;transform:translateY(-1px)!important}