*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#000;background-color:#f4ebe0;min-width:320px;min-height:100vh;font-family:Arial,Helvetica,sans-serif}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh}header{z-index:1000;background-color:#f9f1e8;flex-direction:column;align-items:center;width:100%;padding:24px 20px;display:flex;position:sticky;top:0}.header-content{flex-direction:column;align-items:center;gap:16px;width:min(1200px,100% - 40px);margin:0 auto;padding:20px 0;transition:padding .3s;display:flex}.header-logo{width:150px;height:auto;transition:width .3s}header nav{justify-content:center;align-items:center;gap:28px;text-decoration:underline;display:flex}header nav a{font-size:15px;transition:opacity .2s}header nav a:hover{opacity:.6}.scrolled .header-content{flex-direction:row;justify-content:space-between}.scrolled .header-logo{width:80px}@media (width<=507px){header nav a{font-size:14px}}@media (width<=488px){header nav a{font-size:14px}header nav{gap:18px}.header-logo{width:135px}}@media (width<=443px){header nav a{font-size:12px}.header-logo{width:135px}header nav{gap:18px}.scrolled nav a{font-size:11px}}@media (width<=401px){.header-logo{width:100px}header nav a{font-size:11px}}@media (width<=600px){.scrolled nav a{font-size:14px}}@media (width<=579px){.scrolled .header-content{flex-direction:column;padding-top:0}}.home{width:100%}.home-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;width:min(1200px,100% - 40px);margin:0 auto;padding:80px 0;display:grid}.home-hero-text{flex-direction:column;gap:24px;display:flex}.home-hero-text p{font-size:15px;line-height:1.6}.home-hero-image{border-radius:12px;width:100%;height:390px;overflow:hidden}.home-hero-image img{object-fit:cover;object-position:center;width:100%;height:100%}.image-placeholder{background-color:#e8e8e8;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:420px;display:flex}.home-services{width:min(1200px,100% - 40px);margin:0 auto;padding:60px 0}.home-services>h2{text-align:center;margin-bottom:32px;font-size:30px}.home-services-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.home-gallery{width:min(1200px,100% - 40px);margin:0 auto;padding:60px 0 80px}.home-gallery>h2{text-align:center;margin-bottom:32px;font-size:30px}@media (width<=761px){.home-hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.home-hero-image{height:320px}.home-services{width:55%;padding:40px 0}.home-services-grid{grid-template-columns:1fr;gap:24px}.home-gallery{padding:40px 0 60px}}.service-card{flex-direction:column;gap:16px;display:flex}.service-card-image{aspect-ratio:4/3;background-color:#e8e8e8;border:2px solid #000;border-radius:30px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.service-card h3{text-align:center;font-size:18px;font-weight:500}.service-card:hover .service-card-image{opacity:.85}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.gallery-item{aspect-ratio:1;background-color:#e8e8e8;border-radius:12px;justify-content:center;align-items:center;width:90%;display:flex;overflow:hidden}@media (width<=761px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.footer{background-color:#f9f1e8;margin-top:45px;padding:40px 20px 20px}.footer-content{justify-content:space-between;width:min(1200px,100%);margin:0 auto;display:flex}.footer-social{gap:30px;margin-top:30px;display:flex}.footer-social a:hover{opacity:.6}.footer-social-icon{font-size:40px}.footer-bottom{border-top:1px solid #d9d9d9;width:min(1200px,100%);margin:32px auto 0;padding-top:20px}.footer-bottom p{font-size:12px}.footer-logo{width:120px;height:auto}.footer-email{margin-top:46px}@media (width<=515px){.footer-email{font-size:14px}.footer-social{gap:14px}.footer-logo{width:100px}}@media (width<=466px){.footer-content{flex-direction:column;align-items:center}.footer-social{margin-top:20px}}.fotografia{width:min(1200px,100% - 40px);margin:0 auto;padding:60px 0}.fotografia>h1{text-align:center;margin-bottom:40px}.fotografia-gallery{grid-template-columns:repeat(4,1fr);gap:20px;animation:1s galleryFade;display:grid}@keyframes galleryFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fotografia-photo{aspect-ratio:1;background-color:#e8e8e8;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.fotografia-photo img{object-fit:cover;width:100%;height:100%}.fotografia-categories{flex-direction:column;gap:20px;margin-top:40px;margin-bottom:40px;display:flex}.category-button{cursor:pointer;background:0 0;border:none;align-items:center;gap:20px;width:fit-content;display:flex}.category-image{aspect-ratio:16/9;border:1px solid #000;border-radius:10px;width:188px;overflow:hidden}.category-image img{object-fit:cover;width:100%;height:100%;display:block}.category-image .moda{object-position:center 9%}.category-image .gastronomico{object-position:center 35%}.category-button h2{font-size:20px}.category-button{opacity:.6;transition:opacity .2s}.category-button:hover,.category-button.active{opacity:1}.category-button.active h2{font-weight:600}@media (width<=761px){.fotografia-gallery{grid-template-columns:repeat(3,1fr)}}@media (width<=515px){.fotografia-gallery{grid-template-columns:repeat(2,1fr)}h1{font-size:25px}.category-button h2{font-size:17px}.category-image{width:150px}}.marketing-project{flex-direction:column;align-items:center;gap:24px;display:flex}.imgAnteseDepois{gap:10px;width:100%;display:flex}.marketing-project-item{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.marketing-project-image{aspect-ratio:16/9;background-color:#e8e8e8;border:1px solid #777;border-radius:10px;flex-flow:column wrap;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.marketing-project-image img{object-fit:cover;width:100%;height:100%}.marketing-project span{font-size:20px}.marketing-project:hover{opacity:.8}@media (width<=403px){.imgAnteseDepois{flex-direction:column}}.marketing{width:min(1200px,100% - 40px);margin:0 auto;padding:60px 0}.marketing>h1{text-align:center;margin-bottom:50px}.marketing-intro{border:1px solid #999;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:280px;padding:40px;display:flex}.marketing-intro p{text-align:center;max-width:700px;line-height:1.6}.marketing-projects{flex-direction:column;gap:90px;margin-top:40px;display:flex}@media (width<=1286px){.marketing-projects{flex-wrap:wrap;gap:35px;margin-top:40px;display:flex}}.trafego-pago{width:min(1200px,100% - 40px);margin:0 auto;padding:60px 0}.trafego-pago>h1{text-align:center;margin-bottom:50px}.trafego-grafico{background-color:#e8e8e8;justify-content:center;align-items:center;height:400px;display:flex}.trafego-texto{margin-top:80px}.trafego-texto p{text-align:center;max-width:800px;margin:0 auto;font-size:16px;line-height:1.6}.contact-button{background-color:#fff;border:1px solid #000;border-radius:20px;margin-top:30px;padding:15px 28px;font-size:14px;text-decoration:none;display:inline-block}.trafego-contato:hover{opacity:.7}@media (width<=1000px){.contact-button{width:169px;display:flex}}.contato{width:min(900px,100% - 40px);margin:0 auto;padding:60px 0}.contato>h1{text-align:center;margin-bottom:40px}.contato-content>h3{text-align:center;margin-bottom:35px;line-height:1.6}.contato-form{flex-direction:column;gap:24px;display:flex}.contato-form label{flex-direction:column;gap:8px;font-size:14px;display:flex}.contato-form input,.contato-form select{background-color:#fff;border:1px solid #aaa;border-radius:8px;width:100%;padding:12px 14px}.contato-actions{gap:16px;margin-top:10px;display:flex}.contato-actions button{cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:20px;padding:12px 28px;font-size:14px;text-decoration:none;transition:opacity .2s}.contato-actions button:hover{opacity:.7}.contato-form input,.contato-form select,.contato-form textarea{background-color:#fff;border:1px solid #aaa;border-radius:8px;width:100%;padding:12px 14px}.contato-form textarea{resize:vertical;min-height:140px}