.diseno-web{background:#050505;min-height:100vh;padding-top:1rem}.dw-hero{text-align:center;background:#050505;flex-direction:column;justify-content:center;min-height:80vh;padding-top:180px;padding-bottom:6rem;display:flex;position:relative;overflow:hidden}.dw-hero:before{content:"";pointer-events:none;z-index:1;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}.dw-hero .container{z-index:2;position:relative}.dw-hero-title{color:#fff;letter-spacing:-.02em;opacity:0;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,4.5rem);font-weight:700;line-height:1.1;transform:translateY(20px)}.dw-hero-title.is-visible{animation:.8s ease-out .1s forwards fadeSlideIn}.dw-hero-title .gradient-text{background:linear-gradient(90deg,#fff 0%,#9ca3af 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.dw-hero-title .highlight-text-dw{color:#facc15;display:inline-block;position:relative}.dw-hero-title.is-visible .highlight-text-dw:before{display:none}.dw-hero-title.is-visible .highlight-text-dw{color:#facc15}.dw-hero-subtitle{color:#a1a1a5;opacity:0;max-width:700px;margin:0 auto 2.5rem;font-size:1.25rem;line-height:1.6;transform:translateY(20px)}.dw-hero-subtitle.is-visible{animation:.8s ease-out .2s forwards fadeSlideIn}@media (max-width:768px){.dw-hero-subtitle{font-size:1.125rem}}.dw-hero-stats{opacity:0;flex-wrap:wrap;justify-content:center;gap:3rem;margin-bottom:3rem;display:flex;transform:translateY(20px)}.dw-hero-stats.is-visible{animation:.8s ease-out .25s forwards fadeSlideIn}.dw-hero-stats .stat{text-align:center}.dw-hero-stats .stat-number{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.dw-hero-stats .stat-label{color:#a1a1a5;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem}@media (max-width:768px){.dw-hero-stats{gap:1.5rem;margin-bottom:2rem}.dw-hero-stats .stat-number{font-size:2rem}}.dw-hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;transform:translateY(20px)}.dw-hero-cta.is-visible{animation:.8s ease-out .3s forwards fadeSlideIn}.dw-hero-cta .btn{min-width:160px}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dw-main-services{z-index:2;background:#050505;padding:6rem 0;position:relative}@media (max-width:768px){.dw-main-services{padding:3rem 0}}.dw-illustration{background:linear-gradient(135deg,#facc1508 0%,#0000 100%);border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.dw-illustration svg{width:120px;height:120px}.design-anim .animated-path{stroke-dashoffset:400px;animation:3s ease-in-out infinite alternate drawPath}.design-anim .floating-circle{animation:4s ease-in-out infinite floatShape}.design-anim .floating-rect{animation:5s ease-in-out infinite reverse floatShape}.design-anim .writing-line{stroke-dasharray:50;stroke-dashoffset:50px;animation:2s ease-in-out infinite writeLine}.dev-anim [class^=code-line]{opacity:0;animation:3s steps(10,end) infinite typeCode}.dev-anim .code-line-1{animation-delay:.1s}.dev-anim .code-line-2{animation-delay:.4s}.dev-anim .code-line-3{animation-delay:.7s}.dev-anim .code-line-4{animation-delay:1s}.dev-anim .code-cursor{animation:.8s infinite blink}.brand-anim .spinning-circle{transform-origin:50%;animation:10s linear infinite spin}.brand-anim .bouncing-logo{animation:2s ease-in-out infinite bounce}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes floatShape{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}@keyframes writeLine{0%,20%{stroke-dashoffset:50px;opacity:0}50%{stroke-dashoffset:0;opacity:1}80%,to{stroke-dashoffset:-50px;opacity:0}}@keyframes typeCode{0%,10%{opacity:0;transform:translate(-5px)}30%,90%{opacity:1;transform:translate(0)}to{opacity:0}}@keyframes blink{50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.05)}}.main-services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}@media (max-width:1024px){.main-services-grid{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}}.main-service-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141499;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;transition:all .2s ease-in-out;display:flex;overflow:hidden}.main-service-card:hover{background:#141414cc;border-color:#facc1599;transform:translateY(-8px);box-shadow:0 30px 60px -15px #00000080,0 0 20px #facc151a}.main-service-card:hover .dw-illustration{background:#facc1514}.service-header{padding:2rem 2rem 1rem}.service-header .service-main-title{color:#fff;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.service-header .service-main-title .dot{color:#facc15}.service-header .service-subtitle{color:#facc15;text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:.75rem;font-weight:700}.service-body{flex-grow:1;padding:0 2rem 2rem}.service-body .service-description{color:#a1a1a5;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.service-characteristics .characteristics-list{margin:0;padding:0;list-style:none}.service-characteristics .characteristics-list .characteristic-item{color:#a1a1a5;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.service-characteristics .characteristics-list .characteristic-item svg{color:#facc15;flex-shrink:0}.service-cta{background:#ffffff05;border-top:1px solid #ffffff0d;padding:1.5rem 2rem}.service-cta .btn{justify-content:center;width:100%}.dw-process{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;padding:6rem 0}@media (max-width:768px){.dw-process{padding:3rem 0}}.dw-process .process-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1400px;margin:3rem auto 0;display:grid}@media (max-width:1280px){.dw-process .process-grid{grid-template-columns:repeat(3,1fr);justify-content:center}}@media (max-width:1024px){.dw-process .process-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dw-process .process-grid{grid-template-columns:1fr;max-width:400px}}.dw-process .process-card{text-align:center;background:#fffffff2;border-radius:1.5rem;flex-direction:column;align-items:center;padding:2rem;transition:all .2s ease-in-out;display:flex;position:relative}.dw-process .process-card:hover{background:#1a1a1a;border-color:#facc15;transform:translateY(-8px);box-shadow:0 0 25px #facc154d,0 0 50px #facc151a}.dw-process .process-card:hover .process-icon{color:#facc15;background:#fff;transform:scale(1.1)}.dw-process .process-card:hover .process-card-title{color:#fff}.dw-process .process-card:hover .process-card-description{color:#ffffffe6}.dw-process .process-card .process-icon{color:#fff;background:linear-gradient(135deg,#facc15 0%,#eab308 100%);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;transition:transform .3s;display:flex}.dw-process .process-card .process-icon svg{width:40px;height:40px}.dw-process .process-card .process-card-title{color:#1a1a1a;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.dw-process .process-card .process-card-title .dot{color:#facc15}.dw-process .process-card .process-card-description{color:#333;font-size:.875rem;line-height:1.6}.dw-pricing{background:#050505;padding:6rem 0}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem;display:grid}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}.pricing-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#14141499;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;padding:2rem;transition:all .2s ease-in-out;display:flex;position:relative}.pricing-card:hover{background:#191919b3;border-color:#fff3;transform:translateY(-8px)}.pricing-card.popular{background:#141414;border-color:#facc15}.pricing-card.popular .popular-badge{color:#000;background:#facc15}.pricing-card .popular-badge{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#333;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card .plan-name{color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.pricing-card .plan-price{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:700}.pricing-card .plan-description{color:#a1a1a5;min-height:40px;margin-bottom:2rem;font-size:.875rem}.pricing-card .plan-features{text-align:left;flex-grow:1;margin:0 0 2rem;padding:0;list-style:none}.pricing-card .plan-features li{color:#a1a1a5;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.875rem;display:flex}.pricing-card .plan-features li svg{color:#facc15;flex-shrink:0;width:18px;height:18px}.dw-faq{background:#050505;border-top:1px solid #1f1f1f;padding:6rem 0}.dw-faq .section-header{margin-bottom:3rem}.dw-faq .faq-list{flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;display:flex}.dw-faq .faq-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;transition:all .2s ease-in-out;overflow:hidden}.dw-faq .faq-item.open{background:#ffffff0f;border-color:#facc15}.dw-faq .faq-item.open .faq-question{color:#facc15}.dw-faq .faq-item.open .faq-question svg{color:#facc15;transform:rotate(180deg)}.dw-faq .faq-item:hover{background:#ffffff0d;border-color:#facc154d}.dw-faq .faq-item .faq-question{cursor:pointer;color:#fff;justify-content:space-between;align-items:center;padding:1.5rem;font-size:1.125rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.dw-faq .faq-item .faq-question .flex{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.dw-faq .faq-item .faq-question h3{font-size:inherit;font-weight:inherit;margin:0}.dw-faq .faq-item .faq-question svg{color:#a1a1a5;flex-shrink:0;transition:transform .3s}.dw-faq .faq-item .faq-answer{color:#a1a1a5;padding:0 1.5rem 1.5rem;font-size:1rem;line-height:1.6;animation:.3s ease-out forwards slideDown}.dw-cta{text-align:center;background:linear-gradient(135deg,#facc15 0%,#eab308 100%);border-top:1px solid #ffffff1a;padding:6rem 0}.dw-cta .cta-title{color:#050505;letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.dw-cta .cta-subtitle{color:#000000b3;max-width:600px;margin:0 auto 3rem;font-size:1.25rem;font-weight:500}.dw-cta .cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.dw-cta .cta-buttons .btn-secondary{color:#fff;background:#050505;border-color:#050505}.dw-cta .cta-buttons .btn-secondary:hover{background:#1a1a1a;transform:translateY(-4px)}.dw-cta .cta-buttons .btn-whatsapp{color:#fff;background:#25d366;border:none}.dw-cta .cta-buttons .btn-whatsapp:hover{background:#128c7e;transform:translateY(-4px);box-shadow:0 10px 20px #25d3664d}.section-title{text-align:center;color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-title .dot{color:#facc15}.section-subtitle{text-align:center;color:#a1a1a5;max-width:600px;margin:0 auto;font-size:1.125rem}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal-stagger .main-service-card,.scroll-reveal-stagger .process-card,.scroll-reveal-stagger .pricing-card,.scroll-reveal-stagger .faq-item,.scroll-reveal-stagger .result-card{opacity:0;transform:translateY(30px)}.scroll-reveal-stagger.is-visible .main-service-card,.scroll-reveal-stagger.is-visible .process-card,.scroll-reveal-stagger.is-visible .pricing-card,.scroll-reveal-stagger.is-visible .faq-item,.scroll-reveal-stagger.is-visible .result-card{animation:.6s ease-out forwards cardFadeIn;animation-delay:calc(var(--card-index)*.1s)}.dw-portfolio{background:#0a0a0a;border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;padding:6rem 0}.dw-portfolio .section-header{margin-bottom:3rem}.dw-portfolio .case-study-badge{color:#facc15;background:#facc150d;border:1px solid #facc1533;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 0 20px #facc151a}.dw-portfolio .case-study-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}@media (max-width:1024px){.dw-portfolio .case-study-grid{grid-template-columns:1fr}}.dw-portfolio .case-study-left{flex-direction:column;justify-content:center;gap:1.5rem;display:flex}.dw-portfolio .case-study-card{background:#0f0f0f;border:1px solid #1f1f1f;border-radius:1rem;padding:2rem;transition:all .2s ease-in-out}.dw-portfolio .case-study-card.problem{border-left:2px solid #ef4444}.dw-portfolio .case-study-card.solution{border-left:2px solid #facc15}.dw-portfolio .case-study-card:hover{border-color:#333;transform:translateY(-2px)}.dw-portfolio .case-study-card:hover.problem{border-left-color:#ef4444}.dw-portfolio .case-study-card:hover.solution{border-left-color:#facc15}.dw-portfolio .case-study-card h3{color:#fff;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.dw-portfolio .case-study-card .case-study-label{text-transform:uppercase;letter-spacing:.05em;border-radius:.375rem;margin-bottom:1rem;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block}.dw-portfolio .case-study-card .case-study-label.problem-label{color:#ef4444;background:#ef44441a}.dw-portfolio .case-study-card .case-study-label.solution-label{color:#facc15;background:#facc151a}.dw-portfolio .case-study-card .case-study-list{margin:0;padding:0;list-style:none}.dw-portfolio .case-study-card .case-study-list li{color:#a1a1a5;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.dw-portfolio .case-study-card .case-study-list li svg{color:#facc15;flex-shrink:0;width:16px;height:16px;margin-top:4px}.dw-portfolio .case-study-card .case-study-highlight{color:#a1a1a5;background:#ffffff0d;border-radius:.5rem;margin-top:1rem;padding:1rem;font-size:.875rem;line-height:1.6}.dw-portfolio .case-study-card .case-study-highlight strong{color:#fff}.dw-portfolio .case-study-right{justify-content:center;align-items:center;display:flex}.dw-portfolio .case-study-image-wrapper{width:100%;max-width:500px;position:relative}.dw-portfolio .case-study-image-wrapper .case-study-svg-bg{z-index:0;opacity:.1;width:120%;height:120%;position:absolute;top:-10%;left:-10%}.dw-portfolio .case-study-image-wrapper .case-study-video{z-index:1;object-fit:cover;border:1px solid #ffffff1a;border-radius:1rem;width:100%;position:relative}.dw-portfolio .case-study-results{text-align:center;margin-top:4rem}.dw-portfolio .case-study-results h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.dw-portfolio .case-study-results .results-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem;margin-bottom:2.5rem;display:grid}@media (max-width:768px){.dw-portfolio .case-study-results .results-grid{grid-template-columns:repeat(2,1fr)}}.dw-portfolio .case-study-results .result-card{background:#0f0f0f;border:1px solid #1f1f1f;border-radius:.75rem;padding:1.5rem;transition:all .2s ease-in-out}.dw-portfolio .case-study-results .result-card:hover{border-color:#333;transform:translateY(-4px)}.dw-portfolio .case-study-results .result-card .result-number{color:#facc15;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.dw-portfolio .case-study-results .result-card .result-label{color:#a1a1a5;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}