*{margin:0;padding:0;box-sizing:border-box;background-color:#f9f9f9}.about-section{background-color:#f9f9f9;padding:60px 40px;margin-top:80px;animation:slideUp 1s ease-out}.about-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.about-text{width:60%;font-size:1.1rem;color:#555}.about-text h2{font-size:2rem;font-weight:600;color:#333}.about-text p{line-height:1.6;margin-bottom:20px}.subtitle{font-size:5rem;margin-bottom:15px;display:block;font-weight:500}.about-image{width:35%}.about-image img{width:100%;border-radius:8px;box-shadow:0 1px 10px #0000001a}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.about-container{flex-direction:column;text-align:center}.about-text,.about-image{width:100%}.subtitle{font-size:4rem}.about-image{margin-top:30px}}.contact-section{padding:80px 20px;background:#f9fafb;text-align:center}.contact-title{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:20px}.contact-title:after{content:"";display:block;width:60px;height:2px;background:#ccc;margin:12px auto 0;border-radius:2px}.contact-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.contact-card{background:#fff;width:220px;padding:20px;border-radius:16px;box-shadow:0 8px 25px #00000014;text-decoration:none;color:#333;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;align-items:center}.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.contact-icon{font-size:2.5rem;margin-bottom:15px}.contact-card h3{margin-bottom:10px;font-size:1.2rem;background:none;font-weight:600}.contact-card p{font-size:.95rem;color:#555;background:none;text-align:center;word-break:break-word}.header-container{display:flex;justify-content:space-between;align-items:center;background-color:#fafafa;position:fixed;width:100%;top:0;left:0;color:#333;padding:10px 20px;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 4px #0000001a;z-index:9999;animation:slideDown .8s ease-out}.logo-container{text-align:left;display:flex}.logo{width:50px;height:50px;background-color:#fff;border:2px solid #333;border-radius:50%;display:inline-block;margin-right:15px;margin-top:5px}.logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:none}.site-title{font-size:2rem;font-weight:600;color:#333}.tagline{font-size:1rem;color:#777;margin-top:5px;font-style:italic}.nav-links ul{list-style-type:none;display:flex}.nav-links li{margin:0 25px}.nav-links a{text-decoration:none;color:#333;font-size:1.1rem;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#007bff}@media (max-width: 768px){.header-container{flex-direction:column;align-items:flex-start;padding:15px 20px}.nav-links ul{display:none}}.portfolio-section{background-color:#fafafa;padding:80px 40px;max-width:1200px;margin:0 auto 80px}.section-title{font-size:2.25rem;font-weight:600;color:#222;margin-bottom:60px;text-align:center;position:relative}.section-title:after{content:"";display:block;width:60px;height:2px;background-color:#ccc;margin:12px auto 0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:40px}.project-card{display:flex;flex-direction:column;background-color:#fdfdfd;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:border-color .3s ease,transform .25s ease;will-change:transform}.project-card:hover{border-color:#ccc;transform:scale(1.02)}.project-card img{width:100%;height:200px;background-color:#eee}.project-info{padding:20px;display:flex;flex-direction:column;gap:12px}.project-info h3{font-size:1.3rem;color:#111;margin:0;font-weight:500}.project-info p{font-size:.95rem;color:#555;line-height:1.6;margin:0}.project-info a{font-size:.95rem;color:#07c;text-decoration:none;font-weight:500;align-self:flex-start;border-bottom:1px solid transparent;transition:border-color .3s}.project-info a:hover{border-color:#07c}@media (max-width: 768px){.project-card:hover{transform:scale(1.01)}}.services-section{background-color:#f9f9f9;padding:100px 40px;text-align:center}.services-section h2{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:60px}.services-section h2:after{content:"";display:block;width:60px;height:2px;background:#ccc;margin:12px auto 0;border-radius:2px}.services-container{display:flex;flex-wrap:wrap;justify-content:center;gap:35px}.service{background:#fafafa;width:300px;padding:35px 25px;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;text-align:center;overflow:hidden}.service h3,.service p{z-index:2;transition:color .3s ease;background:none}.service:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .4s ease,transform .6s ease;z-index:1;border-radius:16px}.service.frontend:before{background-image:url(/portifolio-react/assets/frontend-qtJgvUPL.jpg)}.service.backend:before{background-image:url(/portifolio-react/assets/backend-CcYD4tXF.jpg)}.service.consultoria:before{background-image:url(/portifolio-react/assets/consultoria-DE-Ji6Kk.jpg)}.service:hover{transform:translateY(-10px);box-shadow:0 10px 24px #00000026}.service:hover:before{opacity:.3;transform:scale(1.1)}.service:hover h3,.service:hover p{color:#000;font-weight:600}.service h3{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:#58616b}.service p{color:#555;font-size:1rem;line-height:1.7}