/**
 * Estilos específicos para a página dos Termos de Uso
 * @version 1.0.0 - Movo o css inline para um arquivo separado
 */
.terms-section{ max-width: 800px; margin: 0 auto; padding: 2rem 1rem;} .terms-section h1{ color: var(--black); margin-bottom: 20px; text-align: center; font-size: 2.5rem;} .terms-section h2{ color: var(--dark-gray); margin-top: 2rem; margin-bottom: 1rem; font-size: 1.5rem; border-bottom: 2px solid var(--light-gray); padding-bottom: 0.5rem;} .terms-section h3{ color: var(--dark-gray); margin-top: 1.5rem; margin-bottom: 0.75rem; font-size: 1.25rem;} .terms-section p{ margin-bottom: 1rem; line-height: 1.7; text-align: justify;} .terms-section ul{ margin-bottom: 1rem; padding-left: 2rem;} .terms-section li{ margin-bottom: 0.5rem; line-height: 1.6;} .highlight{ background-color: #fff3cd; padding: 1rem; border-left: 4px solid var(--warning); margin: 1.5rem 0; border-radius: 4px;} [data-theme="dark"] .highlight{ background-color: #664d03;} .contact-info{ background-color: var(--light-gray); padding: 1.5rem; border-radius: 8px; margin: 2rem 0; text-align: center;} .last-updated{ font-style: italic; color: var(--medium-gray); text-align: center; margin-bottom: 30px;} .consent-info{ background-color: var(--light-gray); padding: 1.5rem; border-radius: 8px; margin: 2rem 0; text-align: center;} .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;} .btn-outline:hover{ background-color: var(--primary-blue); color: #fff;} @media (max-width:768px){ .terms-section h1{ font-size: 2rem;} .terms-section h2{ font-size: 1.25rem;} .terms-section h3{ font-size: 1.1rem;} .terms-section p{ font-size: 0.9rem;}}