.legal-notice-container { line-height: 1.6; color: #333; width: 100%; max-width: none; margin: 0; padding: 0; } .legal-notice-container h1 { color: #2c3e50; border-bottom: 3px solid #3498db; padding-bottom: 10px; margin-bottom: 30px; margin-top: 20px; text-align: center; font-size: 2em; } .legal-notice-container h2 { color: #34495e; margin-top: 40px; margin-bottom: 20px; padding-left: 15px; border-left: 4px solid #3498db; font-size: 1.5em; } .legal-notice-container h3 { color: #2c3e50; margin-top: 30px; margin-bottom: 15px; font-size: 1.2em; } .legal-notice-container p { margin-bottom: 15px; text-align: justify; } .legal-notice-container .company-info { background-color: #f8f9fa; border-left: 4px solid #27ae60; padding: 15px; margin: 20px 0; border-radius: 4px; } .legal-notice-container .warning { background-color: #fff3cd; border: 1px solid #ffeaa7; border-left: 4px solid #d68910; padding: 15px; margin: 20px 0; border-radius: 4px; } .legal-notice-container .important { background-color: #d4edda; border: 1px solid #c3e6cb; border-left: 4px solid #28a745; padding: 15px; margin: 20px 0; border-radius: 4px; } .legal-notice-container ul { margin: 15px 0; padding-left: 30px; } .legal-notice-container li { margin-bottom: 8px; } .legal-notice-container a { color: #3498db; text-decoration: none; } .legal-notice-container a:hover { text-decoration: underline; } .legal-notice-container .last-updated { text-align: center; font-size: 0.9em; color: #7f8c8d; margin-top: 40px; padding-top: 20px; border-top: 1px solid #ecf0f1; } @media (max-width: 768px) { .legal-notice-container h1 { font-size: 1.8em; } .legal-notice-container h2 { font-size: 1.4em; padding-left: 10px; } .legal-notice-container .company-info, .legal-notice-container .warning, .legal-notice-container .important { padding: 12px; } }