/* Resetare stiluri implicite */ * { margin: 0; padding: 0; box-sizing: border-box; } /* Stiluri globale */ body { font-family: 'Bebas Neue', sans-serif; background-color: #f4f4f4; color: #333; max-width: 1000px; margin: 0 auto; } /* Header */ header { display: flex; justify-content: space-between; align-items: center; padding: 20px 40px; background-color: #fff; border-bottom: 2px solid #ccc; } .logo img { height: 50px; /* Ajustează în funcție de dimensiunea logo-ului */ } nav ul { display: flex; list-style: none; } nav ul li { margin-left: 20px; } nav ul li a { color: #000; text-decoration: none; } .scarica { margin-right: 5px; } /* Main */ main { width: 100%; padding: 0px; background-color: #fff; margin: 0 auto; } /* Footer */ footer { background-color: #FEF0C8; color: #fff; padding: 40px 20px 40px 20px; width: 100%; margin: 0 auto; } .footer-content { font-weight: 300; margin: 0 auto; font-size: 12px; text-align: center; } .left, .right { width: 45%; padding-left: 30px; padding-top: 10px; } .left p { margin: 5px 0; } .button_servizio { display: inline-block; text-decoration: none; background-color: #fff; color: #333; padding: 10px 20px; border-radius: 10px; font-weight: bold; } .right { display: flex; justify-content: center; align-items: flex-start; width: 45%; gap: 40px; } .column { width: 45%; } .column h3 { margin-bottom: 15px; font-size: 16px; font-weight: bold; } .column ul { list-style: none; padding: 0; } .column ul li { margin-bottom: 10px; } .column ul li a { color: #fff; text-decoration: none; } .column ul li a:hover { color: #f5a623; } .footer-bottom { width: 100%; margin: 20px auto; padding: 0px 30px; font-size: 12px; } .divider { border: 0; border-top: 1px solid gray; margin-bottom: 20px; } .footer-bottom-content { display: flex; justify-content: space-between; align-items: center; width: 100%; } .social, .download, .copyright { display: flex; align-items: center; flex-wrap: wrap; } .footer-bottom h3 { font-size: 12px; color: #fff; } .social-icons { display: flex; justify-content: center; align-items: center; } .social-icons a { font-size: 15px; margin: 0 10px; text-decoration: none; color: #fff; } .copyright p { color: #fff; } .button_home { text-decoration: none; color: #333; background-color: transparent; border: 2px solid #CD1D45; border-radius: 10px; padding: 5px 20px; font-weight: bold; } /* Stiluri pentru imagini */ img { width: 100%; } .hero_mobile { display: none; } .container { display: flex; justify-content: center; align-items: center; } .left-image, .right-image { width: 40%; margin: 0 10px; } .right-image2 { width: 30%; } .logos_footer { width: 80%; margin: 0 auto; display: flex; } .section4 { padding: 50px 150px; } .section0 { background-color: #FEF0C8; display: inline-flex; flex-direction: column; align-content: space-around; justify-content: flex-start; align-items: center; padding: 30px 0px; } .section4 p { font-weight: 300; margin: 0 auto; font-size: 12px; text-align: center; } .section0 h4 { font-weight: 300; padding: 0px 200px; font-size: 18px; text-align: center; margin: 20px 0px; color: white; } .intro_ministero { padding: 0px 200px; font-size: 18px; text-align: center; margin: 20px 0px; color: white; } .container { background-color: #CC0641; color: white; border-radius: 30px; padding: 30px; max-width: 600px; text-align: left; } h1 { font-size: 22px; margin-bottom: 30px; text-align: left; } .container ul { text-align: left; padding: 0; margin-bottom: 20px; margin-left: 17px; } li { font-size: 16px; line-height: 22px; } .cta-button { background-color: transparent; color: white; font-size: 16px; padding: 15px 47px; border-radius: 10px; cursor: pointer; transition: background-color 0.3s ease; border: 2px solid white; margin: 30px 120px; } .content p { font-size: 15px; margin-bottom: 20px; margin-top: 30px; } .content { font-weight: 300; } .orange_text { color: #E77300; } .left_text { width: 42%; font-size: 17px; float: left; color: black; font-weight: 400; } .tel { font-size: 26px; } .section0 h5 { font-size: 20px; text-align: center; margin: 20px 0px; } .section { padding: 30px 0px; } .text_dreapta { float: right; width: 61%; padding-right: 25%; font-size: 17px; } .text_dreapta h5 { margin-top: 20px; font-size: 14px; } .section1 { display: flex; align-items: center; flex-direction: row; align-content: center; justify-content: center; background: #FEF0C8; padding: 0; margin-top: -10px; } .section2 { display: flex; flex-direction: row; padding: 40px 0px; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; } .section2 .left_text { color: black; font-size: 14px; font-weight: 300; } .maxipremio { color: red; } .section3 { background-color: #F3F3F3; display: flex; width: 100%; padding: 30px 60px; bbackground: linear-gradient(0deg, rgba(250,200,18,1) 0%, rgba(237,90,40,1) 100%); } .section3_5 { background-color: #F3F3F3; padding: 30px 50px; } .section3_5 p { font-size: 12px; } .carduri_stanga { width: 20%; padding: 0px 40px; padding-left: 200px; } .carduri_dreapta { width: 80%; } .carduri_dreapta { font-size: 24px; color: black; padding: 0px 90px; } .text_carduri { font-size: 10px; color: white; } .footer-content p { color: #000; } .download_app { background: white; width: 80px; border-radius: 10px; } .aprile { width: 81px; } /* Responsivitate */ @media (max-width: 768px) { header { flex-direction: column; align-items: center; } .section0 h4 { padding: 0; } .section3 { display: inline-block; } .carduri_dreapta { text-align: center; color: black; margin: 0 auto; width: 100%; padding: 0; font-size: 15px; } .carduri_stanga img { width: 180px; } header nav { margin-top: 20px; } .carduri_stanga { text-align: center; width: 100%; padding: 0; } .text_dreapta { float: right; width: 100%; padding: 20px 20px; text-align: center; font-size: 17px; } .section1 { display: inline-block; padding: 20px 17px; text-align: center; } .left_text { width: 100%; font-size: 10px; } .tel { font-size: 17px; } .section2 { display: flex; flex-direction: column !important; padding: 40px 30px; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; } .section2 img { width: 80%; } .section2 .left_text { font-size: 11px; } .section4 { padding: 40px 20px 40px 20px; } .intro_ministero { padding: 30px 30px; font-size: 14px; } .content li { font-size: 14px; } .content p { font-size: 14px; } .container { margin: 10px; } .cta-button { margin: 30px 10px; } .hero { display: none; } .hero_mobile { display: block; } nav ul { flex-direction: column; width: 100%; align-items: center; } nav ul li { margin-bottom: 10px; } main { width: 100%; } .footer-content { flex-direction: column; align-items: center; width: 100%; } .left, .right { width: 100%; margin-bottom: 20px; } .right { display: block; align-items: center; } .column { width: 100%; margin-bottom: 20px; } .footer-bottom-content { flex-direction: column; align-items: center; width: 100%; } .social, .download, .copyright { margin-bottom: 10px; } .social-icons, .app-icons { justify-content: center; } .left-image, .right-image { width: 40%; /* Imaginile vor fi pe o singură coloană pe dispozitive mici */ margin-bottom: 20px; /* Un pic de spațiu între imagini */ } .right-image2 { width: 30%; } .footer-content, .footer-bottom-content { flex-direction: column; align-items: center; } .section0 h4 { font-size: 20px; } .section0 h5 { font-size: 16px; } } .promo-container { position: relative; width: 100%; height: 380px; /* ajustează după nevoie */ background: #FEF0C8 url("../img/turn_bg.png") no-repeat right center; background-size: cover; /* sau cover, dacă vrei să ocupe tot */ font-family: Arial, sans-serif; display: flex; align-items: center; padding: 0px 50px; } .promo-text { width: 50%; /* jumătatea stângă */ padding: 40px; color: #5a3726; } .promo-text .small { font-size: 16px; margin: 0 0 10px 0; line-height: 1.4; font-weight: 700; } .promo-text .big { font-size: 55px; line-height: 50px; font-weight: 800 !important; margin-bottom: 10px; font-family: 'Bebas Neue', sans-serif; } .promo-text .medium { font-size: 18px; line-height: 1.4; margin: 0 0 20px 0; } .promo-text .cards img { height: 60px; width: auto; } /* ===== Responsive ===== */ @media (max-width: 768px) { .promo-container { flex-direction: column; /* textul deasupra */ background-position: center top; /* imaginea centrată */ background-size: cover; /* umple ecranul pe mobil */ text-align: center; min-height: 400px; } .promo-text { width: 90%; padding: 20px; } .promo-text .big { font-size: 28px; } .promo-text .medium { font-size: 16px; } } .territorio-section { position: relative; width: 100%; min-height: 500px; /* ajustează după nevoie */ background: url("../img/bg2.png") no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: flex-start; font-family: Arial, sans-serif; } .territorio-overlay { width: 60%; /* container semi-transparent */ background-color: rgba(245, 222, 179, 0.85); /* bej cu transparență */ padding: 40px; box-sizing: border-box; color: #4b2e23; margin-left: 10%; } .territorio-title { font-size: 40px; line-height: 40px;; margin-top: 0; font-weight: 800; font-family: 'Bebas Neue', sans-serif; } .territorio-text { font-size: 16px; line-height: 1.5; margin-bottom: 1.2em; color: black; } .territorio-strong { font-size: 16px; font-weight: bold; } /* Responsive */ @media (max-width: 768px) { .territorio-overlay { width: 90%; padding: 20px; margin: 0 auto; } .territorio-title { font-size: 22px; } .territorio-text, .territorio-strong { font-size: 15px; } } .cinquant-section { position: relative; width: 100%; min-height: 550px; /* ajustează după nevoie */ background: url("../img/bg3.png") no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: flex-end; /* overlay la dreapta */ font-family: Arial, sans-serif; } .cinquant-overlay { width: 60%; background-color: rgba(255, 255, 255, 0.85); /* alb semi-transparent */ padding: 40px; box-sizing: border-box; color: #333; margin-right: 10%; } .cinquant-title { font-size: 40px; line-height: 40px; margin-top: 0; font-weight: 800; font-family: 'Bebas Neue', sans-serif; } .cinquant-text { font-size: 16px; line-height: 1.5; margin-bottom: 1.2em; color: black; } .cinquant-highlight { color: #c04a1e; /* portocaliu/roșu accent */ font-weight: bold; } /* Responsive */ @media (max-width: 768px) { .cinquant-overlay { width: 90%; padding: 20px; margin: 0 auto; } .cinquant-title { font-family: 'Bebas Neue', sans-serif; font-size: 22px; } .cinquant-text { font-size: 15px; } } .fai-thanks { position: relative; width: 100%; min-height: 450px; background: url("../img/art_people.png") no-repeat center center; background-size: cover; /* imagine pe toată secțiunea */ display: flex; justify-content: center; /* centrează overlay-ul orizontal */ align-items: center; /* centrează vertical */ text-align: center; font-family: Arial, sans-serif; } .fai-thanks-overlay { background-color: rgba(34, 119, 85, 0.85); /* verde semi-transparent */ padding: 40px 30px; max-width: 600px; color: #fff; } .fai-thanks-text { font-size: 22px; font-weight: nornal; line-height: 1.4; margin: 0 0 25px 0; font-family: 'Bebas Neue', sans-serif; } .fai-thanks-button { display: inline-block; padding: 10px 20px; background-color: white; /* verde mai închis */ color: #000; text-decoration: underline; font-weight: nornal; border: 2px solid #fff; transition: background 0.3s; font-family: 'Bebas Neue', sans-serif; } .fai-thanks-button:hover { background-color: #145c36; } /* Responsive */ @media (max-width: 768px) { .fai-thanks-overlay { padding: 25px 15px; } .fai-thanks-text { font-size: 18px; } } .logo_footer { margin: 0 auto; max-width: 200px; } .fai-dual { background-color: #f8e3b8; /* culoarea de fundal ca în design */ font-family: Arial, sans-serif; padding: 30px 60px; margin-top: -10px; } .fai-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 60px; } .fai-col { flex: 1; min-width: 300px; padding: 20px; box-sizing: border-box; } .fai-image img { width: 100%; height: auto; display: block; } .fai-text h2, .fai-text h3 { color: #5a3726; margin-top: 0; font-weight: 800; } .fai-text p { color: #5a3726; font-size: 16px; line-height: 1.5; margin-bottom: 1em; } .donor-title { font-family: 'Bebas Neue', sans-serif; font-size: 65px; line-height: 74px; font-weight: 800 !important; margin-top: -16px !important; } .revista img { max-width: 290px !important; margin: 0 auto !important; } .link-hero { position:absolute; bottom:20px; /* ajustează în funcție de poziția dorită */ right:20px; width:200px; /* lățimea zonei clickabile */ height:60px; /* înălțimea zonei clickabile */ display:block; } /* Responsive */ @media (max-width: 768px) { .fai-row { flex-direction: column; } .fai-col { padding: 10px 0; } .link-hero { position: absolute; bottom: 0px; right: 0px; width: 100px; height: 60px; display: block; } }