.page-banner{background:linear-gradient(#000000b3,#000000b3),url(/optimized/images/desenvolvimento-websites-hospedagem.webp);background-size:cover;background-position:center;color:var(--color-white);padding:8rem 0 4rem;text-align:center;margin-top:0;position:relative;overflow:hidden}.page-banner:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--color-red),transparent);animation:slide 3s infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.page-banner h1{color:var(--color-white);margin-bottom:var(--space-sm);animation:fadeInDown 1s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.page-banner p{font-size:1.2rem;opacity:.9;animation:fadeInUp 1s ease .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-banner .container{position:relative;z-index:2}.service-content{padding:var(--space-xl) 0}.service-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;margin-bottom:var(--space-xl)}.service-image{border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.service-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.service-image:hover img{transform:scale(1.05)}.service-text h2{margin-bottom:var(--space-md);position:relative;padding-bottom:var(--space-sm)}.service-text h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--color-red);transition:width .3s ease}.service-text:hover h2:after{width:100px}.center-title{text-align:center;margin-bottom:var(--space-lg);position:relative;padding-bottom:var(--space-sm)}.center-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--color-red);transition:width .3s ease}.center-title:hover:after{width:100px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.feature-card{background-color:var(--color-white);border-radius:8px;padding:var(--space-lg);box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a;border-bottom:3px solid var(--color-red)}.feature-icon{width:60px;height:60px;margin-bottom:var(--space-md)}.feature-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.feature-info h3{margin-bottom:var(--space-sm);color:var(--color-dark-gray)}.process-steps{margin-bottom:var(--space-xl)}.process-step{display:flex;align-items:flex-start;margin-bottom:var(--space-lg);transition:transform .3s ease}.process-step:hover{transform:translate(10px)}.step-number{background-color:var(--color-red);color:var(--color-white);width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;margin-right:var(--space-md);flex-shrink:0}.step-content{flex-grow:1}.step-content h3{margin-bottom:var(--space-xs);color:var(--color-dark-gray)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-md)}.pricing-card{background-color:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;position:relative}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.pricing-tag{position:absolute;top:15px;right:-30px;background-color:var(--color-red);color:var(--color-white);padding:5px 30px;transform:rotate(45deg);font-size:.8rem;font-weight:700;z-index:1}.recommended{border:2px solid var(--color-red);transform:scale(1.05)}.recommended:hover{transform:translateY(-10px) scale(1.05)}.pricing-header{background-color:var(--color-light-gray);padding:var(--space-lg);text-align:center;border-bottom:1px solid #eee}.pricing-header h3{margin-bottom:var(--space-sm);color:var(--color-dark-gray)}.price{font-size:2rem;font-weight:700;color:var(--color-red)}.price span{font-size:.9rem;color:var(--color-dark-gray);font-weight:400}.pricing-features{padding:var(--space-lg)}.pricing-features ul{list-style:none;padding:0;margin:0}.pricing-features li{padding:var(--space-xs) 0;border-bottom:1px solid #eee;position:relative;padding-left:25px}.pricing-features li:before{content:"✓";color:var(--color-red);position:absolute;left:0;top:50%;transform:translateY(-50%)}.pricing-footer{padding:var(--space-md) var(--space-lg);text-align:center}.pricing-note{text-align:center;font-size:.9rem;opacity:.7}.testimonials-section{background-color:var(--color-light-gray);padding:var(--space-xl) 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.testimonial-card{background-color:var(--color-white);border-radius:8px;padding:var(--space-lg);box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a;border-bottom:3px solid var(--color-red)}.testimonial-content{margin-bottom:var(--space-md);position:relative;padding-left:var(--space-lg)}.testimonial-content:before{content:'"';position:absolute;left:0;top:-10px;font-size:3rem;color:var(--color-red);line-height:1;opacity:.3}.testimonial-author{display:flex;align-items:center}.author-image{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:var(--space-sm)}.author-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.author-info h4{margin-bottom:0;font-size:1rem}.author-info p{margin-bottom:0;font-size:.9rem;opacity:.7}.animated-element{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.animated-element.animate{opacity:1;transform:translateY(0)}@media (max-width: 992px){.service-intro{grid-template-columns:1fr}.service-text{order:1}.service-image{order:0;margin-bottom:var(--space-lg)}}@media (max-width: 768px){.page-banner{padding:6rem 0 3rem}.page-banner h1{font-size:2rem}.page-banner p{font-size:1rem}.pricing-cards{grid-template-columns:1fr}.recommended{transform:none}.recommended:hover{transform:translateY(-10px)}}@media (max-width: 480px){.process-step{flex-direction:column}.step-number{margin-bottom:var(--space-sm)}}.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.type-card{background-color:var(--color-white);border-radius:8px;padding:var(--space-lg);box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:flex-start}.type-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a;border-left:3px solid var(--color-red)}.type-icon{width:60px;height:60px;margin-right:var(--space-md);flex-shrink:0}.type-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.type-info h3{margin-bottom:var(--space-sm);color:var(--color-dark-gray)}.type-info p{margin-bottom:0}.service-integrations{margin-top:var(--space-xl)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.integration-card{background-color:var(--color-white);border-radius:8px;padding:var(--space-lg);box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.integration-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a;border-bottom:3px solid var(--color-red)}.integration-icon{width:70px;height:70px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background-color:var(--color-light-gray);border-radius:50%;transition:transform .3s ease}.integration-card:hover .integration-icon{transform:scale(1.1)}.integration-icon img{width:60%;height:60%;-o-object-fit:contain;object-fit:contain}.integration-card h3{margin-bottom:var(--space-sm);color:var(--color-dark-gray)}.integration-card p{margin-bottom:0}@media (max-width: 992px){.type-card{flex-direction:column}.type-icon{margin-right:0;margin-bottom:var(--space-md)}}@media (max-width: 768px){.integrations-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.integrations-grid{grid-template-columns:1fr}}