* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Inter', sans-serif;font-display: swap;}h1 {font-size: 2rem;line-height: 1.2;}html {scroll-behavior: smooth;}.fade-in {opacity: 0;transform: translateY(20px);animation: fadeInUp 1s ease forwards;animation-delay: 0.3s;}@keyframes fadeInUp {to {opacity: 1;transform: translateY(0);}}body {background-color: #FDF5AA;color: #333;}@keyframes gradientBG {0% {background-position: 0% 50% }50% {background-position: 100% 50% }100% {background-position: 0% 50% }}header {background-color: #333;color: #99C5FF;padding: 20px;position: sticky;top: 0;z-index: 1000;}#nav {display: flex;gap: 20px;align-items: center;justify-content: space-between;padding: 10px 40px;}nav img {height: 40px;width: auto;}nav ul {display: flex;justify-content: center;gap: 30px;list-style: none;;}nav a {color: #99C5FF;text-decoration: none;font-weight: 600;}@media (max-width: 768px) {.nav {display: none !important;}}#inicio {padding: 20px 20px;text-align: center;background: linear-gradient(270deg, #113F67, #34699A, #58A0C8);color: #FDF5AA;background-size: 600% 600%;animation: gradientBG 10s ease infinite;}#inicio h1 {font-size: clamp(2.5rem, 5vw, 4rem);margin-bottom: 20px;}h1 span {color: #3b82f6;font-weight: bold;}#inicio a {font-size: 1.2rem;margin-top: 40px;vertical-align: bottom;}#inicio img {max-width: 100%;height: auto;}.btn {background-color: #2563eb;color: #fff;padding: 12px 24px;border-radius: 8px;font-weight: bold;transition: all 0.3s ease;}.btn:hover {transform: scale(1.05);background-color: #3b82f6;}section {padding: 40px 20px;max-width: 1000px;margin: auto;}.zigzag:nth-child(even) {flex-direction: row-reverse;}#servicos img {width: 100%;height: auto;object-fit: contain;}h2 {text-align: center;margin-bottom: 20px;display: inline-block;position: relative;}h2::after {content: "";position: absolute;width: 100%;height: 4px;background: #3b82f6;bottom: -5px;left: 0;border-radius: 8px;}#sobre p {font-size: 1.2rem;}#sobre img {align-self: center;}.services, .plans {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px;}.card {background-color: white;border: 1px solid #ccc;border-radius: 10px;max-width: 960px;background: white;border-radius: 16px;padding: 24px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease;;}.card:hover {transform: translateY(-10px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);}.card h3 {margin: 10px;margin-top: 30px;}.card img {max-width: 20%;margin: 15px;}footer {background-color: #333;color: white;text-align: center;padding: 30px 20px;}footer a {color: #fff;margin: 0 10px;text-decoration: none;}form input, form textarea {width: 100%;padding: 10px;margin: 10px 0;border: 1px solid #ccc;border-radius: 5px;}#thankYouModal {display: none;position: fixed;inset: 0;z-index: 9999;background: rgba(0, 0, 0, 0.55);align-items: center;justify-content: center;padding: 20px;}#thankYouModal.open {display: flex;}#thankYouModal .custom-modal-content {background: #fff;padding: 24px;border-radius: 8px;text-align: center;position: relative;width: clamp(300px, 80%, 480px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);}.custom-close-btn {position: absolute;top: 10px;right: 12px;background: none;border: none;font-size: 20px;cursor: pointer;}.custom-close-btn:hover {color: #000;}@keyframes modalIn {from {opacity: 0;transform: translateY(12px);}to {opacity: 1;transform: translateY(0);}}.custom-modal[aria-hidden="true"] {visibility: hidden;}.custom-modal[aria-hidden="false"] {visibility: visible;}.faq-section {max-width: 800px;margin: 50px auto;padding: 0 20px;font-family: Arial, sans-serif;}.faq-section h2 {text-align: center;margin-bottom: 30px;font-size: 2rem;}.faq-item {border-bottom: 1px solid #ccc;padding: 15px 0;}.faq-question {display: block;font-weight: bold;font-size: 1.1rem;cursor: pointer;position: relative;padding-right: 20px;}.faq-question::after {content: "+";position: absolute;right: 0;top: 0;font-size: 1.2rem;color: #333;}.faq-item input {display: none;}.faq-item input:checked+.faq-question::after {content: "−";}.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;font-size: 0.95rem;color: #0051ff;}.faq-item input:checked+.faq-question+.faq-answer {max-height: 200px;margin-top: 10px;}#inst:hover {color: #ff00ff;}#link:hover {color: #0051ff;}#what:hover {color: #33ff00;}.whatsapp-float {position: fixed;bottom: 20px;right: 20px;background-color: #25D366;color: white;border-radius: 50%;padding: 15px;font-size: 24px;z-index: 999;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);transition: background-color 0.3s;}.whatsapp-float:hover {background-color: #20b954;}