.profile-image-blur:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,#0c1011,#0c101180 8%,#0c101100 25%,#0c101100 85%,#0c101180 97%,#0c1011)}.profile-image-blur{position:relative;overflow:hidden;height:100%}:root{--primary-color: #2c3e50;--secondary-color: #3498db;--accent-color: #e67e22;--whatsapp-color: #25D366;--light-gray: #ecf0f1;--dark-gray: #212529;--text-light: #ffffff;--text-dark: #333333}body{margin:0;font-family:Roboto,sans-serif;background-color:var(--light-gray);color:var(--text-dark);line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:20px}header{background-color:#0c1011;color:var(--text-light);padding:0;text-align:center}.hero-header{position:relative;overflow:hidden}.hero-container{display:flex;align-items:stretch;max-width:1100px;margin:0 auto;width:100%;min-height:480px}.hero-image-wrapper{width:380px;flex-shrink:0;position:relative}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;text-align:center}.hero-content h1{margin:0;font-size:3em;font-weight:700}.hero-content p{margin:10px 0 25px;font-size:1.2em;opacity:.9}@media (max-width: 900px){.hero-container{display:block;position:relative;min-height:520px}.hero-image-wrapper{width:100%;height:520px}.hero-img{width:100%;height:100%}.hero-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(to right,#0c1011d9,#0c10118c 45%,#0c101126);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:40px 25px}.hero-content h1{font-size:2.4em}.hero-content p{font-size:1.05em}.cta-buttons{gap:12px}}@media (max-width: 520px){.hero-content h1{font-size:2em}.hero-content p{font-size:1em}.hero-content{padding:32px 18px}}header h1{margin:0;font-size:3em;font-weight:700}header p{margin:10px 0 20px;font-size:1.2em;opacity:.9}.cta-buttons{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}.cta-button{background-color:var(--accent-color);color:var(--text-light);padding:15px 30px;text-decoration:none;border-radius:5px;font-size:1.1em;font-weight:700;transition:background-color .3s ease;display:inline-flex;align-items:center;gap:10px}.cta-button:hover{background-color:#d35400}.cta-button svg{width:20px;height:20px}.whatsapp-button{background-color:var(--whatsapp-color)}.whatsapp-button:hover{background-color:#128c7e}section{padding:60px 0;text-align:center}section h2{font-size:2.5em;margin-bottom:40px;color:var(--primary-color)}.about-content p{max-width:800px;margin:0 auto;font-size:1.1em}.services-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.service-card{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 15px #0000001a;width:300px;text-align:center}.service-card svg{width:60px;height:60px;margin-bottom:20px;color:var(--secondary-color)}.service-card h3{font-size:1.5em;margin-bottom:15px;color:var(--primary-color)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.project-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;overflow:hidden;text-align:left}.project-image-placeholder{background-color:var(--secondary-color);color:#fff;height:200px;display:flex;align-items:center;justify-content:center;font-size:1.2em}.project-info{padding:20px}.project-info h3{margin-top:0;color:var(--primary-color)}footer{background-color:var(--dark-gray);color:var(--text-light);padding:60px 20px;text-align:center}footer p{margin:10px 0 20px;font-size:1.2em}@media (max-width: 768px){header h1{font-size:2.5em}section h2{font-size:2em}.profile-picture{width:120px;height:120px}.cta-buttons{flex-direction:column;align-items:center;gap:10px}.cta-button{width:100%;max-width:280px;justify-content:center}}
