.admin-header{display: flex;justify-content: space-between;align-items: center;color: #dddddd;flex-direction: row-reverse;background-color: var(--card);} .admin-header .logo{font-weight: bold;} .admin-header .top-nav a{color: #fff;margin-left: 15px;} .menu-toggle{display: none;font-size: 22px;background: none;border: none;color: var(--text);cursor: pointer;} .admin-layout{display: flex;} .admin-sidebar{width: 200px;min-height: 100vh;background: var(--bg);padding: 20px;} .admin-sidebar nav a, label{display: flex;margin: 6px 0;padding: 8px;color: var(--text);border-radius: var(--radius);align-items: center;gap: 10px;} .admin-sidebar nav a:hover, .admin-sidebar nav a.active{background: var(--brand);color: #fff;} .admin-sidebar nav label:hover{background: var(--brand);color: #fff;} .admin-content{flex: 1;padding: 35px 20px;} .admin-footer{text-align: center;padding: 10px;background: #f0f0f0;font-size: 14px;margin-top: 20px;} .action-cell{white-space: nowrap;} .login-body{display: flex;justify-content: center;align-items: center;height: 100vh;background: var(--bg);} .login-wrapper{max-width: 400px;width: 100%;padding: 20px;} .login-card{text-align: center;} .login-card h1{margin-bottom: 20px;} .toggle-theme-btn{background: none;border: none;color: var(--text);cursor: pointer;font-size: 1.5rem;padding: 0.5rem;border-radius: 50%;transition: background-color 0.3s;} .toggle-theme-btn:hover{background-color: rgba(0, 0, 0, 0.1);} .cap-icons-navigate{align-items: center;} .icons-navigate{width: 15px;height: auto;padding: 0 10px 0 0;} .see-banner{display: block;padding: 5px;background-color: var(--success);color: white;font-weight: bold;border-radius: 50px;text-align: center;float: right;} .versao{display: flex;margin: 5px 0;padding: 12px;color: var(--text);border-radius: var(--radius);align-items: center;gap: 10px;opacity: 0.3;font-size: 10px;} .slash{border: 0;border-top: 1px solid var(--border);} .info-boxes-container{margin: 20px 0;display: flex;gap: 20px;align-items: center;flex-wrap: wrap;justify-content: center;} .info-box{display: flex;align-items: center;justify-content: center;gap: 20px;border-radius: 8px;color: #fff;width: 100%;max-width: 390px;height: 160px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);} .info-box-icon{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: rgba(255, 255, 255, 0.2);} .info-box-icon svg{width: 28px;height: 28px;stroke: #fff;} .info-box-content{display: flex;flex-direction: column;} .info-box-value{font-size: 2.2rem;font-weight: bold;line-height: 1;} .info-box-label{font-size: 0.9rem;opacity: 0.8;} .published-box{background: #007bff;} .scheduled-box{background: #dc6a35ff;} .categories-box{background: #ffc107;} .cache-box{background: #28a745;} .cache-box.alert{background: #ff4500;} .info-box-alert{display: block;font-size: 0.75rem;color: #fff;background: rgba(255, 255, 255, 0.2);padding: 2px 6px;border-radius: 4px;margin-top: 4px;font-weight: bold;} .per-page-filter span{font-size: 14px;color: #555;margin-left: 5px;padding-top: 5px;} .pagination-controls{text-align: center;} .admin-layout, .admin-content, .card, #content-form, .editor-area, .editor-box-select{overflow: visible !important;} .editor-area{display: flex;gap: 5px;margin-bottom: 20px;justify-content: space-around;flex-wrap: wrap;} .editor-boxes{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-bottom: 30px;} .editor-box-select{width: 100%;max-width: 440px;padding: 30px;border: solid 1px var(--border);;border-radius: 7px;margin: 15px 0;} input, select, textarea{margin: 10px 0;border-radius: var(--ed-border-color), var(--radius);background-color: transparent;color: #818181;} form textarea{resize: vertical;min-height: 83px;} .for-pass{border: 1px solid var(--border);height: 30px;border-radius: var(--radius);} .for-cover-img{position: relative;display: flex;justify-content: center;align-items: center;margin: 10px 0;height: 115px;width: 200px;border: 1px dashed #ccc;border-radius: 6px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 60px;overflow: hidden;} .for-cover-img.has-image{background-image: none;border-style: solid;} .for-cover-img img{max-height: 100%;max-width: 100%;object-fit: contain;border-radius: 4px;} .content-img{display: block;width: auto;height: 115px;object-fit: cover;background: #f3f4f6;margin-top: 5px;} .control-margin{margin: 15px 0 20px 0;} .format-buttons{display: flex;align-items: center;gap: 30px;margin: 40px 0 0 0;} .format-buttons button{width: 200px;} .spinner{border: 4px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top: 4px solid #fff;width: 0.9em;height: 0.9em;animation: spin 1s linear infinite;display: inline-block;vertical-align: middle;margin-right: 8px;} @keyframes spin{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } .notification-message{position: fixed;bottom: 20px;left: 20px;padding: 15px 20px;color: white;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);z-index: 1000;opacity: 0;transition: opacity 0.5s ease-in-out;display: flex;align-items: center;} .notification-message.show{opacity: 1;} .notification-message.success{background-color: #4CAF50;} .notification-message.error{background-color: #f44336;} .action-buttons{display: flex;align-items: center;} .popup-message{position: fixed;bottom: 20px;left: 20px;background-color: #4CAF50;color: white;padding: 15px 20px;border-radius: 5px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;} .popup-message.show{opacity: 1;visibility: visible;} #editor{min-height: 400px;padding: 20px;line-height: 1.6;outline: none;font-family: inherit;transition: background-color 0.3s, color 0.3s;} html{background: #f5f5f5;} html.dark-mode #editor{background-color: #3f4d65 !important;color: #f1f1f1 !important;} html.dark-mode #editor:focus{background-color: #46546d !important;} html.dark-mode #editor a{color: #82a9ff;cursor: rgb(75, 130, 248)r;} html.dark-mode #editor a:hover{color: #396eff;} html.dark-mode #toolbar{position: sticky;top: 0;background: #1e293b;} .th-single_text{text-align: left !important;} .hidden{opacity: 0;display: none;} .flat-editor-container{max-width: 900px;margin: 0 auto;background: #fff;padding: 20px;border-radius: 6px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);} .writing-zone{position: relative;overflow: visible !important;display: block;width: 100%;} #toolbar{position: relative;z-index: 1000;width: 100%;background: #f8f9fa;border: 1px solid var(--border);box-sizing: border-box;transition: box-shadow 0.2s;display: flex;justify-content: space-evenly;padding: 5px;align-items: stretch;margin: 0 auto;} #toolbar.is-sticky{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);} #toolbar button{cursor: pointer;background: #f0f0f0c2;border-radius: 3px;} #toolbar button:hover{background: #e0e0e0;} #editor{background: #f5f5f5;min-height: 300px;padding: 30px 10%;border-radius: 0 0 3px 3px;font-size: 15px;} #editor:focus{outline: none;border-color: #0066cc;} #editor hr, .content hr{border: none;border-top: 2px solid #e5e7eb;margin: 24px 0;width: 100%;opacity: 0.8;} #toolbar .block-btn{background: #f0f0f0c2;color: #333;font-weight: bold;border: 1px solid #ddd;border-radius: 4px;padding: 4px 6px;width: 39px;} #toolbar .block-btn:hover{background: #e5e7eb;} #editor h1{font-size: 1.8em !important;font-weight: 700;margin: 0.6em 0;color: var(--text);} #editor h2{font-size: 1.6em;font-weight: 600;margin: 0.6em 0;} #editor h3{font-size: 1.4em;font-weight: 600;margin: 0.5em 0;} #editor h4{font-size: 1.2em;font-weight: 600;margin: 0.4em 0;} #editor h5{font-size: 1em;font-weight: 600;margin: 0.4em 0;} #editor p{box-sizing: border-box;font-size: 1em;color: inherit;font-family: inherit;} #editor a{color: #2563eb;cursor: pointer;} #editor a:hover{color: #1d4ed8;} .notification{position: fixed;bottom: 30px;left: 30px;padding: 14px 24px;border-radius: 6px;color: #fff;font-weight: 500;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);opacity: 0;transform: translateY(20px);pointer-events: none;transition: all 0.35s ease;z-index: 1000;} .notification.show{opacity: 1;transform: translateY(0);pointer-events: auto;} .notification.success{background-color: #22c55e;} .notification.error{background-color: #ef4444;} .notification.warning{background-color: #f59e0b;} .notification.info{background-color: #3b82f6;} .notification::before{content: '✔ ';font-weight: bold;margin-right: 6px;} .notification.error::before{content: '⚠ ';} .notification.warning::before{content: '⚠ ';color: #fff;} .notification.info::before{content: 'ℹ ';} .img-wrapper{position: relative;display: inline-block;text-align: center;margin: 15px 0;} .resizable-img{transition: box-shadow 0.2s ease;max-width: 100%;height: auto;} .resizable-img:focus, .img-wrapper:hover .resizable-img{outline: none;} .resize-handle{position: absolute;bottom: 2px;right: 2px;width: 14px;height: 14px;background: rgba(37, 99, 235, 0.7);border-radius: 3px;cursor: nwse-resize;transition: background 0.2s;} .resize-handle:hover{background: rgba(37, 99, 235, 1);} .img-wrapper{display: block;text-align: center;margin: 15px 0;position: relative;} .img-wrapper img{max-width: 100%;height: auto;display: inline-block;vertical-align: middle;} html:not(.admin-editor) .resize-handle{display: none !important;visibility: hidden !important;} .resize-handle{position: absolute;bottom: 0;right: 0;width: 18px;height: 18px;border-radius: 3px;cursor: nwse-resize;color: #fff;font-size: 14px;text-align: center;line-height: 18px;font-family: "Segoe UI Symbol", sans-serif;} .resize-handle::after{content: "⇱";} .ed-cover-group{display: flex;flex-direction: column;} .ed-cover-inputs-flex{display: flex;gap: 20px;align-items: flex-end;} @media (max-width: 768px){} .ed-cover-inputs-flex{flex-wrap: wrap;} .ed-cover-preview-box{flex-shrink: 0;width: 100%;max-width: 200px;padding: 6px;border: 1px solid #ddd;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);} #cover-preview{display: block;width: 100%;height: auto;object-fit: contain;} .ed-cover-fields-wrapper{flex-grow: 1;max-width: 180px;height: 100%;} .ed-cover-fields-wrapper-2{flex-grow: 1;max-width: 500px;display: flex;flex-direction: column;height: 100%;} .ed-cover-fields-wrapper input[type="text"]{width: 100%;padding: 10px 12px;border: 1px solid #ccc;box-sizing: border-box;margin-top: auto;} .ed-cover-fields-wrapper small{color: #666;font-size: 0.9em;margin: 0px;} .th-modal-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75);display: none;justify-content: center;align-items: center;z-index: 2000;opacity: 0;transition: opacity .3s ease;} .th-modal-overlay.active{display: flex;opacity: 1;} .th-modal-content{background: white;color: #1e293b;padding: 25px;margin: 25px;border-radius: 8px;max-width: 400px;width: 90%;position: relative;transform: scale(0.8);transition: transform .25s ease;} .th-modal-overlay.active .th-modal-content{transform: scale(1);} .th-modal-header{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eeeeeed0;padding-bottom: 10px;margin-bottom: 15px;} html.dark-mode .th-modal-content{background: var(--card);color: var(--text);border: 1px solid var(--border);} html.dark-mode .th-modal-header{border-bottom: 1px solid var(--border);} .th-close-btn{cursor: pointer;font-size: 1.5em;line-height: 1;} .th-modal-footer{display: flex;justify-content: flex-end;gap: 10px;} html.dark-mode #category-description{color: var(--text);} :root{--primary-color: #6e6e6eff;--text-lgpd: #6b6b6bff;--background-color: #f8f9fa;} body{background-color: var(--background-color);color: var(--text-lgpd);margin: 0;padding: 0;line-height: 1.6;} .lgpd-form-layout{width: minmax(250px, 1fr);gap: 30px;margin-bottom: 30px;} .container-lgpd{max-width: 900px;margin: 40px;padding: 30px;background: #fff;border-radius: 7px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);} .card-lgpd{margin: 40px auto;padding: 20px;background: #fff;border-radius: 7px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);} h1{color: var(--primary-color);font-size: 2.0em;text-align: center;margin: 0;} .terms-content p{margin-bottom: 15px;text-align: justify;} .terms-content h2, .terms-content h3{color: #555;margin-top: 30px;padding-bottom: 5px;border-bottom: 1px dashed #eee;} .terms-content strong{color: var(--brand);} .terms-content ul, .terms-content ol{padding-left: 25px;} .terms-content li{margin-bottom: 8px;} .alert-popup{position: fixed;left: 20px;bottom: 20px;padding: 14px 20px;border-radius: 8px;color: #fff;font-weight: 600;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);z-index: 9999;opacity: 0;transform: translateY(15px);animation: popupSlide 0.4s forwards, popupHide 0.4s forwards 4s;} .alert-success{background: #28a745;} .alert-error{background: #dc3545;} @keyframes popupSlide{from{opacity: 0;transform: translateY(15px);} to{opacity: 1;transform: translateY(0);} } @keyframes popupHide{from{opacity: 1;transform: translateY(0);} to{opacity: 0;transform: translateY(15px);} } #slide-form-card.highlight-card{box-shadow: 0 0 0 4px rgba(0, 128, 0, 0.5);animation: pulse-green 1.2s infinite alternate;} @keyframes pulse-green{from{box-shadow: 0 0 0 0 rgba(0, 128, 0, 0.3);} to{box-shadow: 0 0 0 4px rgba(0, 128, 0, 0.7);} } .td-actions{display: inline-flex;gap: 8px;align-items: center;} @media (max-width: 768px){.u-flex-row{flex-direction: column;gap: 8px;} } .container-audit{width: 95%;margin: 0 auto;} .dashboard-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;flex-wrap: wrap;gap: 10px;} .dashboard-header h1{font-size: 1.5rem;color: var(--primary-dark);} .last-update{font-size: 0.85rem;color: var(--text-muted);background: #ffffff86;padding: 5px 10px;border-radius: 20px;border: 1px solid var(--border);} .grid-strategic{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px;margin-bottom: 15px;} .grid-realtime{display: grid;grid-template-columns: 2fr 1fr;gap: 10px;margin-bottom: 15px;} .card-audit{background: var(--card);border-radius: 12px;padding: 15px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);border: 1px solid rgba(0, 0, 0, 0.02);transition: transform 0.2s;display: flex;flex-direction: column;justify-content: space-between;} .card-audit:hover{transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);} .card-label{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-muted);font-weight: 600;margin-bottom: 10px;} .card-value{font-size: 1.8rem;font-weight: 700;color: var(--text-main);} .card-sub{font-size: 0.85rem;margin-top: 5px;} .card-sub.up{color: var(--success);} .card-sub.down{color: var(--danger);} .border-yellow{border-top: 4px solid #f3a90a;} .border-blue{border-top: 4px solid #3b82f6;} .border-purple{border-top: 4px solid #8b5cf6;} .border-orange{border-top: 4px solid #f97316;} .border-red{border-top: 4px solid #ef4444;} .hero-card{border: 1px solid #dcfce7;} .hero-value{font-size: 3.5rem;color: var(--primary-dark);font-weight: 800;line-height: 1;} .hero-flex{display: flex;align-items: flex-end;justify-content: space-between;} .pulse-dot{display: inline-block;width: 10px;height: 10px;background: var(--success);border-radius: 50%;animation: pulse 2s infinite;margin-right: 5px;} .table-container{background: var(--card);border-radius: 12px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);} table{width: 100%;border-collapse: collapse;font-size: 0.9rem;} th{text-align: left;padding: 12px 20px;font-weight: 600;color: var(--text-muted);border-bottom: 1px solid var(--border);} td{padding: 12px 20px;border-bottom: 1px solid var(--border);color: var(--text-main);} tr:last-child td{border-bottom: none;} .badge{padding: 4px 8px;border-radius: 4px;font-size: 0.75rem;font-weight: 600;} .badge-geral{background: #e0f2fe;color: #0369a1;} .pagination{display: flex;justify-content: center;padding: 20px;gap: 5px;} .page-btn{padding: 5px 12px;border: 1px solid var(--border);background: #fff;border-radius: 4px;text-decoration: none;color: var(--text-main);font-size: 0.9rem;} .page-btn.active{background: var(--primary-dark);color: grey;border-color: var(--primary-dark);} @keyframes pulse{0%{opacity: 1;} 50%{opacity: 0.4;} 100%{opacity: 1;} } .timeline-graph{height: 6px;background: #e2e8f0;border-radius: 3px;position: relative;margin-top: 30px;margin-bottom: 10px;} .timeline-point{position: absolute;top: -4px;width: 14px;height: 14px;background: var(--primary-dark);border-radius: 50%;border: 2px solid #fff;cursor: pointer;} .timeline-label{position: absolute;top: 15px;font-size: 0.7rem;color: var(--text-muted);transform: translateX(-50%);} @media (max-width: 768px){.grid-realtime{grid-template-columns: 1fr;} } @font-face{font-family: 'Inter';src: url('../fonts/Inter.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;} :root{--main-font: 'Inter', system-ui, -apple-system, sans-serif;} body{font-family: var(--main-font);} .grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 16px;} .sidebar{width: 220px;} .vitrine{display: flex;flex-wrap: wrap;gap: 16px;} .actions{margin-top: 8px;display: flex;gap: 8px;justify-content: space-around;} .muted{color: #6b7280;font-size: 12px;} .topbar{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;} .hidden{display: none;} .justify-center{display: flex;justify-content: center;} :root{--bg: #f9f9f9;--bg-dark: #1a1a1a;--card: #fff;--text: #3e4349;--th-link-text: inherit;--th-link-text-hover: inherit;--brand: #0077cc;--brand-dark: #005fa3;--border: rgba(185, 185, 185, 0.226);--radius: 3px;--shadow: 0 2px 6px rgba(0, 0, 0, 0.08);--success: #4caf50;--warning: #ff9800;--danger: #f44336;--ed-primary-color: #0d47a1;--ed-secondary-color: #42a5f5;--ed-background-light: #f5f5f5;--ed-background-dark: #212121;--ed-card-background: #ffffff;--ed-text-color: #292a2e;--ed-border-color: #e0e0e0;--ed-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);--ed-success: #4caf50;--ed-warning: #ff9800;--ed-danger: #f44336;--ed-radius: 8px;} body{margin: 0;font-optical-sizing: auto;font-style: normal;background: var(--bg);color: var(--text);font-size: 14px;} html, body{overflow-x: hidden;} h1, h2, h3{margin: 0 0 15px;} p{color: var(--text);text-decoration: none;} a.link{color: #2563eb;text-decoration: none;} a.link:hover{text-decoration: underline;} a:link, a:visited{color: var(--th-link-text);} a{text-decoration: none;transition: color 0.1s ease-in-out;} a:hover{color: var(--th-link-text-hover);text-decoration: none;} a:active{color: var(--th-link-text);} img{max-width: 100%;height: auto;} #slide-form textarea{width: 100%;min-height: 80px;box-sizing: border-box;} .spacer-5{height: 5px;} .spacer-20{height: 20px;} .spacer-50{height: 50px;} .spacer-80{height: 80px;} .p-10{padding: 10px;} .custom-file-input{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;} .custom-file-label{width: 100%;padding: 10px 15px;border: 1px dashed #cbd5e0;border-radius: 6px;color: var(--text);font-size: 0.8rem;font-weight: 600;text-align: center;cursor: pointer;transition: all 0.2s ease;} .custom-file-label:hover{border-color: var(--accent, #3498db);color: var(--accent, #3498db);} .custom-file-label svg{vertical-align: middle;margin-right: 5px;fill: currentColor;} .custom-file-label.file-selected{border-style: solid;background-color: #e6fffa;border-color: #38b2ac;color: #2c7a7b;} button, .btn-primary, .btn-back{display: flex;padding: 8px 14px;margin-top: 12px;border: none;border-radius: var(--radius);cursor: pointer;font-size: 14px;text-decoration: none;text-align: center;align-items: center;justify-content: center;} .btn{padding: 6px 10px;border-radius: 6px;border: 1px solid #d1d5db;background: #fff;cursor: pointer;} .btn-primary{background: #2563eb;color: #fff;border-color: #2563eb;} .btn[disabled]{opacity: .6;cursor: not-allowed;} .btn-edit, .btn-danger{padding: 5px 8px;border-radius: 999px;text-decoration: none;color: white !important;font-size: 12px;font-weight: bold;} .btn-edit{background-color: #0052cc;} .btn-danger{background-color: #c0392b;border: none;cursor: pointer;} .btn-primary{background: var(--brand);color: #fff;} .btn-primary:hover{background: var(--brand-dark);} .btn-back{background: #ddd;} .btn-back:hover{background: #ccc;} body.dark-mode .btn-primary{background: var(--brand);} body.dark-mode .btn-primary:hover{background: var(--brand-dark);} .btn-link{font-weight: 600;text-decoration: none;color: var(--th-accent);transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 8px;} .btn-link:hover{color: #3730A3;} .btn-cta{font-weight: 600;padding: 12px 24px;border-radius: 9999px;text-align: center;text-decoration: none;background-color: var(--th-accent);color: #FFFFFF;border: 1px solid var(--th-accent);transition: all 0.3s ease;} .btn-cta:hover{background-color: #4338CA;border-color: #4338CA;} .th-td-format{padding: 20px;text-align: center;} .btn-primary{display: flex;align-items: center;gap: 5px;background-color: #007bff;color: white;padding: 10px 15px;border: none;border-radius: 4px;font-size: 15px;font-weight: normal;cursor: pointer;transition: background-color 0.2s;min-height: 40px;} .btn-primary:hover{background-color: #0056b3;} .btn-secondary{display: flex;align-items: center;gap: 5px;background-color: #6c757d;color: white !important;padding: 9px 15px;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;transition: background-color 0.2s;margin-top: auto;max-width: 120px;text-align: center;font-weight: normal;justify-content: center;} .btn-secondary:hover{background-color: #5a6268;} .btn-filtros{display: flex;align-items: center;gap: 5px;background-color: #6c757d;color: white !important;padding: 10px 15px;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;transition: background-color 0.2s;margin-top: auto;margin-bottom: 12px;text-align: center;font-weight: 600;justify-content: center;} .btn-filtros:hover{background-color: #5a6268;} .btn-secondary:hover{background-color: #5a6268;} .btn-primary svg, .btn-secondary svg{width: 18px;height: 18px;} @media (max-width: 1024px){.horizontal-distribution .card{flex: 1 1 calc(50% - 10px);} } @media (max-width: 768px){.horizontal-distribution{gap: 15px;} .horizontal-distribution .card{flex: 1 1 100%;min-width: unset;} } @media (max-width: 768px){h1{font-size: 1em;} table{display: block;overflow-x: auto;font-size: 12px;} table td, table th{white-space: nowrap;} } @media (max-width: 1200px){.u-col-2{width: 100%;} #slide-form textarea{max-width: 100%;} } @media (max-width: 768px){.table, .table thead, .table tbody, .table th, .table td, .table tr{display: block;} .table-filter select, .table-filter input[type="text"], .btn-secondary{max-width: 100%;} .table tr{margin-bottom: 15px;background: var(--card);border-radius: var(--radius);box-shadow: var(--shadow);padding: 10px;} .table td{border: none;padding: 6px 0;} .table th{display: none;} } @media (max-width: 768px){.container{margin: 20px 10px;padding: 15px;} .content{margin-left: 0;padding: 1rem;} .admin-layout{flex-direction: column;} .admin-sidebar{position: fixed;left: -240px;width: 200px;transition: 0.5s;height: calc(100vh - 90px);background-color: #eee;z-index: 999;} .admin-sidebar.open{left: 0;} .menu-toggle{display: block;} .responsive-table thead{display: none;} .responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td{display: block;width: 100%;} .responsive-table tr{margin-bottom: 15px;border: 1px solid #ddd;border-radius: 6px;padding: 10px;background: #fff;} .responsive-table td{text-align: right;padding-left: 50%;position: relative;} .responsive-table td::before{content: attr(data-label);position: absolute;left: 10px;width: 45%;text-align: left;font-weight: bold;color: #444;} .lgpd-form-layout{grid-template-columns: 1fr 1fr;} .dashboard-table table{display: none;} .dashboard-card{display: table-row;} .card-mobile{border: 1px solid #ddd;border-radius: 6px;padding: 1rem;margin-bottom: 1rem;background: #fff;font-size: 14px;} .card-mobile p{margin: 0.3rem 0;} .card-mobile img{max-width: 100px;height: auto;border-radius: 4px;} .sidebar{position: fixed;left: -220px;top: 0;bottom: 0;transition: left 0.3s;} .sidebar.open{left: 0;} .table-controls-container{flex-direction: column;align-items: stretch;} .table-controls-container>a{margin-bottom: 15px;} .table-controls{flex-direction: column;align-items: stretch;gap: 10px;} .info-boxes-container{flex-direction: column;align-items: center;} .info-box{width: 100%;max-width: 320px;} } @media (max-width: 600px){.dashboard-table{display: flex;flex-direction: column;gap: 1rem;} .dashboard-table table{display: none;} .dashboard-card{border: 1px solid #ddd;padding: 1rem;border-radius: 6px;background: #fff;} .dashboard-card{display: none;} } table{width: 100%;border-collapse: collapse;} th, td{text-align: left;vertical-align: middle;padding: 12px 10px;border-bottom: solid 1px #e5e7eb7a;} .td-actions{display: inline-flex;gap: 8px;align-items: center;justify-content: center;} .td-actions form{margin: 0;display: inline;} .tabela-precos-seletor{display: inline-flex;background-color: #E6E8EB;border-radius: 9999px;padding: 4px;margin-bottom: var(--espacamento-secao);} .tabela-precos-seletor button{padding: 8px 16px;font-size: 0.875rem;font-weight: 600;color: #4B5563;background-color: transparent;border: none;border-radius: 9999px;cursor: pointer;transition: all 0.3s ease;} .tabela-precos-seletor button.ativo{background-color: var(--th-accent);color: #FFFFFF;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);} .tabela-precos-comparativa{width: 100%;border-collapse: collapse;margin-bottom: var(--espacamento-secao);} .tabela-precos-comparativa thead th{padding: 1rem 1.5rem;font-size: 0.875rem;font-weight: 600;color: var(--cor-texto-secundario);text-align: center;border-bottom: 1px solid #E5E7EB;} .tabela-precos-comparativa tbody tr{transition: background-color 0.3s ease;} .tabela-precos-comparativa tbody tr:hover{background-color: #F9FAFB;} .tabela-precos-comparativa tbody tr:last-child{border-bottom: 1px solid #E5E7EB;} .tabela-precos-comparativa td{padding: 1rem 1.5rem;color: var(--cor-texto-principal);font-size: 0.95rem;border-top: 1px solid #E5E7EB;text-align: center;} .tabela-precos-comparativa td:first-child{font-weight: 600;text-align: left;} .tabela-precos-comparativa td:last-child{text-align: center;} .tabela-precos-comparativa .radio-bullet{position: relative;display: inline-block;width: 20px;height: 20px;border: 1px solid #D1D5DB;border-radius: 50%;cursor: pointer;transition: all 0.2s ease-in-out;} .tabela-precos-comparativa .radio-bullet.ativo{border-color: var(--th-accent);} .tabela-precos-comparativa .radio-bullet.ativo::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 12px;height: 12px;border-radius: 50%;background-color: var(--th-accent);} .tabela-precos-comparativa .price{font-weight: 700;font-size: 1.1rem;} .tabela-precos-comparativa .price-mo{font-size: 0.9rem;color: var(--cor-texto-secundario);font-weight: 400;} .table{width: 100%;border-collapse: collapse;margin-top: 10px;} .table th, .table td{padding: 10px;border: 1px solid var(--border);text-align: left;} .table th{background: #f5f5f5;} .data-table-container{overflow-x: auto;} .data-table{width: 100%;border-collapse: collapse;} .data-table th, .data-table td{padding: 12px 15px;text-align: left;} .responsive-table{width: 100%;border-collapse: collapse;} .responsive-table th, .responsive-table td{padding: 8px 12px;border: 1px solid #ddd;text-align: left;} .table-controls-container{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;margin-bottom: 25px;padding: 15px;background-color: transparent;border: 1px solid #dddddd82;border-radius: 6px;} .table-controls-container>a{margin-bottom: 0;margin-top: 30px;} .table-filter select, .table-filter input[type="text"]{padding: 8px 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;min-height: 40px;width: 100%;max-width: 200px;} .table-controls-container form{display: flex;flex-direction: row !important;} .table-controls{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 15px;} .table-filter{display: flex;flex-direction: column;gap: 5px;} .table-filter label{font-size: 13px;font-weight: 600;margin-bottom: 0;} html.dark-mode{--bg: #1e293b;--card: #2d3748;--text: #cbd5e1;--brand: #63b3ed;--brand-dark: #4299e1;--border-dark: #4a5568;background-color: var(--bg);color: var(--text);} html.dark-mode .admin-header, html.dark-mode .admin-sidebar, html.dark-mode .card, html.dark-mode .table th, html.dark-mode .form-group input, html.dark-mode .form-group textarea, html.dark-mode .form-group select{background: var(--card);color: var(--text);} html.dark-mode .admin-sidebar a{color: var(--text);} html.dark-mode .admin-sidebar{background: var(--bg);} html.dark-mode .admin-sidebar a:hover{background: var(--brand);} html.dark-mode .admin-content{background: var(--bg);} html.dark-mode .card h2{border-bottom-color: var(--border);} html.dark-mode .table tbody tr:hover{background: #4a5568;} html.dark-mode .form-group input, html.dark-mode .form-group textarea, html.dark-mode .form-group select{border-color: var(--border);} html.dark-mode .top-nav a, html.dark-mode small{color: var(--text);} html.dark-mode hr.slash{border: 0;border-top: 1px solid var(--border-dark);} .toggle-checkbox{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .toggle-slot{position: relative;height: 30px;max-width: 60px;width: 100%;border: 1.5px solid #a8a8a8;border-radius: 30px;background-color: transparent;transition: background-color 250ms;margin-top: 30px;left: 10px;} .toggle-checkbox:checked~.toggle-slot{background-color: transparent;} .toggle-button{transform: translate(35.25px, 5.25px);position: absolute;height: 19.5px;width: 19.5px;border-radius: 50%;box-shadow: inset 0px 0px 0px 2.25px;transition: background-color 250ms, border-color 250ms, transform 500ms cubic-bezier(.26, 2, .46, .71);} .toggle-checkbox:checked~.toggle-slot .toggle-button{background-color: transparent;transform: translate(5.25px, 5.25px);} .sun-icon{position: absolute;height: 18px;width: 18px;} .sun-icon-wrapper{position: absolute;height: 18px;width: 18px;opacity: 1;transform: translate(6px, 6px) rotate(15deg);transform-origin: 50% 50%;transition: opacity 150ms, transform 500ms cubic-bezier(.26, 2, .46, .71);} .toggle-checkbox:checked~.toggle-slot .sun-icon-wrapper{opacity: 0;transform: translate(9px, 6px) rotate(0deg);} .moon-icon{position: absolute;height: 18px;width: 18px;} .moon-icon-wrapper{position: absolute;height: 18px;width: 18px;opacity: 0;transform: translate(33px, 6px) rotate(0deg);transform-origin: 50% 50%;transition: opacity 150ms, transform 500ms cubic-bezier(.26, 2.5, .46, .71);} .toggle-checkbox:checked~.toggle-slot .moon-icon-wrapper{opacity: 1;transform: translate(36px, 6px) rotate(-15deg);} [type="checkbox"]:not(:checked), [type="checkbox"]:checked{position: absolute;left: 0;opacity: 0.01;} [type="checkbox"]:not(:checked)+label, [type="checkbox"]:checked+label{position: relative;padding-left: 2.3em;font-size: 1.05em;line-height: 1.7;cursor: pointer;} [type="checkbox"]:not(:checked)+label:before, [type="checkbox"]:checked+label:before{content: '';position: absolute;left: 0;top: 0;width: 1.4em;height: 1.4em;border: 1px solid #aaa;background: #FFF;border-radius: .2em;box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 rgba(81, 237, 34, 0.2);-webkit-transition: all .275s;transition: all .275s;} [type="checkbox"]:not(:checked)+label:after, [type="checkbox"]:checked+label:after{content: '✕';position: absolute;top: .525em;left: .18em;font-size: 1.375em;color: var(--success);line-height: 0;-webkit-transition: all .2s;transition: all .2s;} [type="checkbox"]:not(:checked)+label:after{opacity: 0;-webkit-transform: scale(0) rotate(45deg);transform: scale(0) rotate(45deg);} [type="checkbox"]:checked+label:after{opacity: 1;-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);} [type="checkbox"]:disabled:not(:checked)+label:before, [type="checkbox"]:disabled:checked+label:before{box-shadow: none;border-color: #bbb;background-color: #e9e9e9;} [type="checkbox"]:disabled:checked+label:after{color: #777;} [type="checkbox"]:disabled+label{color: #aaa;} [type="checkbox"]:checked:focus+label:before, [type="checkbox"]:not(:checked):focus+label:before{box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 6px rgba(108, 237, 34, 0.2);} form{display: flex;flex-direction: column;} form label{margin: 12px 0 0 0;padding: 0;font-weight: bold;} form input[type=text], form input[type=number], form input[type=datetime-local], form input[type=datetime], form input[type=file], form input[type=url], form select, form textarea{padding: 8px;border: 1px solid var(--border);border-radius: var(--radius);font-size: 14px;width: 100%;min-width: 200px;box-sizing: border-box;font-family: inherit;line-height: 1.5;display: flex;flex-wrap: wrap;} form input[type=color]{border: none;padding: 0;width: 32px;height: 35px;cursor: pointer;margin: 10px;} form small{color: #666;} .form-group{display: flex;align-items: center;flex-wrap: wrap;margin: 10px;} .form-group label{font-weight: bold;display: block;margin-bottom: 5px;} .form-group input, .form-group textarea{width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-bottom: 15px;font-size: 1em;} .alert-success{background-color: #d4edda;color: #155724;border: 1px solid #c3e6cb;padding: 10px;margin-bottom: 15px;border-radius: 5px;} .alert-error{background-color: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;padding: 10px;margin-bottom: 15px;border-radius: 5px;} .alert{border-radius: 6px;} .alert-ok{background: #ecfdf5;color: #065f46;} .alert-err{background: #fef2f2;color: #991b1b;} .badge{padding: 3px 8px;border-radius: var(--radius);font-size: 12px;font-weight: bold;display: inline-block;border-radius: 999px;font-size: 12px;background: #eef2ff;color: #1d4ed8;} .badge.success{background: var(--success);color: #fff;} .badge.warning{background: var(--warning);color: #fff;} .badge.danger{background: var(--danger);color: #fff;} .u-flex-col{display: flex;flex-direction: column;} .u-flex-row{display: flex;flex-wrap: wrap;width: 100%;} .u-col-2{width: 50%;flex-grow: 0;flex-shrink: 0;box-sizing: border-box;padding: 0 10px;} .u-col-2 input[type="text"], .u-col-2 input[type="url"], .u-col-2 input[type="number"], .u-col-2 select{width: 100%;} .flex-direction-row{flex-direction: row !important;} .horizontal-distribution{display: flex;flex-wrap: wrap;flex-direction: row;gap: 20px;align-items: stretch;margin-bottom: 20px;} .horizontal-distribution .card{flex: 1 1 calc(23.33% - 13.33px);min-width: 300px;padding: 20px;background-color: #fff;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);} .horizontal-distribution .card>.form-group{display: flex;flex-direction: row;justify-content: space-between;align-items: center;} .horizontal-distribution .card input[type="color"]{width: 30px;height: 30px;border: none;padding: 0;} .card{background: var(--card);padding: 20px;border-radius: var(--radius);box-shadow: var(--shadow);margin-bottom: 20px;} .card-img{display: block;width: auto;height: 150px;object-fit: cover;background: #f3f4f6;margin-top: 5px;} .card-body{padding: 12px;} .card-precos{position: relative;display: flex;flex-direction: column;background-color: var(--cor-branco);border: 1px solid #E6E8EB;border-radius: var(--borda-arredondada);padding: var(--espacamento-grande);box-shadow: var(--sombra-card);transition: transform 0.3s ease;} .card-precos.popular{border-color: var(--th-accent);box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1), 0 0 0 2px var(--th-accent);} .card-precos-popular-tag{position: absolute;top: 0;right: 0;background-color: var(--th-accent);color: #FFFFFF;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;padding: 4px 16px;border-radius: 0 2px 0 8px;} .card-precos-titulo{font-size: 1rem;font-weight: 600;color: #4B5563;text-transform: uppercase;margin-bottom: var(--espacamento-pequeno);text-align: center;} .card-precos-valor{font-size: 2.5rem;font-weight: 700;color: #111827;margin-bottom: var(--espacamento-grande);text-align: center;} .card-precos-valor span{font-size: 1.25rem;color: #4B5563;} .card-precos-lista{list-style: none;padding: 0;margin: 0;text-align: left;margin-bottom: var(--espacamento-grande);} .card-precos-lista li{display: flex;align-items: center;color: #4B5563;margin-bottom: 8px;font-size: 0.95rem;} .card-precos-lista li::before{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: var(--th-accent);margin-right: 12px;flex-shrink: 0;} .card-precos .btn-cta{width: 100%;margin-top: auto;font-weight: 600;padding: 12px 24px;border-radius: 9999px;text-align: center;text-decoration: none;display: flex;align-items: center;justify-content: center;gap: 8px;transition: all 0.3s ease;} .card-precos .btn-cta.btn-secundario{background-color: #F3F4F6;color: #4B5563;border: 1px solid #D1D5DB;} .card-precos .btn-cta.btn-principal{background-color: var(--th-accent);color: #FFFFFF;border: 1px solid var(--th-accent);} .card-precos-subtexto{font-size: 0.75rem;color: #9CA3AF;margin-top: 16px;text-align: center;} .card-colors{align-items: flex-end;} .card-colors{border: none;box-shadow: none;background-color: transparent;} .cards-slots{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 10px;margin-top: 30px;}