.page-gdpr { color: #F2FFF6; background-color: #08160F; font-family: 'Segoe UI', Arial, sans-serif; max-width: 100%; overflow-x: hidden; } .page-gdpr__hero-section { display: flex; flex-direction: column; align-items: center; padding: 10px 16px 0; background: linear-gradient(135deg, #0A4B2C 0%, #08160F 70%); } .page-gdpr__hero-image-wrap { width: 100%; max-width: 1020px; } .page-gdpr__hero-image { width: 100%; max-width: 1020px; aspect-ratio: 17/5; object-fit: cover; display: block; border-radius: 16px; box-shadow: 0 0 25px rgba(87, 227, 141, 0.3); } .page-gdpr__hero-content { width: 100%; max-width: 1020px; text-align: center; padding: 20px 0 12px; } .page-gdpr__hero-title { color: #F2FFF6; font-weight: 800; line-height: 1.2; letter-spacing: 0.5px; margin: 0 0 12px; max-width: 850px; margin-left: auto; margin-right: auto; } .page-gdpr__hero-description { color: #A7D9B8; line-height: 1.6; max-width: 850px; margin: 0 auto 18px; } .page-gdpr__cta-button { display: inline-block; padding: 12px 28px; background: linear-gradient(180deg, #2AD16F 0%, #13994A 100%); color: #08160F; font-weight: 700; border-radius: 30px; text-decoration: none; border: 1px solid #57E38D; box-shadow: 0 0 15px rgba(87, 227, 141, 0.4); transition: transform 0.2s, box-shadow 0.2s; } .page-gdpr__cta-button:hover { transform: translateY(-2px); box-shadow: 0 0 25px rgba(87, 227, 141, 0.7); } .page-gdpr__intro-section, .page-gdpr__data-section, .page-gdpr__collect-section, .page-gdpr__rights-section, .page-gdpr__cookie-section, .page-gdpr__security-section, .page-gdpr__responsible-section, .page-gdpr__contact-section { padding: 16px 24px 24px; } .page-gdpr__intro-container, .page-gdpr__data-container, .page-gdpr__rights-container, .page-gdpr__security-container, .page-gdpr__contact-container { max-width: 1100px; margin: 0 auto; } .page-gdpr__intro-text p { line-height: 1.7; margin-bottom: 16px; color: #F2FFF6; } .page-gdpr__section-title { color: #F2FFF6; font-size: 1.5rem; font-weight: 800; margin-bottom: 20px; line-height: 1.3; letter-spacing: 0.3px; border-left: 4px solid #57E38D; padding-left: 12px; } .page-gdpr__section-title--centered { text-align: center; border-left: none; padding-left: 0; margin-top: 0; } .page-gdpr__principles-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .page-gdpr__principle-card { background-color: #11271B; border: 1px solid #2E7A4E; padding: 18px; border-radius: 12px; transition: border-color 0.2s; } .page-gdpr__principle-card:hover { border-color: #57E38D; } .page-gdpr__principle-title { color: #F2C14E; margin-bottom: 10px; font-size: 1.05rem; } .page-gdpr__principle-card p { color: #A7D9B8; line-height: 1.6; margin: 0; } .page-gdpr__collect-content { display: flex; align-items: flex-start; gap: 24px; max-width: 1100px; margin: 0 auto; } .page-gdpr__collect-text { flex: 1; } .page-gdpr__collect-list, .page-gdpr__cookie-list, .page-gdpr__responsible-list { margin: 16px 0; padding-left: 18px; } .page-gdpr__collect-list li, .page-gdpr__cookie-list li, .page-gdpr__responsible-list li { margin-bottom: 12px; line-height: 1.6; color: #F2FFF6; } .page-gdpr__collect-list strong, .page-gdpr__cookie-list strong, .page-gdpr__responsible-list strong { color: #57E38D; } .page-gdpr__collect-image, .page-gdpr__cookie-image, .page-gdpr__security-image { width: 100%; max-width: 500px; aspect-ratio: 2/1; object-fit: cover; border-radius: 12px; border: 1px solid #2E7A4E; box-shadow: 0 0 20px rgba(87, 227, 141, 0.1); display: block; } .page-gdpr__rights-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 16px; } .page-gdpr__rights-card { background-color: #11271B; border: 1px solid #2E7A4E; border-radius: 12px; padding: 16px; } .page-gdpr__rights-card h3 { color: #F2C14E; margin-bottom: 8px; } .page-gdpr__rights-card p { color: #A7D9B8; line-height: 1.6; margin: 0; } .page-gdpr__cookie-box, .page-gdpr__responsible-box, .page-gdpr__contact-container { background-color: #11271B; border: 1px solid #2E7A4E; border-radius: 16px; padding: 20px; } .page-gdpr__cookie-box { display: flex; gap: 24px; max-width: 1100px; margin: 0 auto; } .page-gdpr__cookie-text { flex: 1; } .page-gdpr__cookie-text .page-gdpr__section-title, .page-gdpr__responsible-box .page-gdpr__section-title { color: #F2C14E; margin-top: 0; } .page-gdpr__security-image { margin: 16px auto; max-width: 800px; } .page-gdpr__security-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .page-gdpr__security-card { background-color: #11271B; border: 1px solid #2E7A4E; border-radius: 12px; padding: 16px; } .page-gdpr__security-card h3 { color: #F2C14E; margin-bottom: 8px; } .page-gdpr__security-card p { color: #A7D9B8; line-height: 1.6; margin: 0; } .page-gdpr__responsible-box { max-width: 1100px; margin: 0 auto; } .page-gdpr__responsible-box .page-gdpr__section-title + p { color: #F2FFF6; line-height: 1.7; margin-bottom: 16px; } .page-gdpr__contact-description { color: #F2FFF6; text-align: center; margin-bottom: 24px; line-height: 1.6; } .page-gdpr__contact-channels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 20px; } .page-gdpr__channel-button { background: linear-gradient(180deg, #2AD16F 0%, #13994A 100%); color: #08160F !important; border: 1px solid #57E38D; border-radius: 16px; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; text-decoration: none !important; transition: transform 0.2s, box-shadow 0.2s; } .page-gdpr__channel-button:hover { transform: translateY(-3px); box-shadow: 0 0 20px rgba(87, 227, 141, 0.5); } .page-gdpr__channel-label { display: block; color: #08160F; font-weight: 700; font-size: 0.95rem; } .page-gdpr__channel-note { display: block; color: #11271B; font-size: 0.8rem; } .page-gdpr__contact-note { text-align: center; color: #A7D9B8; font-size: 0.9rem; margin: 0; } .page-gdpr a { color: #57E38D; } .page-gdpr p a, .page-gdpr li a { color: #57E38D; text-decoration: underline; } .page-gdpr__section-title--centered::after { content: ''; display: block; width: 60px; height: 3px; background: #F2C14E; margin: 12px auto 0; border-radius: 2px; } .page-gdpr__hero-title::after { content: ''; display: block; width: 80px; height: 3px; background: #F2C14E; margin: 12px auto 0; border-radius: 2px; } @media (max-width: 1024px) { .page-gdpr__principles-grid, .page-gdpr__rights-features, .page-gdpr__security-grid { grid-template-columns: 1fr; } .page-gdpr__collect-content, .page-gdpr__cookie-box { flex-direction: column; } .page-gdpr__collect-image, .page-gdpr__cookie-image { max-width: 100%; } .page-gdpr__contact-channels { grid-template-columns: 1fr; } } @media (max-width: 768px) { .page-gdpr__hero-section { padding: 10px 12px 0; } .page-gdpr__hero-image, .page-gdpr__collect-image, .page-gdpr__cookie-image, .page-gdpr__security-image { max-width: 100% !important; height: auto !important; aspect-ratio: 16/9 !important; } .page-gdpr__hero-image { aspect-ratio: 2/1 !important; } .page-gdpr__hero-title { font-size: 1.5rem; } .page-gdpr__hero-description { font-size: 0.9rem; } .page-gdpr__principles-grid, .page-gdpr__rights-features, .page-gdpr__security-grid, .page-gdpr__contact-channels { grid-template-columns: 1fr; } .page-gdpr__collect-image, .page-gdpr__cookie-image { width: 100% !important; max-width: 100% !important; height: auto !important; } .page-gdpr__cta-button { max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; text-align: center; } .page-gdpr__collect-content, .page-gdpr__cookie-box { flex-direction: column; gap: 12px; } .page-gdpr__section-title { font-size: 1.3rem; } .page-gdpr__intro-section, .page-gdpr__data-section, .page-gdpr__collect-section, .page-gdpr__rights-section, .page-gdpr__cookie-section, .page-gdpr__security-section, .page-gdpr__responsible-section, .page-gdpr__contact-section { padding: 12px; } .page-gdpr img { max-width: 100% !important; height: auto !important; } .page-gdpr { max-width: 100%; overflow-x: hidden; } .page-gdpr__cookie-box, .page-gdpr__responsible-box, .page-gdpr__contact-container { padding: 16px; } .page-gdpr__collect-image, .page-gdpr__security-image { display: block; margin: 0 auto 16px; } }