*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-crema:#f9f3cf;--c-pistacho:#d9dd93;--c-salvia:#8ca892;--c-primario:#2a5c43;--c-azul:#144565;--c-arena:#dbd3a7;--bg:#fcfbf8;--bg-card:#ffffffe6;--bg-elevated:#fff;--border:#1445651f;--border-bright:#14456540;--accent:var(--c-azul);--accent-hover:#0d2e44;--accent-glow:#14456526;--accent-light:#2a6a99;--primario:var(--c-primario);--primario-hover:#1e4531;--sage:var(--c-salvia);--sage-light:var(--c-pistacho);--text:var(--c-azul);--text-2:#144565bf;--text-3:#14456580;--success:var(--c-salvia);--error:var(--c-terracota);--r:12px;--r-lg:20px;--r-xl:32px;--shadow-sm:0 4px 12px #1445650d, inset 0 1px 0 #fff9;--shadow-md:0 12px 32px #14456514, inset 0 1px 0 #fffc;--shadow-lg:0 24px 48px #14456526, 0 8px 16px #14456514, inset 0 1px 0 #fffc;--shadow-glow:0 0 30px #c6721e66, inset 0 1px 0 #fff6}html{background:var(--bg);color:var(--text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif}body{min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-sm{max-width:800px;margin:0 auto;padding:0 24px}.section{padding:120px 0}.section-sm{padding:80px 0}h1,h2,h3,.heading-font{font-family:Playfair Display,serif}.h1{letter-spacing:-.02em;color:var(--text);font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1.05}.h2{letter-spacing:-.01em;color:var(--text);font-size:clamp(2.2rem,4vw,3.5rem);font-weight:700;line-height:1.1}.h3{letter-spacing:0;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.lead{color:var(--text-2);font-size:1.25rem;font-weight:400;line-height:1.6}.text-accent{color:var(--accent)}.text-primario{color:var(--primario)}.text-muted{color:var(--text-2)}.center{text-align:center}.italic{font-style:italic;font-weight:400}.btn{cursor:pointer;white-space:nowrap;letter-spacing:.02em;z-index:1;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;z-index:-1;border-radius:inherit;background:linear-gradient(#ffffff40,#fff0);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--primario) 0%, #357354 100%);color:#fff;border-color:#0000001a;box-shadow:0 8px 20px #2a5c434d,inset 0 1px #fff3}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, #357354 0%, var(--primario) 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 28px #2a5c4373,inset 0 1px #ffffff4d}.btn-secondary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);color:#fff;border-color:#00000026;box-shadow:0 8px 20px #14456540,inset 0 1px #fff3}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 28px #14456566,inset 0 1px #ffffff4d}.btn-outline{-webkit-backdrop-filter:blur(8px);color:var(--text);background:#fff9;border:1px solid #1445654d;font-weight:600;box-shadow:0 4px 12px #1445650f}.btn-outline:hover:not(:disabled){border-color:var(--accent);background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #1445651a}.btn-ghost{color:var(--text-2);background:0 0;padding:12px 24px}.btn-ghost:hover:not(:disabled){color:var(--text);background:#fffc}.btn-lg{padding:20px 48px;font-size:1.2rem}.btn-sm{border-radius:100px;padding:12px 24px;font-size:.95rem}.btn-full{width:100%}.btn-shine{position:relative;overflow:hidden}.btn-shine:before{content:"";z-index:2;background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;animation:4s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);border:1px solid #fffc;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);background:#ffffffe6;border-color:#fff;transform:translateY(-4px)}.card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), var(--shadow-md);background:#fff}.card.selected:before{content:"";background-color:var(--accent);z-index:15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px;border-radius:50%;width:28px;height:28px;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #1445654d}.card.clickable{cursor:pointer;position:relative}.glass-panel{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);border-radius:var(--r-xl);background:#ffffff80;border:1px solid #fffc}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;align-items:center;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.badge-accent{color:var(--accent);background:#1445651a;border:1px solid #14456533}.badge-primario{color:var(--c-primario);background:#2a5c431a;border:1px solid #2a5c4333}.badge-gray{color:var(--text);background:#ffffffb3;border:1px solid #14456526;box-shadow:0 2px 8px #0000000d}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.fade-in{opacity:0;animation:.6s forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s!important}.divider{background:var(--border);width:100%;height:1px}.divider-vertical{background:var(--border);width:1px;height:100%}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@keyframes pulseTertiary{0%{transform:scale(1);box-shadow:0 0 #2a5c4366}50%{transform:scale(1.02)}70%{box-shadow:0 0 0 20px #2a5c4300}to{transform:scale(1);box-shadow:0 0 #2a5c4300}}.btn-pulse{animation:2.5s infinite pulseTertiary}.urgency-banner{background:var(--primario);color:#fff;text-align:center;letter-spacing:.05em;z-index:101;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;display:flex;position:relative}.marquee-container{white-space:nowrap;background:var(--accent);color:#fff;z-index:10;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;width:100%;margin:0;padding:16px 0;position:relative;overflow:hidden;box-shadow:0 4px 20px #1445651a}.marquee-content{letter-spacing:.1em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;animation:25s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.sticky-mobile-cta{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:100;background:#ffffffe6;padding:16px;animation:.5s forwards fadeUp;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0000001a}.masonry-grid{columns:3;gap:24px;display:block}.masonry-item{break-inside:avoid;margin-bottom:24px}.mockup-stack{perspective:1000px;justify-content:center;align-items:center;width:100%;height:500px;display:flex;position:relative}.mockup-item{transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;box-shadow:0 20px 40px #14456526,0 0 0 1px #1445650d}.mockup-item:hover{box-shadow:0 30px 60px #14456533,0 0 0 1px #1445651a;z-index:20!important;transform:translateY(-10px)scale(1.05)!important}.wooden-frame{background-color:#1a1a1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05 0.5' numOctaves='3' result='noise'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0 0 0.9 0 0 0 0 0 0.7 0 0 0 0 0 0.2 0' in='noise' result='coloredNoise'/%3E%3CfeBlend mode='multiply' in='SourceGraphic' in2='coloredNoise'/%3E%3C/filter%3E%3Crect width='100' height='100' fill='%231a1a1a' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:2px;padding:4px;position:relative;box-shadow:0 12px 30px #0003,inset 0 1px 2px #ffffff1a}.wooden-frame.wood-color{background-color:#cda27a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02 0.3' numOctaves='3' result='noise'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0 0 0.9 0 0 0 0 0 0.7 0 0 0 0 0 0.2 0' in='noise' result='coloredNoise'/%3E%3CfeBlend mode='multiply' in='SourceGraphic' in2='coloredNoise'/%3E%3C/filter%3E%3Crect width='100' height='100' fill='%23cda27a' filter='url(%23n)'/%3E%3C/svg%3E")}.wooden-frame:after{content:"";pointer-events:none;position:absolute;inset:4px;box-shadow:inset 0 0 4px #0000004d}.wooden-frame img{border-radius:0;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-anim{animation:6s ease-in-out infinite float}@media (max-width:992px){.masonry-grid{columns:2}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sticky-mobile-cta{display:block}.section{padding:64px 0}.h1{font-size:clamp(2.4rem,8vw,3rem);line-height:1.1}.h2{font-size:clamp(2rem,7vw,2.5rem)}.lead{font-size:1.1rem}.masonry-grid{columns:1}.grid-2{grid-template-columns:1fr;gap:40px}.grid-3{grid-template-columns:1fr;gap:32px}.grid-4{grid-template-columns:1fr;gap:24px}.marquee-container{margin:0;padding:12px 0}.marquee-content{font-size:.9rem}.container{padding:0 20px}.btn-lg{padding:18px 32px;font-size:1.1rem}nav .btn{padding:10px 20px;font-size:.9rem}nav img{height:40px!important}}@media (max-width:480px){.urgency-banner{padding:6px 12px;font-size:.75rem}.trust-badges{flex-direction:column;gap:16px;padding:24px}.divider-vertical{width:100%;height:1px!important;margin:8px 0!important}}.pricing-grid{grid-template-columns:repeat(4,1fr);align-items:end;gap:20px;display:grid}.hero-img-wrapper{border-radius:var(--r-xl);width:100%;height:600px;position:relative;overflow:hidden;box-shadow:0 8px 40px #2a5c432e,0 2px 8px #1445651a,0 0 0 4px #ffffffe6,0 0 0 6px #2a5c431f}.faq-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);cursor:pointer;transition:box-shadow .2s,border-color .2s;overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-md);border-color:#2a5c4333}.faq-question{color:var(--text);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;font-size:1.05rem;font-weight:700;display:flex}.faq-icon{width:32px;height:32px;color:var(--primario);background:#2a5c4314;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:300;line-height:1;transition:transform .25s,background .2s;display:flex}.faq-icon.open{background:#2a5c4326;transform:rotate(45deg)}.faq-answer{opacity:0;max-height:0;color:var(--text-2);padding:0 28px;font-size:.98rem;line-height:1.75;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding-top .3s,padding-bottom .3s;overflow:hidden}.faq-answer.open{opacity:1;border-top:1px solid var(--border);max-height:400px;padding-top:20px;padding-bottom:24px}.nav-how-link{display:flex}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-12{margin-bottom:48px}.flex-wrap{flex-wrap:wrap}@media (max-width:992px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr 1fr}.hero-img-wrapper{height:300px!important}.nav-how-link{display:none!important}.faq-question{padding:20px;font-size:.95rem}.faq-answer{font-size:.92rem}.faq-answer.open{padding-left:20px;padding-right:20px}}@media (max-width:520px){.pricing-grid{grid-template-columns:1fr}.hero-img-wrapper{height:240px!important}}.overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#2a5c4366;justify-content:center;align-items:center;animation:.3s fadeInOverlay;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #fffc;border-radius:28px;width:calc(100% - 32px);max-width:580px;max-height:90vh;margin:16px;animation:.35s cubic-bezier(.16,1,.3,1) scaleInModal;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0000002e,0 4px 16px #2a5c4314}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal .input{width:100%;color:var(--text);background:#fff;border:1.5px solid #14456526;border-radius:12px;outline:none;padding:12px 16px;font-size:.9rem;transition:all .2s}.modal .input:focus{border-color:var(--primario);box-shadow:0 0 0 3px #2a5c431a}.modal .label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin-bottom:6px;font-size:.76rem;font-weight:800;display:block}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-wrapper{background:var(--bg);flex-direction:column;gap:24px;width:100%;padding:40px 0;display:flex;position:relative;overflow:hidden}.marquee-wrapper:before,.marquee-wrapper:after{content:"";z-index:5;pointer-events:none;width:150px;position:absolute;top:0;bottom:0}.marquee-wrapper:before{background:linear-gradient(to right, var(--bg) 0%, #fcfbf800 100%);left:0}.marquee-wrapper:after{background:linear-gradient(to left, var(--bg) 0%, #fcfbf800 100%);right:0}.marquee-row{gap:24px;width:max-content;display:flex}.marquee-row.left{animation:45s linear infinite marquee-left}.marquee-row.right{animation:45s linear infinite marquee-right}.marquee-row:hover{animation-play-state:paused}.marquee-item{border-radius:var(--r-lg);width:320px;height:320px;box-shadow:var(--shadow-md);border:1px solid var(--border);cursor:pointer;background:#fff;flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;position:relative;overflow:hidden}.marquee-item:hover{box-shadow:var(--shadow-lg);z-index:10;border-color:var(--primario);transform:scale(1.04)translateY(-6px)}.marquee-item img{object-fit:cover;width:100%;height:100%}.marquee-badge{-webkit-backdrop-filter:blur(12px);color:var(--primario);box-shadow:var(--shadow-sm);background:#fffffff2;border:1px solid #2a5c431f;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:800;display:flex;position:absolute;bottom:20px;left:20px}.hero-features-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.feature-item-wide{grid-column:span 2}.feature-item-hover{cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.feature-item-hover:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #2a5c4314;border-color:#2a5c4340!important}.feature-item-hover.highlight-transfer:hover{box-shadow:0 8px 24px #c6721e1f;border-color:#c6721e80!important}@media (max-width:768px){.hero-features-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.feature-item-wide{grid-column:span 2!important}}.style-demo-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important}.style-demo-card:hover{border-color:var(--primario)!important;box-shadow:var(--shadow-md)!important;background:#fff!important;transform:translate(8px)scale(1.015)!important}.style-demo-card.selected{border-color:var(--primario)!important;background:#fff!important;box-shadow:0 8px 32px #2a5c4326!important}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.wiggle-hover{transition:transform .3s}.wiggle-hover:hover{animation:.4s infinite wiggle}.pricing-grid>div{transition:all .4s cubic-bezier(.16,1,.3,1)}.pricing-grid>div:hover{transform:translateY(-8px)}.elegir-layout{grid-template-columns:1fr 380px;align-items:start;gap:48px;display:grid}@media (max-width:992px){.elegir-layout{grid-template-columns:1fr;gap:32px}}@media (max-width:768px){.btn{white-space:normal!important;padding:12px 20px!important;font-size:.92rem!important}.btn-lg{padding:14px 24px!important;font-size:1rem!important}nav{gap:12px!important;padding:0 16px!important}nav .btn{padding:8px 16px!important;font-size:.85rem!important}}.hero-cta-button{white-space:nowrap;width:auto;padding:22px 48px!important;font-size:1.2rem!important}@media (max-width:768px){.hero-cta-button{white-space:normal!important;text-align:center!important;justify-content:center!important;width:100%!important;padding:16px 20px!important;font-size:.98rem!important;display:flex!important}.sticky-mobile-cta{z-index:1000;justify-content:center;padding:0 16px;position:fixed;bottom:20px;left:0;right:0;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border-top:none!important;display:flex!important}.sticky-mobile-cta a{background:linear-gradient(135deg, var(--primario) 0%, #357354 100%)!important;text-shadow:0 1px 2px #0003!important;border:1px solid #fff3!important;border-radius:100px!important;width:100%!important;max-width:380px!important;padding:16px 20px!important;font-size:1.05rem!important;box-shadow:0 10px 25px #2a5c4373,0 4px 10px #0000001a!important}}@media (max-width:520px){.hero-features-grid{grid-template-columns:1fr!important;gap:12px!important}.feature-item-wide{grid-column:span 1!important}.fade-up.delay-400{border-radius:20px!important;padding:16px!important}}.mobile-hero-carousel{display:none!important}.desktop-hero-carousel{display:block!important}@media (max-width:768px){.mobile-hero-carousel{margin-bottom:32px!important;display:block!important}.desktop-hero-carousel{display:none!important}}