Оздоровительный отдых

<div style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; max-width: 900px; margin: 0 auto; padding: 20px;"> <!-- Заголовок --> <div style="text-align: center; margin-bottom: 35px;"> <div style="background: linear-gradient(90deg, rgba(7,91,186,0.15) 0%, rgba(60,55,52,0.1) 100%); padding: 25px; border-radius: 10px; border: 2px solid rgba(7,91,186,0.3);"> <h2 style="color: #3c3734; margin: 0; font-size: 28px; font-weight: 600; letter-spacing: 0.5px;"> Программа «Оздоровительный отдых» </h2> </div> </div> <!-- Основной текст --> <div style="margin-bottom: 35px;"> <p style="font-size: 17px; line-height: 1.7; margin-bottom: 20px;"> Эту путевку рекомендуется приобретать тем, кто хочет просто отдохнуть в спокойной обстановке, насладиться красотой озера, местной природы. А также тем, кто имеет противопоказания к санаторно-курортному лечению. </p> <div style="background-color: #f8f9fa; padding: 20px; border-radius: 8px; border-left: 4px solid rgba(7,91,186,0.8); margin-bottom: 25px;"> <p style="margin: 0; color: #3c3734; font-weight: 500;"> В путевку включено проживание, питание, досуг, минимальный объем лечения. </p> </div> </div> <!-- Процедуры --> <div style="margin-bottom: 30px;"> <h3 style="color: #3c3734; border-bottom: 2px solid rgba(7,91,186,0.3); padding-bottom: 10px; margin-bottom: 20px; font-size: 22px;"> Процедуры, включённые в путёвку «Оздоровительный отдых»: </h3> <div style="display: flex; flex-wrap: wrap; gap: 20px;"> <!-- Карточка 1 --> <div style="flex: 1; min-width: 250px; background-color: white; border: 1px solid rgba(7,91,186,0.2); border-radius: 8px; padding: 25px; box-shadow: 0 3px 10px rgba(0,0,0,0.05);"> <div style="width: 50px; height: 50px; background-color: rgba(7,91,186,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;"> <div style="color: rgba(7,91,186,0.9); font-size: 22px; font-weight: bold;"> 1 </div> </div> <h4 style="color: #3c3734; margin-top: 0; margin-bottom: 10px; font-size: 18px;">Приём врача</h4> <p style="margin: 0; color: #666; font-size: 15px;"> Консультация и наблюдение лечащего врача на протяжении всего отдыха </p> </div> <!-- Карточка 2 --> <div style="flex: 1; min-width: 250px; background-color: white; border: 1px solid rgba(7,91,186,0.2); border-radius: 8px; padding: 25px; box-shadow: 0 3px 10px rgba(0,0,0,0.05);"> <div style="width: 50px; height: 50px; background-color: rgba(7,91,186,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;"> <div style="color: rgba(7,91,186,0.9); font-size: 22px; font-weight: bold;"> 2 </div> </div> <h4 style="color: #3c3734; margin-top: 0; margin-bottom: 10px; font-size: 18px;">Бассейн</h4> <p style="margin: 0; color: #666; font-size: 15px;"> Доступ к бассейну с современной системой очистки для оздоровительного плавания </p> </div> <!-- Карточка 3 --> <div style="flex: 1; min-width: 250px; background-color: white; border: 1px solid rgba(7,91,186,0.2); border-radius: 8px; padding: 25px; box-shadow: 0 3px 10px rgba(0,0,0,0.05);"> <div style="width: 50px; height: 50px; background-color: rgba(7,91,186,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;"> <div style="color: rgba(7,91,186,0.9); font-size: 22px; font-weight: bold;"> 3 </div> </div> <h4 style="color: #3c3734; margin-top: 0; margin-bottom: 10px; font-size: 18px;">Тренажерный зал</h4> <p style="margin: 0; color: #666; font-size: 15px;"> Современное оборудование для поддержания физической формы и активности </p> </div> </div> </div> <!-- Преимущества --> <div style="background-color: rgba(60,55,52,0.05); padding: 25px; border-radius: 10px; border: 1px solid rgba(60,55,52,0.1);"> <h4 style="color: #3c3734; margin-top: 0; margin-bottom: 15px; font-size: 19px; padding-left: 10px; border-left: 3px solid rgba(7,91,186,0.8);"> Что вы получите: </h4> <div style="display: flex; flex-wrap: wrap; gap: 15px;"> <div style="flex: 1; min-width: 200px; background-color: white; padding: 15px; border-radius: 6px; border: 1px solid rgba(7,91,186,0.1);"> <div style="color: rgba(7,91,186,0.9); font-weight: 500; margin-bottom: 5px;"> ✓ Комфортное проживание </div> <div style="font-size: 14px; color: #666;"> Уютные номера с современным оснащением </div> </div> <div style="flex: 1; min-width: 200px; background-color: white; padding: 15px; border-radius: 6px; border: 1px solid rgba(7,91,186,0.1);"> <div style="color: rgba(7,91,186,0.9); font-weight: 500; margin-bottom: 5px;"> ✓ Сбалансированное питание </div> <div style="font-size: 14px; color: #666;"> 3-разовое питание по системе заказного меню </div> </div> <div style="flex: 1; min-width: 200px; background-color: white; padding: 15px; border-radius: 6px; border: 1px solid rgba(7,91,186,0.1);"> <div style="color: rgba(7,91,186,0.9); font-weight: 500; margin-bottom: 5px;"> ✓ Организованный досуг </div> <div style="font-size: 14px; color: #666;"> Экскурсии, мероприятия, развлечения </div> </div> </div> </div> </div> <br>