/* /nutri_menus/static/src/css/nutri_infopae_page.css */
 :root{--nutri-blue: var(--nutri-primary, #0054a6); --nutri-blue-dark: var(--nutri-primary, #003d73); --nutri-green: var(--nutri-secondary, #84bd00); --nutri-bg: #f8fafc; --nutri-gray: #e5e7eb; --nutri-text: #1f2937; --nutri-text-light: #6b7280;}.nutri-infopae-page{background-color: var(--nutri-bg); min-height: 100vh; padding-bottom: 4rem;}.infopae-hero{background: linear-gradient(135deg, var(--nutri-blue) 0%, var(--nutri-blue-dark) 100%); position: relative; padding: 1.3rem 0; overflow: hidden;}.infopae-hero.infopae-hero-compact{padding: 2rem 0;}.infopae-hero .hero-overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); opacity: 0.3;}.infopae-hero .hero-content{position: relative; z-index: 1; text-align: center;}.infopae-hero .hero-badge{display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); padding: 0.5rem 1rem; border-radius: 2rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.05em; color: white; margin-bottom: 1rem;}.infopae-hero .hero-badge i{font-size: 0.875rem;}.infopae-hero .hero-title{font-size: 2.5rem; font-weight: 700; color: white; margin-bottom: 1rem;}.infopae-hero .hero-subtitle{font-size: 1.125rem; color: rgba(255, 255, 255, 0.85); max-width: 600px; margin: 0 auto; line-height: 1.6;}.breadcrumb-section{background: white; border-bottom: 1px solid var(--nutri-gray); padding: 1rem 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}.breadcrumb-section .breadcrumb{font-size: 0.875rem;}.breadcrumb-section .breadcrumb-item a{color: var(--nutri-blue); text-decoration: none; transition: color 0.2s;}.breadcrumb-section .breadcrumb-item a:hover{color: var(--nutri-blue-dark);}.breadcrumb-section .breadcrumb-item.active{color: var(--nutri-text-light);}.infopae-main-content{padding-top: 2rem;}.filter-card{background: white; border-radius: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border: 1px solid var(--nutri-gray); overflow: hidden; margin-bottom: 2rem;}.filter-header{background: linear-gradient(135deg, var(--nutri-blue) 0%, var(--nutri-blue-dark) 100%); padding: 1.5rem; display: flex; align-items: center; gap: 1rem; color: white;}.filter-icon{width: 48px; height: 48px; background: rgba(255, 255, 255, 0.15); border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem;}.filter-title{font-size: 1.25rem; font-weight: 600; margin: 0;}.filter-subtitle{font-size: 0.875rem; opacity: 0.85; margin: 0.25rem 0 0;}.filter-body{padding: 2rem;}.filter-label{display: block; font-weight: 600; color: var(--nutri-text); margin-bottom: 0.75rem; font-size: 0.875rem;}.filter-label i{color: var(--nutri-blue);}.filter-select{width: 100%; padding: 0.75rem 1rem; border: 2px solid var(--nutri-gray); border-radius: 0.5rem; font-size: 0.9375rem; color: var(--nutri-text); background-color: white; transition: border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease, transform 0.2s ease;}.filter-select:focus{outline: none; border-color: var(--nutri-blue); box-shadow: 0 0 0 4px rgba(var(--nutri-primary-rgb, 0, 84, 166), 0.15); transform: translateY(-1px);}.search-select-wrapper{position: relative;}.filter-search{width: 100%; padding: 0.75rem 1rem; border: 2px solid var(--nutri-gray); border-radius: 0.5rem; font-size: 0.9375rem; margin-bottom: 0.5rem; transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;}.filter-search:focus{outline: none; border-color: var(--nutri-blue); box-shadow: 0 0 0 4px rgba(var(--nutri-primary-rgb, 0, 84, 166), 0.15); transform: translateY(-1px);}.filter-message{margin-top: 0.5rem; font-size: 0.8125rem; color: var(--nutri-text-light); transition: color 0.3s ease;}.filter-message.error{color: #dc2626;}.filter-actions{margin-top: 2rem; display: flex; justify-content: center;}.btn-search{background: linear-gradient(135deg, var(--nutri-blue) 0%, var(--nutri-blue-dark) 100%); color: white; border: none; padding: 1rem 3rem; border-radius: 0.75rem; font-size: 1rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 0.5rem; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, opacity 0.3s ease;}.btn-search:hover:not(:disabled){transform: translateY(-3px); box-shadow: 0 8px 20px rgba(var(--nutri-primary-rgb, 0, 84, 166), 0.4);}.btn-search:active:not(:disabled){transform: translateY(-1px); box-shadow: 0 4px 10px rgba(var(--nutri-primary-rgb, 0, 84, 166), 0.3);}.btn-search:disabled{opacity: 0.7; cursor: not-allowed;}.results-section{background: white; border-radius: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border: 1px solid var(--nutri-gray); overflow: hidden;}.results-header{background: var(--nutri-bg); padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--nutri-gray);}.results-title-wrapper{display: flex; align-items: center; gap: 1rem;}.results-icon{width: 40px; height: 40px; background: var(--nutri-blue); color: white; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; font-size: 1rem;}.results-title{font-size: 1.125rem; font-weight: 600; color: var(--nutri-text); margin: 0;}.results-count{font-size: 0.8125rem; color: var(--nutri-text-light); margin: 0.25rem 0 0;}.results-table tbody td.col-lote{white-space: nowrap;}.results-summary{display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed var(--nutri-gray); font-size: 0.875rem; color: var(--nutri-text);}.results-summary.hidden{display: none;}.summary-item{display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 500;}.summary-item i{color: var(--nutri-blue);}.table-container{overflow-x: auto; display: none; opacity: 0; transform: translateY(10px); transition: opacity 0.4s ease, transform 0.4s ease;}.table-container.has-data{display: block; opacity: 1; transform: translateY(0);}.results-table{width: 100%; border-collapse: collapse; font-size: 0.875rem;}.results-table thead{background: linear-gradient(135deg, var(--nutri-blue) 0%, var(--nutri-blue-dark) 100%);}.results-table thead th{color: white; font-weight: 600; padding: 1rem; text-align: left; white-space: nowrap; font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.03em;}.results-table thead th i{opacity: 0.8;}.results-table tbody tr{border-bottom: 1px solid var(--nutri-gray); transition: background-color 0.2s ease, transform 0.3s ease, opacity 0.3s ease;}.results-table tbody tr:hover{background-color: rgba(var(--nutri-primary-rgb, 0, 84, 166), 0.06); transform: scale(1.005);}.results-table tbody tr:nth-child(even){background-color: var(--nutri-bg);}.results-table tbody tr:nth-child(even):hover{background-color: rgba(var(--nutri-primary-rgb, 0, 84, 166), 0.06);}.results-table tbody td{padding: 1rem; color: var(--nutri-text); vertical-align: middle;}.results-table tbody td:first-child{font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', monospace; font-size: 0.75rem; color: var(--nutri-blue); font-weight: 500;}.empty-state{padding: 4rem 2rem; text-align: center; color: var(--nutri-text-light); transition: opacity 0.4s ease, transform 0.4s ease;}.empty-state.hidden{display: none; opacity: 0; transform: translateY(-10px);}.empty-icon{font-size: 4rem; color: var(--nutri-gray); margin-bottom: 1.5rem; animation: pulse 2s ease-in-out infinite;}@keyframes pulse{0%, 100%{opacity: 0.6; transform: scale(1);}50%{opacity: 1; transform: scale(1.05);}}.empty-state h4{font-size: 1.25rem; color: var(--nutri-text); margin-bottom: 0.5rem;}.empty-state p{font-size: 0.9375rem; max-width: 400px; margin: 0 auto;}.pagination-wrapper{display: flex; justify-content: center; gap: 0.5rem; padding: 1.5rem; border-top: 1px solid var(--nutri-gray); background: var(--nutri-bg); transition: opacity 0.3s ease;}.pagination-wrapper:empty{display: none;}.pagination-wrapper button{min-width: 40px; height: 40px; padding: 0 0.75rem; border: 2px solid var(--nutri-gray); background: white; color: var(--nutri-text); border-radius: 0.5rem; font-size: 0.875rem; font-weight: 500; cursor: pointer; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);}.pagination-wrapper button:hover{border-color: var(--nutri-blue); color: var(--nutri-blue); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(var(--nutri-primary-rgb, 0, 84, 166), 0.15);}.pagination-wrapper button.active{background: var(--nutri-blue); border-color: var(--nutri-blue); color: white; transform: scale(1.05);}.error-modal{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 9999; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; backdrop-filter: blur(4px);}.error-modal.show{display: flex; opacity: 1;}.error-modal .modal-content{background: white; border-radius: 1rem; width: 90%; max-width: 400px; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); transform: scale(0.9) translateY(-20px); transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}.error-modal.show .modal-content{transform: scale(1) translateY(0);}.error-modal-content{background: white; border-radius: 1rem; width: 90%; max-width: 400px; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}@keyframes modalSlideIn{from{opacity: 0; transform: scale(0.9) translateY(-20px);}to{opacity: 1; transform: scale(1) translateY(0);}}.error-modal-header{background: #fee2e2; padding: 1.5rem; display: flex; align-items: center; justify-content: space-between;}.error-modal-icon{font-size: 2.5rem; color: #dc2626; animation: shake 0.5s ease-in-out;}@keyframes shake{0%, 100%{transform: translateX(0);}10%, 30%, 50%, 70%, 90%{transform: translateX(-4px);}20%, 40%, 60%, 80%{transform: translateX(4px);}}.close-modal{font-size: 2rem; color: #dc2626; cursor: pointer; line-height: 1; transition: transform 0.2s ease, opacity 0.2s;}.close-modal:hover{opacity: 0.7; transform: rotate(90deg);}.error-modal-body{padding: 1.5rem; text-align: center;}.error-modal-body h4{font-size: 1.25rem; color: var(--nutri-text); margin-bottom: 0.5rem;}.error-modal-body p{color: var(--nutri-text-light); margin: 0;}.error-modal-footer{padding: 1rem 1.5rem 1.5rem; display: flex; justify-content: center;}.btn-close-modal{background: var(--nutri-blue); color: white; border: none; padding: 0.75rem 2rem; border-radius: 0.5rem; font-size: 0.9375rem; font-weight: 600; cursor: pointer; transition: background 0.2s;}.btn-close-modal:hover{background: var(--nutri-blue-dark);}@media (max-width: 768px){.infopae-hero{padding: 3rem 0;}.infopae-hero .hero-title{font-size: 1.75rem;}.infopae-hero .hero-subtitle{font-size: 1rem;}.filter-header{flex-direction: column; text-align: center;}.filter-body{padding: 1.5rem;}.btn-search{width: 100%; justify-content: center;}.results-table{font-size: 0.75rem;}.results-table thead th, .results-table tbody td{padding: 0.75rem 0.5rem;}}