@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#98bd68;--secondary-color:#f2a900;--dark-color:#2c3e50;--light-color:#f8f9fa;--text-color:#34495e;--white-color:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white-color);color:#34495e;color:var(--text-color);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}.container{margin:0 auto;max-width:1100px;padding:0 20px}.main-header{background:#fff;background:var(--white-color);box-shadow:0 2px 4px #0000000d;padding:1rem 0}.main-header .container{align-items:center;display:flex;justify-content:space-between}.logo-image{height:50px}.main-header .container nav{align-items:center;display:flex}.main-header nav a{margin:0 10px;transition:color .3s ease}.main-header nav a,.nav-link{color:#34495e;color:var(--text-color);font-weight:600;text-decoration:none}.nav-link{display:block;padding:10px 15px}.nav-dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#f9f9f9;border-radius:5px;box-shadow:0 8px 16px 0 #0003;display:none;min-width:200px;padding:5px 0;position:absolute;z-index:1001}.dropdown-content a{color:#000;display:block;font-size:.9rem;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#f1f1f1}.nav-dropdown:hover .dropdown-content{display:block}.main-header nav a:hover{color:#98bd68;color:var(--primary-color)}.cta-button{background-color:#f2a900;background-color:var(--secondary-color);border-radius:5px;font-size:.9rem;font-weight:600;padding:8px 16px}.cta-button,.cta-button:hover{color:#fff;color:var(--white-color)}.cta-button:hover{opacity:.9;transform:scale(1.05)}.hero-section{background:#2c3e50;background:var(--dark-color);color:#fff;color:var(--white-color);padding:80px 0;text-align:center}.hero-section h1{font-size:3.2rem;margin-bottom:1rem}.hero-section h2{color:#f2a900;color:var(--secondary-color);font-size:1.5rem;font-weight:400;margin-bottom:1.5rem}.hero-section p{margin:0 auto 2rem;max-width:600px}.hero-cta-button{align-items:center;background-color:#f2a900;background-color:var(--secondary-color);border:none;border-radius:50px;color:#fff;color:var(--white-color);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 35px;transition:transform .3s ease,box-shadow .3s ease}.hero-cta-button:hover{box-shadow:0 10px 20px #f2a90040;transform:scale(1.05)}.solutions-section{background-color:#f8f9fa;background-color:var(--light-color);padding:80px 0}.section-title{color:#2c3e50;color:var(--dark-color);font-size:2.5rem;margin-bottom:1rem;text-align:center}.section-subtitle{margin:0 auto 4rem;max-width:500px;text-align:center}.solution-detailed-item{align-items:center;display:flex;gap:40px;margin-bottom:80px}.solution-detailed-item.reverse{flex-direction:row-reverse}.solution-image-container{flex:1 1}.solution-image-container img{border-radius:8px;box-shadow:0 10px 20px #0000001a;width:100%}.solution-text-container{flex:1 1}.solution-text-container svg{color:#98bd68;color:var(--primary-color);height:32px;margin-bottom:1rem;width:32px}.solution-text-container h3{font-size:2rem;margin-top:0}.about-section{background-color:#fff;background-color:var(--white-color);padding:80px 0;text-align:center}.about-section p{font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px}.solution-text-container p{line-height:1.7}.hero-statistic{color:#f2a900;color:var(--secondary-color);font-size:1.1rem;font-style:italic;margin-bottom:30px;margin-top:-10px}.solution-cta{background-color:initial;border:2px solid #98bd68;border:2px solid var(--primary-color);border-radius:50px;color:#98bd68;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:10px 25px;transition:all .3s ease}.solution-cta:hover{background-color:#98bd68;background-color:var(--primary-color);color:#fff;color:var(--white-color)}@media (max-width:900px){.solution-detailed-item,.solution-detailed-item.reverse{flex-direction:column}}.scarcity-section{background-color:#98bd68;background-color:var(--primary-color);color:#fff;color:var(--white-color);padding:40px 0;text-align:center}.scarcity-section h3{font-size:1.8rem;margin-bottom:.5rem}.scarcity-counter{background:#ffffff26;border-radius:5px;display:inline-block;font-weight:600;margin-top:1rem;padding:10px 20px}.final-cta-section{background-color:#f8f9fa;background-color:var(--light-color);background-image:url(https://www.toptal.com/designers/subtlepatterns/uploads/double-bubble-outline.png);padding:80px 0;text-align:center}.final-cta-section h2{color:#2c3e50;color:var(--dark-color);font-size:2.8rem;margin-bottom:1rem}.final-cta-section p{margin:0 auto 2.5rem;max-width:700px}.main-footer{background-color:#2c3e50;background-color:var(--dark-color);color:#f8f9fa;color:var(--light-color);padding-top:60px}.main-footer .container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr;margin-bottom:40px}.logo-image-footer{height:50px;margin-bottom:1rem}.main-footer h4{color:#fff;color:var(--white-color);font-size:1.2rem;margin-bottom:1rem}.main-footer a{color:#f8f9fa;color:var(--light-color);text-decoration:none;transition:color .3s ease}.main-footer a:hover{color:#f2a900;color:var(--secondary-color)}.main-footer ul{list-style:none;padding:0}.main-footer ul li{margin-bottom:10px}.main-footer .footer-about p{color:#bdc3c7}.footer-legal p{color:#bdc3c7;font-size:.9rem;margin-bottom:5px}.footer-bottom{border-top:1px solid #34495e;padding:20px 0}.footer-bottom .container{align-items:center;color:#bdc3c7;display:flex;justify-content:space-between;margin-bottom:0}.bottom-links a{margin-left:20px}@media (max-width:768px){.main-header .container,.main-header nav{align-items:flex-start;flex-direction:column}.main-header nav{margin-top:10px}.main-header nav a{margin:5px 0}.cta-button{margin-top:10px;text-align:center;width:100%}.main-footer .container{grid-template-columns:1fr;text-align:center}.footer-bottom .container{flex-direction:column}.bottom-links{margin-top:10px}}.admin-layout{background-color:#f4f7fa;display:flex;font-family:Inter,sans-serif;min-height:100vh}.admin-sidebar{background-color:#0d1b2a;color:#fff;display:flex;flex-direction:column;flex-shrink:0;padding:20px 0;width:260px}.sidebar-header{cursor:pointer;margin-bottom:30px;padding:0 20px;text-align:center}.sidebar-logo{margin-bottom:10px;width:70px}.sidebar-header h2{color:#fff;font-size:1.4rem;margin:0}.admin-nav ul{list-style:none;margin:0;padding:0}.admin-nav a{color:#e0e1dd;display:block;font-size:1rem;padding:15px 25px;text-decoration:none;transition:background-color .2s,color .2s}.admin-nav a:hover{background-color:#415a77;color:#fff}.admin-nav a.active{background-color:#1b263b;border-left:4px solid #00a8e8;color:#fff;padding-left:21px}.nav-item-toggle{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px 25px;transition:background-color .2s}.nav-item-toggle:hover{background-color:#415a77}.nav-item-toggle.active-parent{background-color:#1b263b}.chevron-icon{transition:transform .3s ease}.chevron-icon.open{transform:rotate(180deg)}.submenu{background-color:#1b263b;padding-left:15px}.submenu a{padding-left:35px}.submenu a.active{border-left:4px solid #00a8e8;padding-left:31px}.sidebar-footer{margin-top:auto;padding:20px}.logout-button{background-color:#e63946;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s;width:100%}.logout-button:hover{background-color:#c9303c}.admin-content{flex-grow:1;overflow-y:auto;padding:40px}.chatbot-fab{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;bottom:25px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:25px;transition:transform .3s ease;width:60px;z-index:1000}.chatbot-fab:hover{transform:scale(1.1)}.chat-window{background-color:#fff;border-radius:15px;bottom:100px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;height:500px;max-height:70vh;max-width:90vw;overflow:hidden;position:fixed;right:25px;width:370px;z-index:1000}.chat-header{align-items:center;background-color:var(--dark-color);color:#fff;display:flex;justify-content:space-between;padding:15px}.chat-header h3{font-size:1.1rem;margin:0}.close-chat-button{background:none;border:none;color:#fff;cursor:pointer;padding:0}.chat-body{display:flex;flex-direction:column;flex-grow:1;gap:12px;overflow-y:auto;padding:15px}.message{border-radius:20px;line-height:1.4;max-width:80%;padding:10px 15px}.message.bot{align-self:flex-start;background-color:#f1f0f0;border-bottom-left-radius:5px;color:#333}.message.user{align-self:flex-end;background-color:var(--primary-color);border-bottom-right-radius:5px;color:#fff}.chat-input-area{border-top:1px solid #ddd;display:flex;padding:10px}.chat-input-area input{border:1px solid #ccc;border-radius:20px;flex-grow:1;font-size:1rem;margin-right:10px;padding:10px 15px}.chat-input-area button{background-color:var(--secondary-color);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:0 20px;transition:opacity .3s ease}.chat-input-area button:hover{opacity:.9}.contact-form-section{background-color:var(--white-color);padding:80px 0}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{font-weight:600}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:12px;width:100%}.form-group-checkbox{align-items:center;display:flex;gap:10px}.form-group-checkbox input[type=checkbox]{width:auto}.form-group-checkbox label{font-size:.9rem;font-weight:400}.form-group-checkbox a{color:var(--primary-color);text-decoration:underline}.submit-button{background-color:var(--secondary-color);border:none;border-radius:50px;color:var(--white-color);cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 35px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.submit-button:hover{box-shadow:0 5px 15px #f2a90040;transform:scale(1.02)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.home-page .hero-rpa-banner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;justify-content:center;margin-top:0;overflow:hidden;padding:80px 0;position:relative;text-align:center}.home-page .hero-rpa-overlay{background-color:#0000008c;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.home-page .hero-rpa-content{max-width:900px;position:relative;z-index:2}.home-page .hero-rpa-title{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-shadow:1px 1px 8px #00000080}.home-page .hero-rpa-subtitle{font-size:1.2rem;line-height:1.5;margin:0 auto 40px;max-width:650px}.home-page .hero-rpa-cta-button{background-color:#f7b32b;border:none;border-radius:8px;box-shadow:0 4px 15px #0000001a;color:#002b5c;cursor:pointer;display:inline-block;font-size:1.2rem;font-weight:700;padding:16px 40px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.home-page .hero-rpa-cta-button:hover{background-color:#e0a220;box-shadow:0 7px 25px #00000026;transform:translateY(-3px)}@media (max-width:992px){.home-page .hero-rpa-title{font-size:3rem}.home-page .hero-rpa-subtitle{font-size:1.1rem}}@media (max-width:768px){.home-page .hero-rpa-banner{padding:80px 0}.home-page .hero-rpa-title{font-size:2.5rem}.home-page .hero-rpa-subtitle{font-size:1rem}.home-page .hero-rpa-cta-button{font-size:1rem;padding:12px 25px}}@media (max-width:576px){.home-page .hero-rpa-title{font-size:2rem}.home-page .hero-rpa-subtitle{font-size:.9rem}.home-page .faq-section{background-color:#fff;padding:80px 0}.home-page .faq-section .container{margin:40px auto 0;max-width:800px}.home-page .faq-item{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:15px;padding:20px;text-align:left}.home-page .faq-item h4{color:#004a91;font-size:1.2rem;font-weight:600;margin-bottom:10px}.home-page .faq-item p{font-size:1rem;line-height:1.6;margin-bottom:15px}.home-page .faq-item .button-wrapper{margin-top:20px;text-align:center}}.legal-container{color:#333;line-height:1.8;margin:60px auto;max-width:800px;padding:20px}.post-content h2,.post-content h3{margin-top:40px}.post-content a{color:var(--primary-color);text-decoration:underline}.legal-container h1{font-size:2.2rem;margin-bottom:20px}.legal-container h2{border-bottom:1px solid #eee;font-size:1.6rem;margin-bottom:15px;margin-top:40px;padding-bottom:5px}.legal-container ul{padding-left:20px}.legal-container li{margin-bottom:10px}.blog-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:40px 20px;text-align:center}.blog-header h1{font-size:2.8rem;margin:0}.blog-layout-container{display:flex;gap:40px;margin:40px auto;max-width:1200px;padding:0 20px}.blog-sidebar{flex:0 0 250px}.blog-sidebar h3{border-bottom:2px solid var(--primary-color);font-size:1.5rem;margin-top:0;padding-bottom:10px}.blog-sidebar ul{list-style:none;margin:0;padding:0}.blog-sidebar li a{border-bottom:1px solid #eee;color:var(--text-color);display:block;font-weight:500;padding:10px 5px;text-decoration:none;transition:background-color .2s ease}.blog-sidebar li a:hover{background-color:#f8f9fa}.blog-main-content{flex-grow:1}.blog-card{border-bottom:1px solid #eee;display:flex;gap:20px;margin-bottom:40px;padding-bottom:40px}.blog-card-image{border-radius:8px;height:200px;object-fit:cover;width:300px}.blog-card-content h2{margin-top:0}@media (max-width:768px){.blog-card,.blog-layout-container{flex-direction:column}.blog-card-image{width:100%}}.cert-digital-page{background-color:#fff;color:#343a40;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7}.cert-digital-page .container{margin:0 auto;max-width:1140px;padding:0 15px;width:100%}.cert-digital-page section{padding:80px 0;text-align:center}.cert-digital-page h1,.cert-digital-page h2,.cert-digital-page h3{color:#002b5c;font-weight:700}.cert-digital-page h2{font-size:2.8rem;margin-bottom:20px}.cert-digital-page p.section-subtitle{color:#5a6268;font-size:1.15rem;margin:-10px auto 50px;max-width:700px}.cert-digital-page .cta-button{background-color:#f7a800;border:none;border-radius:8px;box-shadow:0 4px 15px #0000001a;color:#002b5c;display:inline-block;font-size:1.2rem;font-weight:700;padding:16px 40px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.cert-digital-page .cta-button:hover{box-shadow:0 7px 25px #00000026;transform:translateY(-3px)}.cert-digital-page .cta-button.cta-button-dark{background-color:#002b5c;color:#fff}.cert-digital-page .hero-cert{background-position:center 30%;background-size:cover;color:#fff;padding:120px 0;position:relative}.cert-digital-page .hero-overlay{background-color:#002b5ccc;bottom:0;left:0;position:absolute;right:0;top:0}.cert-digital-page .hero-content{position:relative;z-index:2}.cert-digital-page .hero-cert h1{color:#fff;font-size:3.5rem;line-height:1.2;margin-bottom:20px;text-shadow:1px 1px 8px #00000080}.cert-digital-page .hero-cert p{font-size:1.2rem;margin:0 auto 40px;max-width:650px}.cert-digital-page .confianca-bar{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:25px 0}.cert-digital-page .confianca-container{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.cert-digital-page .confianca-bar span{color:#002b5c;font-size:1.1rem;font-weight:600}.cert-digital-page .confianca-bar .logos{align-items:center;display:flex;gap:15px}.cert-digital-page .confianca-bar .logos img{max-height:40px}.cert-digital-page .confianca-bar .logos span{color:#ced4da;font-size:2rem}.cert-digital-page .tipos-cert{background-color:#fff}.cert-digital-page .cards-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:50px}.cert-digital-page .card{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;padding:40px 30px;transition:transform .2s ease,box-shadow .2s ease}.cert-digital-page .card:hover{box-shadow:0 8px 25px #002b5c14;transform:translateY(-5px)}.cert-digital-page .card-icon{color:#004a91;font-size:3rem;margin-bottom:20px}.cert-digital-page .card h3{font-size:1.6rem;margin-bottom:15px}.cert-digital-page .card p{font-size:1rem}.cert-digital-page .comparativo-cert{background-color:#f8f9fa}.cert-digital-page .comparativo-container{align-items:stretch;display:flex;gap:30px;margin-bottom:40px}.cert-digital-page .comparativo-column{background:#fff;border:1px solid #dee2e6;border-radius:10px;flex:1 1;padding:40px;text-align:left}.cert-digital-page .comparativo-column-destaque{border:2px solid #f7a800}.cert-digital-page .comparativo-column h2{text-align:left}.cert-digital-page .comparativo-column ul{list-style:none;margin-top:15px;padding:0}.cert-digital-page .comparativo-column li{font-size:1.1rem;margin-bottom:10px}.cert-digital-page .como-funciona-cert{background-color:#fff}.cert-digital-page .processo-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:80px}.cert-digital-page .processo-step{padding:20px}.cert-digital-page .step-number{align-items:center;background:#f7a800;border-radius:50%;color:#002b5c;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.cert-digital-page .processo-step h3{font-size:1.5rem;margin-bottom:10px}.cert-digital-page .validation-section{align-items:center;display:flex;gap:50px;text-align:left}.cert-digital-page .validation-image{border-radius:10px;flex:1 1;max-width:500px}.cert-digital-page .validation-text{flex:1 1}.cert-digital-page .validation-text h3{font-size:2rem}.cert-digital-page .parceria-cert{background-color:#f8f9fa}.cert-digital-page .parceria-container{align-items:center;display:flex;gap:60px}.cert-digital-page .parceria-image{flex:1 1;max-width:500px}.cert-digital-page .parceria-image img{border-radius:10px;width:100%}.cert-digital-page .parceria-text{flex:1 1;text-align:left}.cert-digital-page .parceria-text h2{font-size:2.5rem}.cert-digital-page .parceria-text p{font-size:1.1rem;margin-bottom:30px}.cert-digital-page .faq-cert{background-color:#fff}.cert-digital-page .faq-container{margin:40px auto 0;max-width:800px;text-align:left}.cert-digital-page .faq-item{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:15px}.cert-digital-page .faq-item summary{color:#004a91;cursor:pointer;font-size:1.2rem;font-weight:600;outline:none;padding:15px 20px}.cert-digital-page .faq-item[open] summary{border-bottom:1px solid #dee2e6}.cert-digital-page .faq-item p{margin:0;padding:20px}@media (max-width:992px){.cert-digital-page h2{font-size:2.2rem}.cert-digital-page .cards-container,.cert-digital-page .comparativo-container,.cert-digital-page .parceria-container,.cert-digital-page .processo-container,.cert-digital-page .validation-section{flex-direction:column;grid-template-columns:1fr}.cert-digital-page .parceria-image{margin-bottom:30px;order:-1}}@media (max-width:768px){.cert-digital-page section{padding:60px 0}.cert-digital-page .hero-cert{padding:80px 0}.cert-digital-page .hero-cert h1{font-size:2.5rem}.cert-digital-page .comparativo-column{padding:30px}.cert-digital-page .parceria-text h2{font-size:2rem}}.admin-post-list-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;padding:30px}.admin-post-list-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.admin-post-list-header h1{color:#333;font-size:1.8rem;margin:0}.create-post-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 20px;transition:background-color .3s}.create-post-button:hover{background-color:#0056b3}.post-info-cell{align-items:center;display:flex}.post-thumbnail{border-radius:5px;height:70px;margin-right:15px;object-fit:cover;width:100px}.post-title-author{display:flex;flex-direction:column}.post-title{color:#333;font-weight:600;margin-bottom:5px}.post-author{color:#6c757d;font-size:.85rem}.status-badge{border-radius:15px;font-size:.8rem;font-weight:600;padding:5px 10px;text-transform:capitalize}.status-publicado{background-color:#d4edda;color:#155724}.status-rascunho{background-color:#fff3cd;color:#856404}.error-message,.loading-message,.no-posts-message{color:#6c757d;font-size:1.2rem;padding:40px;text-align:center}.post-title-link{color:#007bff;font-weight:600;margin-bottom:5px;text-decoration:none;transition:color .2s}.post-title-link:hover{color:#0056b3;text-decoration:underline}.filter-controls{display:flex;gap:10px;margin-bottom:20px}.filter-button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;color:#495057;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease-in-out}.filter-button:hover{background-color:#e9ecef}.filter-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.filter-select{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;color:#495057;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:8px 12px;transition:all .2s ease-in-out}.admin-list-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;padding:30px}.admin-list-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.admin-list-header h1{color:#333;font-size:1.8rem;margin:0}.create-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 20px;transition:background-color .3s}.create-button:hover{background-color:#0056b3}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #e9ecef;padding:15px;text-align:left;vertical-align:middle}th{background-color:#f8f9fa;color:#495057;font-size:.9rem;font-weight:600;text-transform:uppercase}.actions-cell{text-align:right;white-space:nowrap}.action-button{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;margin-left:10px;padding:8px 12px;transition:opacity .3s}.action-button:hover{opacity:.8}.edit-button{background-color:#6c757d;color:#fff}.delete-button{background-color:#dc3545;color:#fff}.error-message,.loading-message{color:#6c757d;font-size:1.2rem;padding:40px;text-align:center}.modal-overlay{background-color:#0009;z-index:1000}.modal-content{border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px}.modal-content h2{color:#333;margin-bottom:25px;margin-top:0}.form-group{margin-bottom:20px}.form-group label{color:#555}.form-group input{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:12px;width:100%}.modal-actions{display:flex;justify-content:flex-end;margin-top:30px}.modal-actions button{border:none;border-radius:5px;cursor:pointer;font-weight:500;margin-left:10px;padding:10px 20px}.button-cancel{background-color:#f1f1f1;color:#333}.post-editor-container{width:100%}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.editor-header h1{font-size:1.8rem;margin:0}.editor-actions button{border:none;border-radius:5px;cursor:pointer;font-weight:500;margin-left:15px;padding:10px 20px}.button-save{background-color:#007bff;color:#fff}.button-cancel{background-color:#6c757d;color:#fff}.editor-layout{display:flex;gap:30px}.settings-sidebar{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;flex-shrink:0;padding:20px;width:320px}.sidebar-tabs{border-bottom:1px solid #dee2e6;display:flex;margin-bottom:20px}.tab-button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#495057;cursor:pointer;flex-grow:1;font-size:.9rem;font-weight:500;padding:10px;transition:all .2s ease-in-out}.tab-button:hover{background-color:#e9ecef}.tab-button.active{border-bottom-color:#007bff;color:#007bff}.sidebar-section{border-bottom:1px solid #dee2e6;margin-bottom:25px;padding-bottom:25px}.sidebar-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-sidebar h3{color:#343a40;font-size:1.1rem;margin-bottom:20px;margin-top:0}.form-group{margin-bottom:15px}.form-group label{color:#495057;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:10px;width:100%}.form-group input[readonly]{background-color:#e9ecef;cursor:not-allowed}.input-title{border:1px solid #ced4da;border-radius:5px;font-size:2rem;font-weight:700;padding:15px}.main-editor-area{position:relative}.editor-wrapper,.main-editor-area{display:flex;flex-direction:column;flex-grow:1}#toolbar{background-color:#f8f9fa;border:1px solid #dee2e6;border-bottom:none;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:4px;padding:8px;position:sticky;top:0;z-index:100}.toolbar-group{align-items:center;border-right:1px solid #d0d7de;display:flex;margin-right:8px;padding-right:8px}.toolbar-group:last-child{border-right:none}#toolbar button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:6px}#toolbar button:hover{background-color:#e9ecef}#toolbar button.is-active{background-color:#d0eaff;color:#007bff}#toolbar input[type=color]{background:none;border:none;cursor:pointer;height:28px;padding:2px;width:28px}.toolbar-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:4px 6px}.tiptap{background-color:#fff;border:1px solid #dee2e6;border-radius:0 0 8px 8px;flex-grow:1;min-height:500px;outline:none;padding:1rem}.tiptap:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40}.tiptap>:first-child{margin-top:0}.checkbox-group{align-items:center;background-color:#fff;border:1px solid #ced4da;border-radius:5px;display:flex;padding:10px}.checkbox-group input[type=checkbox]{height:18px;margin-right:10px;width:auto;width:18px}.checkbox-group label{font-weight:400;margin-bottom:0}.multi-select{height:120px}.image-preview{border:1px solid #dee2e6;border-radius:5px;margin-top:10px;max-height:150px;object-fit:cover;width:100%}.helper-text{color:#6c757d;display:block;font-size:.8rem;margin-top:5px}.color-picker-wrapper{align-items:center;display:flex;height:28px;justify-content:center;position:relative;width:28px}.color-picker-wrapper svg{color:#333;pointer-events:none;position:absolute;z-index:1}.color-picker-wrapper input[type=color]{cursor:pointer;height:100%;opacity:0;width:100%}.form-group-with-button{align-items:center;display:flex;gap:10px}.form-group-with-button select{flex-grow:1}.add-new-button{background-color:#e9ecef;border:1px solid #ced4da;border-radius:5px;color:#495057;cursor:pointer;flex-shrink:0;font-size:1.5rem;font-weight:700;height:42px;padding:0;width:42px}.add-new-button:hover{background-color:#dee2e6}.button-link{background:none;border:none;color:#007bff;cursor:pointer;font-weight:500;margin-top:10px;padding:5px 0;text-align:left}.button-link:hover{text-decoration:underline}a lista de posts selecionados e o seletor dentro do modal. CSS .related-posts-container,junto com os novos estilos de CSS necessários. 1. Arquivo src/pages/PostEditor.css(Adicionar Novos Estilos) Adicione estas novas classes de estilo ao final do seu arquivo PostEditor.css. Elas irão formatar o novo botão,Ótima ideia. Essa é uma melhoria de interface muito significativa. Transformar o campo de "Posts Relacionados" de uma textarea para um seletor visual e interativo deixará o seu editor muito mais profissional e fácil de usar. Vamos implementar essa funcionalidade. O processo envolverá a criação de um modal(pop-up) onde você poderá ver e selecionar todos os seus posts de forma intuitiva. Aqui está o código atualizado para o seu arquivo PostEditor.js{background-color:#fff;border:1px solid #ced4da;border-radius:5px;padding:10px}.related-posts-list{font-size:.9rem;list-style:none;margin:10px 0 0;padding:0}.related-posts-list li{background-color:#f8f9fa;border-radius:4px;color:#495057;margin-bottom:5px;padding:8px}.modal-content.large{max-width:800px}.related-posts-modal-list{border:1px solid #dee2e6;border-radius:5px;max-height:400px;overflow-y:auto;padding:10px}.related-post-item{align-items:center;border-bottom:1px solid #f1f1f1;display:flex;gap:10px;padding:8px}.related-post-item:last-child{border-bottom:none}.related-post-item input[type=checkbox]{height:18px;width:18px}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0006;max-width:400px;padding:30px;position:relative;text-align:center;width:100%}.close-button{background:none;border:none;color:#aaa;cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:15px;top:10px}.qr-code-container{border:1px solid #ddd;border-radius:8px;display:inline-block;margin:15px 0;padding:15px}.qr-code-container img{display:block;height:250px;width:250px}.copy-paste-label{color:#555;font-weight:500;margin-top:10px}.copy-paste-container{display:flex}.copy-paste-container input{border:1px solid #ccc;border-radius:5px 0 0 5px;border-right:none;flex-grow:1;font-size:.8rem;padding:10px}.copy-paste-container button{background-color:#007bff;border:1px solid #007bff;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;padding:0 15px}.waiting-text{color:#777;font-style:italic;margin-top:20px}.status-container{padding:20px 0}.error-text{color:#dc3545;font-weight:500}.button-primary{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:12px 25px}.loader{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin:20px auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-icon{stroke:#4caf50;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 #4caf50;display:block;height:80px;margin:20px auto;width:80px}.success-icon,.success-icon circle{stroke-width:2;stroke-miterlimit:10}.success-icon circle{stroke-dasharray:166;stroke-dashoffset:166;stroke:#4caf50;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.success-icon path{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 40px #4caf50}}
/*# sourceMappingURL=main.a44298d0.css.map*/