@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/quicksand-latin.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--purple:#6462ab;--purple-dark:#524f96;--purple-light:#a29de0;--lavender:#ccc9e6;--lavender-light:#e8e6f4;--bg:#f2f2f2;--surface:#fff;--text:#3b3866;--text-muted:#8a87ad;--shadow:#6462ab1f;--shadow-lg:#6462ab38;--text-xs:clamp(.75rem, .72rem + .15vw, .8125rem);--text-sm:clamp(.8125rem, .78rem + .2vw, .875rem);--text-base:clamp(.9375rem, .88rem + .3vw, 1rem);--text-lg:clamp(1.0625rem, .98rem + .4vw, 1.1875rem);--text-xl:clamp(1.25rem, 1.15rem + .6vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + 1.1vw, 2rem);--text-3xl:clamp(1.875rem, 1.55rem + 1.8vw, 2.625rem);--text-4xl:clamp(2.25rem, 1.8rem + 2.5vw, 3.5rem);--space-xs:clamp(.5rem, .45rem + .25vw, .75rem);--space-sm:clamp(.75rem, .65rem + .5vw, 1rem);--space-md:clamp(1rem, .85rem + .75vw, 1.5rem);--space-lg:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--space-xl:clamp(2.5rem, 2rem + 2.5vw, 5rem);--screen-dvh:100dvh;--screen-svh:100svh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Quicksand,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.blob{filter:blur(90px);opacity:.4;z-index:-1;pointer-events:none;border-radius:50%;position:fixed}.blob-1{background:var(--lavender);width:340px;height:340px;top:-100px;left:-100px}.blob-2{background:var(--lavender-light);width:300px;height:300px;bottom:-80px;right:-80px}.nav{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--lavender);background:#f2f2f2e0;justify-content:space-between;align-items:center;padding:16px 40px;transition:box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{box-shadow:0 4px 20px var(--shadow)}.nav-logo{color:var(--purple);letter-spacing:.02em;font-size:18px;font-weight:700}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--text-muted);align-items:center;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.nav-links a:after{content:"";background:var(--purple);height:2px;transition:transform .25s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--purple)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a.active{color:var(--purple)}.nav-links a.active:after{transform:scaleX(1)}.nav-dd{align-items:center;display:flex;position:relative}.nav-dd-arrow{vertical-align:middle;margin-left:4px;font-size:10px}.nav-dd-menu{background:var(--surface,#fff);border:1px solid var(--lavender);min-width:190px;box-shadow:0 12px 28px var(--shadow);opacity:0;visibility:hidden;z-index:110;border-radius:14px;padding:8px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(6px)}.nav-dd-menu a{border-radius:8px;align-items:center;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.nav-dd-menu a:hover{background:var(--lavender-light,#e8e6f4);color:var(--purple)}.nav-dd-menu a:hover:after{display:none}.nav-dd-featured{background:var(--lavender-light,#e8e6f4);color:var(--purple)!important;font-weight:700!important}.nav-dd-featured svg{width:18px;height:18px;stroke:var(--purple);margin-left:auto}.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dd-menu:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.nav-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:10px 8px;display:none;position:relative}.nav-toggle:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.nav-toggle span{background:var(--text);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block;position:absolute;left:11px}.nav-toggle span:first-child{top:13px}.nav-toggle span:nth-child(2){top:21px}.nav-toggle span:nth-child(3){top:29px}.lang-toggle{min-width:48px;min-height:44px;color:var(--purple);background:var(--surface);border:1.5px solid var(--lavender);cursor:pointer;letter-spacing:.02em;border-radius:99px;justify-content:center;align-items:center;margin-left:12px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s;display:inline-flex}.lang-toggle:hover{background:var(--lavender-light);box-shadow:0 4px 12px var(--shadow);transform:translateY(-1px)}.lang-toggle[data-lang=es]{color:var(--bg);background:var(--purple);border-color:var(--purple)}.lang-toggle[data-lang=en]{color:var(--purple);background:var(--surface)}.lang-toggle .cur{font-weight:700}.lang-toggle .sep{opacity:.45;margin:0 3px;font-weight:400}.page{padding-top:80px}.hero{text-align:center;background:linear-gradient(180deg, var(--lavender-light) 0%, var(--bg) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:120px 20px 80px;display:flex}.hero-banner{justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero-banner-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute}.hero-banner-overlay{z-index:1;text-align:center;background:#00000073;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:120px 20px 80px;display:flex;position:relative}.hero-banner-overlay h1{font-size:var(--text-3xl);color:#fff;margin-bottom:16px;font-weight:700;line-height:1.25}.hero-banner-overlay h1 em{color:var(--lavender);font-style:normal}.hero-banner-overlay p{font-size:var(--text-lg);color:#ffffffd9;max-width:520px;margin-bottom:36px}.hero-logo{width:100px;height:auto;margin-bottom:20px}.hero h1{font-size:var(--text-3xl);margin-bottom:16px;font-weight:700;line-height:1.25}.hero h1 em{color:var(--purple);font-style:normal}.hero p{font-size:var(--text-lg);color:var(--text-muted);max-width:520px;margin-bottom:36px}.hero-btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-btns .btn-primary,.hero-btns .btn-secondary{justify-content:center;min-width:220px}.btn-primary{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 36px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;box-shadow:0 6px 18px #6462ab4d}.btn-primary:hover{background:var(--purple-dark);transform:translateY(-2px);box-shadow:0 10px 24px #6462ab66}.btn-secondary{color:var(--purple);border:2px solid var(--purple);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:14px 36px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:background .25s,transform .25s;display:inline-flex}.btn-secondary:hover{background:var(--lavender-light);transform:translateY(-2px)}.btn-sm{border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:10px 22px;font-size:13px;display:inline-flex}.btn-light.btn-primary{color:var(--purple);background:#fff;box-shadow:0 4px 16px #00000026}.btn-light.btn-primary:hover{background:var(--lavender-light)}.btn-light.btn-secondary{color:#fff;border-color:#fff}.btn-light.btn-secondary:hover{background:#ffffff26}.section{max-width:900px;padding:var(--space-xl) var(--space-md);margin:0 auto}.section-title{align-items:center;gap:16px;margin-bottom:40px;display:flex}.section-title:before,.section-title:after{content:"";background:var(--lavender);flex:1;height:1px}.section-title span{letter-spacing:.22em;text-transform:uppercase;color:var(--purple);white-space:nowrap;font-size:12px;font-weight:700}.section-intro{text-align:center;color:var(--text-muted);max-width:600px;margin:-20px auto 40px;font-size:16px;line-height:1.6}.portfolio-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}.portfolio-card{background:var(--surface);border:1px solid var(--lavender);cursor:pointer;border-radius:16px;transition:transform .25s,box-shadow .25s;overflow:hidden;container:portfolio-card/inline-size}.portfolio-card:hover{box-shadow:0 14px 32px var(--shadow-lg);transform:translateY(-4px)}.portfolio-card .thumb{aspect-ratio:4/3;background:var(--lavender-light);justify-content:center;align-items:center;width:100%;font-size:36px;display:flex;overflow:hidden}.portfolio-card .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.portfolio-card:hover .thumb img{transform:scale(1.05)}.portfolio-card .thumb .view-project{z-index:2;color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#6462abeb;border:none;border-radius:99px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .35s,transform .35s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-card .thumb .view-project .arrow{transition:transform .3s}.portfolio-card:hover .thumb .view-project{opacity:1;pointer-events:auto}.portfolio-card:hover .thumb .view-project:hover .arrow{transform:translate(4px)}.portfolio-card .info{padding:16px 18px}.portfolio-card h3{color:var(--text);font-size:15px;font-weight:700}.portfolio-card p{color:var(--text-muted);margin-top:4px;font-size:12px}.about-card{background:var(--surface);border:1px solid var(--lavender);box-shadow:0 8px 24px var(--shadow);border-radius:20px;padding:36px}.about-top{align-items:flex-start;gap:32px;display:flex}.about-photo{background:var(--lavender-light);border:3px solid var(--lavender);border-radius:50%;flex-shrink:0;width:140px;height:140px;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%}.about-text h2,.about-text h3{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:700}.about-text .role{color:var(--purple);margin-bottom:12px;font-size:14px;font-weight:600}.about-text p{color:var(--text-muted);margin-bottom:10px;font-size:14px;line-height:1.6}.about-divider{background:var(--lavender);height:1px;margin:28px 0}.about-section-label{color:var(--purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:13px;font-weight:700}.skills-row{justify-content:space-between;gap:24px;display:flex}.skill-item{text-align:center;flex:1}.skill-circle{width:80px;height:80px;margin:0 auto 8px;position:relative}.skill-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.skill-pct{color:var(--purple);font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-name{color:var(--text-muted);font-size:12px;font-weight:500;display:block}.tools-list{flex-direction:column;gap:12px;display:flex}.tool-bar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tool-info{flex:140px;align-items:center;gap:10px;min-width:120px;display:flex}.tool-icon{background:var(--lavender-light);width:32px;height:32px;color:var(--purple);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.tool-info span:last-child{color:var(--text);font-size:13px;font-weight:600}.tool-track{background:#eee;border-radius:99px;flex:2 120px;min-width:80px;height:8px;overflow:hidden}.tool-fill{background:linear-gradient(90deg, var(--purple), var(--purple-light));border-radius:99px;height:100%}.tool-pct{color:var(--purple);text-align:right;flex-shrink:0;min-width:36px;font-size:13px;font-weight:700}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:var(--lavender);width:2px;position:absolute;top:0;bottom:0;left:8px}.timeline-item{margin-bottom:28px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--purple);border:3px solid var(--lavender);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:-24px}.timeline-content{background:var(--surface);border:1px solid var(--lavender);border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s}.timeline-content:hover{box-shadow:0 6px 16px var(--shadow);transform:translate(4px)}.timeline-year{color:var(--purple);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.timeline-content h3{color:var(--text);margin:6px 0 4px;font-size:15px;font-weight:700}.timeline-role{color:var(--purple);margin-bottom:8px;font-size:13px;font-weight:600}.timeline-content p{color:var(--text-muted);font-size:13px;line-height:1.5}.services-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));display:grid}.service-card{background:var(--surface);border:1px solid var(--lavender);text-align:left;border-radius:20px;padding:28px 20px}.service-icon{background:var(--lavender-light);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;display:flex}.service-icon svg{width:24px;height:24px;stroke:var(--purple);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.service-card h3{color:var(--text);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:6px;font-size:14px;font-weight:700}.service-card p{color:var(--text-muted);font-size:12px;line-height:1.5}.products-banner{background:linear-gradient(135deg, var(--purple) 0%, #8b87d4 100%);text-align:center;color:#fff;border-radius:20px;width:100%;margin-bottom:32px;padding:48px 32px;overflow:hidden}.products-banner h1,.products-banner h2{margin-bottom:8px;font-size:28px;font-weight:700;line-height:1.25}.products-banner p{opacity:.85;font-size:15px}.category-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}.page#products-page .category-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.category-card{background:var(--surface);border:1px solid var(--lavender);text-align:center;border-radius:20px;padding:36px 24px;transition:transform .25s,box-shadow .25s;container:category-card/inline-size}.category-card:hover{box-shadow:0 12px 28px var(--shadow);transform:translateY(-3px)}.category-icon{background:var(--lavender-light);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex}.category-media{aspect-ratio:400/208;border-radius:12px;width:100%;margin:-6px 0 16px;overflow:hidden}.category-media img{object-fit:cover;width:100%;height:100%;display:block}.category-card h3{color:var(--text);margin-bottom:6px;font-size:18px;font-weight:700}.category-card p{color:var(--text-muted);margin-bottom:18px;font-size:13px}.product-item{background:var(--surface);border:1px solid var(--lavender);border-radius:16px;align-items:center;gap:18px;margin-bottom:14px;padding:20px;transition:transform .25s,box-shadow .25s;display:flex}.product-item:hover{box-shadow:0 8px 20px var(--shadow);transform:translateY(-2px)}.product-icon{background:var(--lavender-light);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.product-body{flex:1}.product-body h3{color:var(--text);font-size:16px;font-weight:700}.product-body p{color:var(--text-muted);margin-top:3px;font-size:13px}.product-price{color:var(--purple);white-space:nowrap;margin-right:12px;font-size:18px;font-weight:700}.product-media{object-fit:cover;border-radius:12px;flex-shrink:0;width:100px;height:70px;margin-right:12px}.contact-box{background:var(--surface);border:1px solid var(--lavender);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;display:flex}.contact-box h2{color:var(--text);font-size:24px;font-weight:700}.contact-email{color:var(--purple);font-size:20px;font-weight:700;transition:opacity .2s}.contact-email:hover{opacity:.8}.contact-socials{gap:12px;display:flex}.contact-socials a{background:var(--lavender-light);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .25s,transform .25s;display:flex}.contact-socials a:hover{background:var(--purple);transform:translateY(-2px)}.contact-socials svg{width:20px;height:20px;stroke:var(--purple);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}.contact-socials a:hover svg{stroke:#fff}.form{flex-direction:column;gap:14px;width:100%;max-width:480px;margin-top:8px;display:flex}.contact-video-circle{background:linear-gradient(135deg, var(--purple), var(--purple-light));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden;box-shadow:0 10px 26px #6462ab47}.contact-video-circle video{object-fit:cover;border-radius:50%;width:100%;height:100%}.form input,.form textarea{background:var(--bg);border:1px solid var(--lavender);width:100%;color:var(--text);border-radius:12px;outline:none;padding:14px 18px;font-family:inherit;font-size:14px;transition:border-color .25s}.form input:focus,.form textarea:focus{border-color:var(--purple)}.form textarea{resize:vertical;min-height:120px}.form input::placeholder,.form textarea::placeholder{color:var(--text-muted)}.footer{text-align:center;color:var(--text-muted);letter-spacing:.04em;border-top:1px solid var(--lavender);padding:44px 20px;font-size:13px;font-weight:500}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.anim{animation:.55s both rise}.hero-banner-overlay h1.anim{opacity:1;animation:none;transform:none}.d1{animation-delay:80ms}.d2{animation-delay:.16s}.d3{animation-delay:.24s}.d4{animation-delay:.32s}.d5{animation-delay:.4s}@media (width<=768px){.nav{padding:12px 20px}.nav-links{display:none}.nav-links.open{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(16px);max-height:calc(100dvh - 60px);padding:24px 20px calc(24px + env(safe-area-inset-bottom,16px));border-bottom:1px solid var(--lavender);box-shadow:0 8px 20px var(--shadow);background:#f2f2f2fa;flex-direction:column;gap:12px;display:flex;position:fixed;inset:60px 0 0;overflow-y:auto}.nav-links.open a{border-radius:8px;padding:10px 14px;font-size:16px}.nav-toggle{display:flex}.nav-links.open .nav-dd{flex-direction:column;align-items:stretch}.nav-links.open .nav-dd-menu{opacity:1;visibility:visible;box-shadow:none;background:var(--lavender-light,#e8e6f4);border:none;border-radius:10px;flex-direction:column;gap:4px;margin-top:4px;margin-left:12px;padding:6px;display:flex;position:static;transform:none}.nav-links.open .nav-dd-menu a{padding:8px 12px;font-size:14px}.about-top{text-align:center;flex-direction:column;align-items:center}.about-photo{width:120px;height:120px}.skills-row{flex-wrap:wrap;gap:16px}.skill-item{flex:0 0 calc(50% - 8px)}.product-item{flex-wrap:wrap;gap:12px}.product-media{margin-right:0}.product-price{margin-right:auto}}.featured-scroll{padding:8px 0;position:relative;overflow:hidden}.featured-track{gap:16px;width:max-content;animation:40s linear infinite featuredSlide;display:flex}.featured-track:hover{animation-play-state:paused}@keyframes featuredSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}.featured-card{background:var(--surface);border:1px solid var(--lavender);border-radius:16px;flex-direction:column;flex:0 0 200px;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6462ab1f}.featured-thumb{object-fit:cover;width:100%;height:80px;display:block}.featured-info{flex-direction:column;flex:1;padding:12px;display:flex}.featured-info h3{margin-bottom:2px;font-size:13px}.featured-info p{color:var(--text-muted);flex:1;margin-bottom:8px;font-size:11px}.featured-info .btn-primary,.featured-info .btn-secondary{justify-content:center;width:100%;margin-top:auto;padding:8px 16px;font-size:12px}.notion-cover{border:1px solid var(--lavender,#ccc9e6);border-radius:16px;margin-bottom:24px;overflow:hidden}.notion-cover img{object-fit:cover;width:100%;max-height:380px;display:block}.notion-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.notion-card{background:var(--surface);border:1px solid var(--lavender);border-radius:20px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;container:notion-card/inline-size}.notion-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6462ab1f}.notion-thumb{object-fit:cover;width:100%;height:160px;display:block}.notion-info{flex-direction:column;flex:1;padding:20px;display:flex}.notion-info h3{margin-bottom:4px;font-size:16px}.notion-info p{color:var(--text-muted);flex:1;margin-bottom:12px;font-size:13px}.notion-price{color:var(--purple);margin-bottom:12px;font-size:18px;font-weight:700;display:block}.notion-info .btn-primary,.notion-info .btn-secondary{justify-content:center;width:100%;margin-top:auto}.youtube-banner{background:var(--surface);border:1px solid var(--lavender);border-radius:20px;align-items:center;gap:24px;padding:32px;transition:transform .25s,box-shadow .25s;display:flex}.youtube-banner:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6462ab1f}.youtube-thumb{background:#000;border-radius:12px;flex:0 0 220px;justify-content:center;align-items:center;height:124px;display:flex;overflow:hidden}.youtube-thumb video{object-fit:cover;width:100%;height:100%;display:block}.youtube-text h3{margin-bottom:4px;font-size:18px}.youtube-text p{color:var(--text-muted);margin-bottom:12px;font-size:14px}.whatsapp-float{bottom:calc(24px + env(safe-area-inset-bottom,0px));left:calc(24px + env(safe-area-inset-left,0px));z-index:999;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;box-shadow:0 4px 16px #25d36659}.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 6px 24px #25d36673}.whatsapp-float svg{fill:#fff;width:28px;height:28px}@media (width<=480px){.hero-btns{flex-direction:column;align-items:center}.hero-btns .btn-primary,.hero-btns .btn-secondary{justify-content:center;width:100%;max-width:320px}.featured-card{flex:0 0 170px}.youtube-banner{text-align:center;flex-direction:column}.whatsapp-float{bottom:calc(16px + env(safe-area-inset-bottom,0px));left:calc(16px + env(safe-area-inset-left,0px))}}.modal-overlay{z-index:100;backdrop-filter:blur(4px);padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));opacity:0;transition:opacity .3s ease, display .3s ease allow-discrete;background:#2826508c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{opacity:1;display:flex}@starting-style{.modal-overlay.show{opacity:0}}.modal{-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px;width:100%;max-width:720px;max-height:88dvh;padding:36px 32px;transition:transform .3s;position:relative;overflow-y:auto;transform:translateY(16px);box-shadow:0 24px 60px #28265040}.modal.modal-wide{max-width:960px}.modal-overlay.show .modal{transform:translateY(0)}.modal-close{float:right;z-index:10;background:var(--lavender-light,#e8e6f4);cursor:pointer;width:44px;height:44px;color:var(--text,#333);box-shadow:0 2px 8px var(--shadow);border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-12px;margin-bottom:-32px;margin-right:-12px;font-size:22px;line-height:1;transition:background .3s,transform .2s;display:flex;position:sticky;top:0}.modal-close:hover{background:var(--purple-light,#a29de0);color:#fff;transform:scale(1.05)}.modal-title{color:var(--text,#333);padding-right:48px;font-size:clamp(1.25rem,1.1rem + .8vw,1.625rem);font-weight:700;line-height:1.3}.modal-desc{color:var(--text-muted,#777);margin-top:10px;font-size:15px;line-height:1.6}.modal-hint{color:var(--purple,#6462ab);margin-top:16px;font-size:12.5px;font-weight:600}.modal-note{color:var(--text-muted,#777);margin-top:12px;font-size:12px;font-style:italic}.modal-gallery{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.modal-gallery-item{aspect-ratio:4/3;background:var(--lavender-light,#e8e6f4);cursor:pointer;border:2px solid #0000;border-radius:14px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.modal-gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.modal-gallery-item:hover{border-color:var(--purple,#6462ab);transform:translateY(-3px)}.modal-gallery-label{color:#fff;background:linear-gradient(#0000,#0000008c);padding:26px 12px 10px;font-size:13px;font-weight:700;position:absolute;bottom:0;left:0;right:0}@media (width<=600px){.modal-gallery{grid-template-columns:repeat(2,1fr)}.modal{padding:28px 20px}}.project-back{margin-bottom:24px}.brand-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin-top:32px;display:grid}.brand-card{text-align:center;cursor:pointer;border:1px solid var(--border,#eee);background:#fff;border-radius:18px;padding:16px;transition:transform .3s,box-shadow .3s,border-color .3s}.brand-card:hover{border-color:var(--purple-light,#a29de0);transform:translateY(-4px);box-shadow:0 12px 28px #2826501f}.brand-card-thumb{aspect-ratio:1;background:var(--lavender-light,#e8e6f4);border-radius:12px;overflow:hidden}.brand-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.brand-card h3{color:var(--text,#333);margin-top:12px;font-size:15px;font-weight:700}.brand-hero{border-radius:14px;margin:22px 0 0;overflow:hidden}.brand-hero img{object-fit:cover;width:100%;display:block}.brand-board{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.brand-col h4{color:var(--purple,#6462ab);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:13px;font-weight:700}.swatches{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.swatch{text-align:center}.swatch-color{aspect-ratio:4/3;border:1px solid #00000014;border-radius:10px;display:block}.swatch-hex{color:var(--text-muted,#777);margin-top:6px;font-size:11.5px;font-weight:600;display:block}.type-card{border:1px solid var(--border,#eee);background:#fafafa;border-radius:12px;flex-direction:column;gap:2px;margin-bottom:10px;padding:12px 14px;display:flex}.type-name{color:var(--text,#333);font-size:14px;font-weight:700}.type-tag{color:var(--text-muted,#777);font-size:11.5px}.brand-mockup{border-radius:14px;margin-top:26px;overflow:hidden}.brand-mockup img{object-fit:cover;width:100%;display:block}@media (width<=600px){.brand-board{grid-template-columns:1fr;gap:18px}}.ux-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin-top:32px;display:grid}.ux-card{text-align:center;cursor:pointer;border:1px solid var(--border,#eee);background:#fff;border-radius:18px;padding:16px;transition:transform .3s,box-shadow .3s,border-color .3s}.ux-card:hover{border-color:var(--purple-light,#a29de0);transform:translateY(-4px);box-shadow:0 12px 28px #2826501f}.ux-card-thumb{aspect-ratio:4/3;background:var(--lavender-light,#e8e6f4);border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.ux-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ux-card h3{color:var(--text,#333);margin-top:12px;font-size:15px;font-weight:700}.ux-card .ux-tag{color:var(--purple,#6462ab);margin-top:2px;font-size:11px;font-weight:600}.ux-frame{background:#fff;border:8px solid #e8e6f4;border-radius:14px;max-height:60vh;margin-top:20px;overflow:hidden}.ux-frame-bar{background:#e8e6f4;border-radius:6px 6px 0 0;align-items:center;gap:6px;padding:8px 12px;display:flex}.ux-frame-bar span{background:#a29de0;border-radius:50%;width:9px;height:9px}.ux-frame-body{max-height:56vh;overflow-y:auto}.ux-frame-body img{width:100%;display:block}.ux-frame-body iframe{border:0;width:100%;height:70vh;display:block}.ux-phone{background:#fff;border:8px solid #111;border-radius:30px;width:280px;max-width:100%;max-height:62vh;margin:20px auto 0;overflow:hidden}.ux-phone-notch{background:#111;height:24px}.ux-phone-screen{max-height:52vh;overflow-y:auto}.ux-phone-screen img{width:100%;display:block}.ux-phone-screen iframe{border:0;width:100%;height:52vh;display:block}.ux-figma-embed{border-radius:14px;margin-top:20px;overflow:hidden}.ux-figma-embed iframe{border:0;width:100%;height:62vh;display:block}.ux-figma-link{text-align:center;margin-top:16px}.social-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin-top:32px;display:grid}.social-card{text-align:center;cursor:pointer;border:1px solid var(--border,#eee);background:#fff;border-radius:18px;padding:16px;transition:transform .3s,box-shadow .3s,border-color .3s}.social-card:hover{border-color:var(--purple-light,#a29de0);transform:translateY(-4px);box-shadow:0 12px 28px #2826501f}.social-card-thumb{aspect-ratio:4/3;background:var(--lavender-light,#e8e6f4);border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.social-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.social-card h3{color:var(--text,#333);margin-top:12px;font-size:15px;font-weight:700}.ig-mockup{background:#fff;border:1px solid #dbdbdb;border-radius:16px;width:340px;max-width:100%;margin:20px auto 0;overflow:hidden}.ig-header{align-items:center;gap:10px;padding:10px 14px;display:flex}.ig-avatar{color:#fff;background:linear-gradient(135deg,#6462ab,#a29de0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.ig-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.ig-user{color:var(--text,#333);font-size:14px;font-weight:700}.ig-carousel{position:relative}.ig-carousel-inner{aspect-ratio:4/4;background:#f2f2f2;border-top:1px solid #dbdbdb;overflow:hidden}.ig-slide{width:100%;height:100%;display:none}.ig-slide.active{display:block}.ig-slide img{object-fit:cover;width:100%;height:100%;display:block}.ig-arrow{cursor:pointer;z-index:2;color:#fff;background:#6462abe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;line-height:1;transition:background .25s,transform .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ig-arrow:hover{background:var(--purple-dark,#504d8f);transform:translateY(-50%)scale(1.05)}.ig-arrow.prev{left:8px}.ig-arrow.next{right:8px}.ig-actions{align-items:center;gap:14px;padding:10px 14px 6px;display:flex}.ig-icon{font-size:18px;line-height:1}.ig-likes{color:var(--text,#333);padding:0 14px 12px;font-size:12.5px;font-weight:600}.ig-dots{justify-content:center;gap:6px;padding-bottom:14px;display:flex}.ig-dot{background:#dbdbdb;border-radius:50%;width:7px;height:7px}.ig-dot.active{background:#6462ab}@media (width<=600px){.social-grid{grid-template-columns:repeat(2,1fr);gap:14px}}.ai-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));margin-top:32px;display:grid}.ai-card{text-align:center;cursor:pointer;border:1px solid var(--border,#eee);background:#fff;border-radius:18px;padding:20px;transition:transform .3s,box-shadow .3s,border-color .3s}.ai-card:hover{border-color:var(--purple-light,#a29de0);transform:translateY(-4px);box-shadow:0 12px 28px #2826501f}.ai-card-photo{background:var(--lavender-light,#e8e6f4);border:4px solid var(--purple,#6462ab);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto;display:flex;overflow:hidden}.ai-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.ai-card h3{color:var(--text,#333);margin-top:14px;font-size:16px;font-weight:700}.ai-modal-photo{background:var(--lavender-light,#e8e6f4);border:4px solid var(--purple,#6462ab);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto;display:flex;overflow:hidden}.ai-modal-photo img{object-fit:cover;width:100%;height:100%;display:block}.ai-modal-desc{text-align:center;color:var(--text-soft,#666);margin-top:16px;font-size:14.5px;line-height:1.65}.ai-modal-video{margin-top:20px}.ai-modal-video video{aspect-ratio:1;object-fit:cover;background:#000;border-radius:14px;width:100%;display:block}@media (width<=480px){.ai-card-photo{width:120px;height:120px}}.ill-main{background:var(--lavender-light,#e8e6f4);border-radius:14px;justify-content:center;align-items:center;margin-top:20px;display:flex;overflow:hidden}.ill-main img{object-fit:contain;width:100%;max-height:60vh;display:block}.ill-thumbs{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.ill-thumb{cursor:pointer;opacity:.6;border:3px solid #0000;border-radius:10px;flex-shrink:0;width:80px;transition:border-color .3s,opacity .3s,transform .3s;overflow:hidden}.ill-thumb img{object-fit:cover;aspect-ratio:4/3;width:100%;height:100%;display:block}.ill-thumb:hover{transform:scale(1.05)}.ill-thumb.active{border-color:var(--purple,#6462ab);opacity:1}@media (width<=560px){.ill-thumb{width:64px}}.pack-section-title{color:var(--purple,#6462ab);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--lavender-light,#e8e6f4);margin-top:24px;padding-bottom:8px;font-size:15px;font-weight:700}.pack-section-title:first-of-type{margin-top:0}.journal-features{margin:14px 0 0;padding:0;list-style:none}.journal-features li{color:var(--text,#333);border-bottom:1px dashed var(--lavender-light,#e8e6f4);padding:8px 0 8px 24px;font-size:15px;line-height:1.5;position:relative}.journal-features li:before{content:"";background:var(--purple,#6462ab);border-radius:50%;width:6px;height:6px;position:absolute;top:14px;left:4px}.journal-features li::marker{display:none}.journal-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.car-panel{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex;position:relative}.car-view{background:var(--lavender-light,#e8e6f4);border-radius:14px;flex:1;justify-content:center;align-items:center;max-width:640px;display:flex;overflow:hidden}.car-view img{object-fit:contain;width:100%;max-height:62vh;display:block}.car-arrow{cursor:pointer;color:#fff;background:#6462abe6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;line-height:1;transition:background .25s,transform .25s;display:flex}.car-arrow:hover{background:var(--purple-dark,#504d8f);transform:scale(1.05)}.car-counter{text-align:center;color:var(--text-soft,#666);margin-top:10px;font-size:13px;font-weight:600}@media (width<=560px){.car-arrow{width:44px;height:44px}}h1.section-title,h2.section-title{font-size:inherit;font-weight:inherit;margin-top:0;line-height:1.2}.page-h1{text-align:center;max-width:900px;color:var(--text);margin:0 auto;font-size:clamp(1.35rem,1.2rem + .8vw,1.625rem);font-weight:700;line-height:1.3}.service-card-link{color:var(--purple);margin-top:12px;font-size:13px;font-weight:700;display:inline-block}.service-card-link:hover{text-decoration:underline}.breadcrumbs{max-width:1100px;margin:0 auto;padding:0 20px}.breadcrumbs ol{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:12px;font-weight:600;list-style:none;display:flex}.breadcrumbs a{color:var(--purple)}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .sep{opacity:.5}.breadcrumbs [aria-current=page]{color:var(--text-muted)}.faq-list{flex-direction:column;gap:10px;max-width:760px;margin:0 auto;display:flex}.faq-item{background:var(--surface);border:1px solid var(--lavender);border-radius:14px;padding:16px 20px}.faq-item summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--purple);font-size:20px;line-height:1}.faq-item[open] summary:after{content:"–"}.faq-item p{color:var(--text-muted);margin-top:12px;font-size:15px;line-height:1.6}.service-hero{text-align:center;max-width:760px;margin:0 auto 8px}.service-hero p{color:var(--text-muted);margin-top:14px;font-size:16px;line-height:1.6}.service-block{max-width:820px;margin:0 auto}.service-block h2{letter-spacing:.18em;text-transform:uppercase;color:var(--purple);margin-bottom:18px;font-size:13px;font-weight:700}.service-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.service-list li{background:var(--surface);border:1px solid var(--lavender);border-radius:12px;padding:14px 18px;font-size:15px;line-height:1.55}.service-steps{counter-reset:step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.service-steps li{align-items:center;min-height:34px;padding-left:46px;font-size:15px;line-height:1.55;display:flex;position:relative}.service-steps li:before{counter-increment:step;content:counter(step);background:var(--lavender-light);width:34px;height:34px;color:var(--purple);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:0;left:0}.services-index-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1000px;margin:0 auto;display:grid}.services-index-card{background:var(--surface);border:1px solid var(--lavender);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s;display:block}.services-index-card:hover{box-shadow:0 12px 28px var(--shadow);transform:translateY(-3px)}.services-index-card h2{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.services-index-card p{color:var(--text-muted);font-size:14px;line-height:1.55}.notfound{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:70dvh;padding:120px 20px 80px;display:flex}.notfound h1{font-size:var(--text-4xl);color:var(--purple);font-weight:700}.notfound p{color:var(--text-muted);font-size:16px}.draft-note{border:1px dashed var(--purple-light);max-width:820px;color:var(--text-muted);border-radius:10px;margin:0 auto 24px;padding:10px 16px;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.anim{opacity:1;transform:none}.featured-track{animation:none!important}}.skip-link{z-index:200;background:var(--purple,#4a3f8c);color:#fff;border-radius:0 0 10px;padding:12px 20px;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.plantillas-intro{text-align:center;max-width:720px;color:var(--text-muted);margin:0 auto 8px;line-height:1.7}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.prod-card{background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:18px;display:flex;box-shadow:0 10px 30px #28265012;container:prod-card/inline-size}.prod-card-media{aspect-ratio:4/3;background:linear-gradient(135deg, var(--purple), var(--purple-light));border-radius:12px;display:block;overflow:hidden}.prod-card-media img{object-fit:cover;width:100%;height:100%}.prod-card h3{margin:4px 0 0;font-size:18px}.prod-card h3 a{color:var(--text);text-decoration:none}.prod-card h3 a:hover{color:var(--purple)}.prod-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.prod-price{color:var(--purple);font-weight:700}.prod-cta{color:var(--purple);margin-top:auto;font-size:14px;font-weight:600;text-decoration:none}.prod-cta:hover{text-decoration:underline}.plantilla-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;max-width:900px;margin:0 auto;display:grid}.plantilla-cover{border-radius:18px;width:100%;box-shadow:0 16px 40px #2826501f}.plantilla-cover-icon{aspect-ratio:4/3;background:var(--lavender-light);border:1px solid var(--lavender);border-radius:18px;justify-content:center;align-items:center;font-size:64px;display:flex}.plantilla-intro{color:var(--text-muted);line-height:1.7}.plantilla-price{color:var(--purple);margin:8px 0 16px;font-size:28px}.plantilla-cur{color:var(--text-muted);font-size:15px;font-weight:500}.plantilla-list{max-width:720px;color:var(--text-muted);margin:0 auto;padding-left:20px;line-height:1.9}.plantilla-list li{margin-bottom:4px}@media (width<=768px){.plantilla-hero{grid-template-columns:1fr}}.footer{border-top:1px solid #6462ab24;margin-top:64px;padding:48px 24px 24px}.footer-inner{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto;display:grid}.footer-name{color:var(--purple);margin:0 0 8px;font-size:18px;font-weight:700}.footer-nap,.footer-contact{color:var(--text-muted);margin:0 0 10px;font-size:14px;line-height:1.7}.footer-contact a{color:var(--text-muted);text-decoration:none}.footer-contact a:hover{color:var(--purple);text-decoration:underline}.footer-social{gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-social a{color:var(--purple);font-size:13px;text-decoration:none}.footer-social a:hover{text-decoration:underline}.footer-col-title{color:var(--text);margin:0 0 10px;font-size:14px;font-weight:700}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:7px}.footer-col a{color:var(--text-muted);font-size:14px;text-decoration:none}.footer-col a:hover{color:var(--purple);text-decoration:underline}.footer-legal{text-align:center;max-width:1100px;color:var(--text-muted);border-top:1px solid #6462ab1a;margin:32px auto 0;padding-top:16px;font-size:13px}@media (width<=900px){.footer-inner{grid-template-columns:1fr 1fr}}@media (width<=560px){.footer-inner{grid-template-columns:1fr;gap:24px}}