/**
 * Estilos específicos para a página de Política de Cookies
 * @version 1.0.0 - Movo o css inline para um arquivo separado
 */
.cookies-section{ max-width: 800px; margin: 0 auto; padding: 20px; line-height: 1.6;} .cookies-section h1{ color: var(--black); margin-bottom: 20px; text-align: center; font-size: 2.5rem;} .cookies-section h2{ color: var(--dark-gray); margin-top: 30px; margin-bottom: 15px; border-bottom: 2px solid var(--light-gray); padding-bottom: 5px;} .cookies-section h3{ color: var(--medium-gray); margin-top: 20px; margin-bottom: 10px;} .cookies-section p, .cookies-section li{ margin-bottom: 10px; text-align: justify;} .cookies-section ul{ margin-left: 20px; margin-bottom: 15px;} .last-updated{ font-style: italic; color: var(--medium-gray); text-align: center; margin-bottom: 30px;} .cookie-type-card{ background-color: var(--light-gray); padding: 16px; border-radius: 8px; margin-bottom: 20px;} .cookie-type-card h4{ color: var(--primary-blue); margin-bottom: 8px;} .cookie-management{ background-color: var(--light-gray); padding: 16px; border-radius: 8px; margin-bottom: 20px;} .browser-instructions{ background-color: var(--light-gray); padding: 16px; border-radius: 8px; margin-bottom: 20px;} [data-theme="dark"] .browser-instructions{ background-color: var(--color-bg-card); color: var(--color-text);} .important-note{ background-color: var(--warning); color: var(--black); padding: 12px; border-radius: 6px; margin-bottom: 20px;} [data-theme="dark"] .important-note{ background-color: var(--warning); color: var(--color-text);} .contact-info{ background-color: var(--light-gray); padding: 20px; border-radius: 8px; margin-top: 30px;} .btn-manage-cookies:hover{ background-color: var(--primary-blue); color: var(--white);} .cookie-table{ width: 100%; border-collapse: collapse; margin-bottom: 20px;} .cookie-table th, .cookie-table td{ border: 1px solid var(--light-gray); padding: 8px; text-align: left;} .cookie-table th{ background-color: var(--light-gray); color: var(--black);} .cookie-table tr:nth-child(even){ background-color: var(--off-white);} .cookie-table-wrapper{ overflow-x: auto; margin-bottom: 20px;} @media (max-width:420px){ .cookies-section{ padding: 10px;}} .consent-info{ background-color: var(--light-gray); color: var(--black); padding: 1.5rem; border-radius: 8px; margin: 2rem 0; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); border: 1px solid var(--color-border);} .consent-status{ margin-top: 1rem;} .btn-outline{ background-color: transparent; border: 2px solid var(--primary-blue); color: var(--primary-blue); padding: 0.5rem 1rem; border-radius: 4px; cursor: pointer; transition: background-color 0.3s, color 0.3s; margin-top: 10px; display: none;} .btn-outline:hover{ background-color: var(--primary-blue); color: var(--white);} .consent-help-text{ font-size: 0.9em; color: var(--medium-gray); margin-top: 0.5rem; text-align: left;} [data-theme="dark"] .consent-info, .cookie-management, .cookie-type-card, .contact-info{ background-color: var(--color-bg-card); color: var(--color-text); border: 1px solid var(--color-border);} [data-theme="dark"] .btn-outline{ border-color: var(--primary-green); color: var(--primary-green);} [data-theme="dark"] .btn-outline:hover{ background-color: var(--primary-green); color: var(--white);} [data-theme="dark"] .consent-help-text{ color: var(--color-text-secondary);} .browser-instructions{ background-color: #fff3cd; padding: 20px; border-radius: 8px; margin: 20px 0; border: 1px solid #ffeaa7;} [data-theme="dark"] .browser-instructions{ background-color: #4b2e00; border: 1px solid #7a4f00;} .important-note{ background-color: #d1ecf1; padding: 15px 15px 25px 15px; border-radius: 8px; margin: 20px 0; border-left: 4px solid #0072bc;} [data-theme="dark"] .important-note{ background-color: #2a4f61; border-left: 4px solid #3399ff;} .btn-manage-cookies{ background: linear-gradient(135deg, var(--primary-green), var(--dark-green)); color: white; padding: 12px 24px; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; margin: 10px 5px; display: inline-block;} .btn-manage-cookies:hover{ background: linear-gradient(135deg, #007e3a, #1e7e34); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 166, 81, 0.3); color: #f1f1f1;} [data-theme="dark"] .btn-manage-cookies{ color: white;} [data-theme="dark"] .btn-manage-cookies:hover{ color: #f1f1f1;} .cookie-table{ width: 100%; border-collapse: collapse; margin: 20px 0; background-color: var(--white); border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);} .cookie-table th, .cookie-table td{ padding: 12px; text-align: left; border-bottom: 1px solid #e9ecef;} .cookie-table th{ background-color: #00a651; color: white; font-weight: 600;} .cookie-table tr:nth-child(even){ background-color: var(--off-white);} .cookie-table-wrapper{ width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 20px 0;} .cookie-table{ min-width: 720px;} @media (max-width:420px){ .cookie-table{ min-width: 600px;}} @media (max-width:768px){ .cookie-table{ font-size: 14px;} .cookie-table th, .cookie-table td{ padding: 8px;} .cookies-section{ padding: 10px;} .cookies-section h1{ font-size: 2rem;} .cookies-section h2{ font-size: 1.25rem;} .cookies-section h3{ font-size: 1.1rem;} .cookie-type-card p{ font-size: 0.9rem;}}