/* estilo.css */
.text-link {
 position: relative;
 transition: all 0.3s ease;
 border-bottom: 1px solid rgba(59, 130, 246, 0.3);
}

.text-link:hover {
 background-color: rgba(59, 130, 246, 0.1);
 border-radius: 4px;
 padding: 2px 6px;
 margin: -2px -6px;
}

.hero-btn {
 transition: all 0.3s ease;
}

.hero-btn:hover {
 background-color: #22c55e !important;
 color: white !important;
}

footer a:hover {
 background-color: rgba(255, 255, 255, 0.1);
}

.profile-image {
 background-image: url('https://www.whinston.com.br/perfil1.png');
 background-size: cover;
 background-position: center;
 transition: background-image 0.3s ease;
}

.profile-image:hover {
 background-image: url('https://www.whinston.com.br/perfil2.png');
}

.sobre-container {
 width: 100%;
 max-width: 1100px;
 padding: 0 1rem;
 color: #4B5563;
 margin: 0 auto;
}

.footer-container {
 max-width: 1100px;
}  

.header-container {
 max-width: 1100px;
 transition: all 0.3s ease;
}

.mobile-menu {
 transition: all 0.3s ease;
}

@media (min-width: 1280px) {
 .container {
   max-width: 1100px !important;
 }
}

@media (max-width: 1100px) {
 .sobre-container {
   padding: 0 2rem;
 }
}

@media (max-width: 768px) {
 .header-container {
   padding: 0 1rem;
 }

 .sobre-container {
   padding: 0 1rem;
 }

 .hero-btn {
   padding-left: 1rem;
   padding-right: 1rem;
 }
}

@media (max-width: 640px) {
 .sobre-container {
   padding: 0 1rem;
 }
}