@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#fbf7f2;--bg-soft:#f4ece3;--text:#1c120d;--muted:#6e5d53;--primary:#7a432f;--primary-dark:#3a1f16;--espresso:#24120c;--cocoa:#8b573e;--cream:#fffaf5;--card:#fffdf9;--line:#eaded4;--shadow:0 28px 80px #40241824;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #8b573e14, transparent 34%), linear-gradient(180deg, #fffaf5 0%, var(--bg) 48%, #fffaf5 100%);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(#7a432f17 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18%,#0000 88%);mask-image:linear-gradient(#0000,#000 18%,#0000 88%)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fffaf5}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary), var(--primary-dark));border:3px solid #fffaf5;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}html{scrollbar-color:var(--primary) #fffaf5;scrollbar-width:thin}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.section{width:min(1120px,100% - 40px);margin:0 auto}.header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf56b;border-bottom:1px solid #eaded473;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);height:86px;margin:0 auto;display:flex;position:sticky;top:0}.logo{letter-spacing:-.08em;color:var(--primary);font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:500}.logo span,h1 span,h2 span{color:var(--primary)}.nav{align-items:center;gap:34px;font-size:14px;font-weight:700;display:flex}.nav a{position:relative}.nav a:after{content:"";background:var(--primary);border-radius:999px;width:6px;height:6px;transition:transform .2s;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)scale(0)}.nav a:hover:after{transform:translate(-50%)scale(1)}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#fffaf5;background:var(--primary);border-color:var(--primary);box-shadow:0 18px 40px #7a432f3d}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-dark{color:#fff;background:var(--espresso);box-shadow:0 16px 36px #24120c2e}.btn-outline{color:var(--primary);border-color:var(--primary);background:#fffdf9db}.btn-outline:hover{background:#fffaf5;box-shadow:0 14px 34px #7a432f1f}.btn.small{margin-top:18px;padding:12px 18px;font-size:14px}.hero{min-height:calc(100vh - 86px);padding:72px 0 96px}.hero-final{text-align:center;isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.final-content{width:min(1040px,100%);margin:0 auto;padding-top:42px;position:relative}.hero-deco{pointer-events:none;z-index:-1;position:absolute}.hero-ring-left{border:1px solid #7a432f24;border-radius:50%;width:500px;height:500px;top:28%;left:-330px}.hero-ring-left:after{content:"";background:var(--primary);border-radius:999px;width:16px;height:16px;position:absolute;top:120px;right:80px}.hero-ring-right{opacity:.55;background:repeating-radial-gradient(circle,#0000 0 18px,#7a432f1a 19px 20px);border-radius:50%;width:360px;height:360px;animation:10s ease-in-out infinite floatSlow;top:18%;right:6%}.hero-blur-one{filter:blur(24px);background:#8b573e73;border-radius:50%;width:88px;height:88px;animation:7s ease-in-out infinite floatOrb;bottom:16%;left:6%}.hero-blur-two{filter:blur(22px);background:#8b573e47;border-radius:50%;width:72px;height:72px;animation:6.5s ease-in-out infinite reverse floatOrb;top:26%;right:11%}.intro-line{color:var(--text);justify-content:center;align-items:baseline;gap:12px;margin:0 0 30px;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.8vw,38px);font-style:italic;line-height:1;display:inline-flex}.intro-name{color:var(--primary);display:inline-block;position:relative}.intro-circle{pointer-events:none;width:128%;height:130%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-48%)rotate(-6deg)}.intro-circle path{fill:none;stroke:#24120ce6;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:760;stroke-dashoffset:760px;animation:1.45s .35s forwards drawCircle}.final-title{letter-spacing:-.07em;max-width:950px;color:var(--text);margin:0 auto 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,6.8vw,92px);font-weight:500;line-height:.95}.final-title span{color:var(--primary)}.title-underline{background:linear-gradient(var(--primary), var(--primary)) center 60% / 100% 2px no-repeat;width:190px;height:16px;margin:22px auto 34px;position:relative}.title-underline:before,.title-underline:after{content:"";background:#7a432fbf;height:2px;position:absolute;left:22px;right:22px;transform:rotate(-2deg)}.title-underline:before{top:5px}.title-underline:after{top:9px;transform:rotate(1deg)}.role-highlight{color:var(--primary);letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(18px,1.9vw,26px);font-weight:900}.final-subtitle{max-width:760px;color:var(--text);opacity:.78;margin:0 auto;font-size:clamp(16px,1.3vw,22px);line-height:1.55}.final-actions{justify-content:center;gap:28px;margin-top:58px}.btn-large{border-radius:14px;min-width:215px;min-height:62px;font-size:18px}.scroll-cue{color:var(--primary);opacity:.9;place-items:center;gap:10px;margin-top:54px;transition:transform .25s,opacity .25s;display:inline-grid;transform:rotate(90deg)}.scroll-cue span{background:var(--primary);width:44px;height:1px}.skills-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffdf9d9;padding:40px 0}.skills-grid{grid-template-columns:repeat(9,1fr);gap:18px;margin-top:22px;display:grid}.skill{place-items:center;gap:10px;font-size:13px;font-weight:700;display:grid}.skill-icon{width:48px;height:48px;color:var(--primary);background:var(--bg-soft);border-radius:14px;place-items:center;font-size:18px;font-weight:900;transition:transform .2s,background .2s;display:grid}.skill:hover .skill-icon{background:#ead8ca;transform:translateY(-4px)rotate(-3deg)}.about{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:94px 0 82px;display:grid}.stats{grid-template-columns:1fr 1fr;gap:18px;display:grid}.stats article{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf9c7;padding:30px;transition:transform .25s,box-shadow .25s}.stats article:hover,.project-card:hover{transform:translateY(-7px);box-shadow:0 30px 90px #4024182e}.stats svg{color:var(--primary);width:34px;height:34px;margin-bottom:18px}.stats strong{letter-spacing:-.05em;font-size:34px;display:block}.stats span{color:var(--muted)}.projects,.services,.contact{padding:72px 0}.section-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px;display:flex}.section-header a,.project-card a{color:var(--primary);align-items:center;gap:8px;font-weight:800;display:inline-flex}.project-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.project-card{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf9e0;transition:transform .25s,box-shadow .25s;overflow:hidden}.project-card img{object-fit:cover;filter:saturate(.85);width:100%;height:210px}.project-body{padding:26px}.tags{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tags span{color:var(--primary);background:#f0e4da;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.project-card h3,.service-card h3{letter-spacing:-.03em;font-size:22px}.services-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:42px;display:grid}.service-card{border-radius:var(--radius);padding:26px;transition:background .2s,transform .2s}.service-card:hover{background:#fffdf9c2;transform:translateY(-5px)}.service-card svg{width:42px;height:42px;color:var(--primary);margin-bottom:22px}.contact{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:70px;display:grid}.contact-list{margin-top:34px}.contact-list p{align-items:center;gap:14px;display:flex}.contact-list svg{color:var(--primary)}.contact-form{gap:14px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fffdf9e6;border-radius:12px;outline:none;padding:16px 18px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #7a432f1f}.footer{border-top:1px solid var(--line);width:min(1120px,100% - 40px);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:34px 0;font-size:14px;display:flex}.reveal{animation:.85s both revealUp}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.32s}.delay-4{animation-delay:.42s}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes floatCardOne{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-14px)rotate(-1deg)}}@keyframes floatCardTwo{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(16px)rotate(0)}}@keyframes floatCardThree{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes revealUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes laptopIn{0%{opacity:0;transform:perspective(900px)rotateY(-5deg)rotateX(2deg)translateY(28px)}to{opacity:1;transform:perspective(900px)rotateY(-5deg)rotateX(2deg)translateY(0)}}@keyframes floatOrb{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-16px)translate(8px)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=980px){.nav{display:none}.hero,.about,.contact{grid-template-columns:1fr}.hero{padding-top:30px}.final-actions{gap:24px}.hero-ring-right{opacity:.35;right:-120px}.skills-grid{grid-template-columns:repeat(3,1fr)}.project-grid,.services-grid{grid-template-columns:1fr 1fr}.footer{text-align:center;flex-direction:column}}@media (width<=640px){.header .btn{display:none}h1{font-size:46px}.hero-actions{flex-direction:column}.btn{width:100%}.hero{padding-top:42px}.intro-line{font-size:34px}.final-title{font-size:60px}.final-actions{gap:18px;margin-top:42px}.btn-large{min-width:100%}.scroll-cue,.hero-ring-left,.hero-blur-one{display:none}.skills-grid,.project-grid,.services-grid,.stats{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}}.hero-final{background:radial-gradient(circle at 20% 80%,#8b573e14,#0000 18%),radial-gradient(circle at 82% 28%,#8b573e0d,#0000 20%),linear-gradient(#f8f3ee,#f6f1eb)}.hero-final:before{content:"";pointer-events:none;background-image:radial-gradient(#7a432f0f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 90%,#0000);mask-image:linear-gradient(#0000,#000 12% 90%,#0000)}.hero-ring-right{opacity:.22!important}.hero-ring-left{opacity:.4}.final-content{padding-top:10px}.final-actions{align-items:center}.btn-large{padding-inline:26px}.hero-final{width:100%;max-width:none;margin:0;padding:72px 24px 96px;background:radial-gradient(circle at 18% 82%,#8b573e1a,#0000 16%),radial-gradient(circle at 82% 28%,#8b573e0f,#0000 18%),linear-gradient(#fbf7f2 0%,#f7f0e8 100%)!important}.hero-final .final-content{width:min(1080px,100%);margin-inline:auto}.hero-final .final-actions{justify-content:center!important;align-items:center!important;gap:36px!important;margin-top:58px!important;display:flex!important}.hero-final .btn-large{min-width:230px;min-height:62px;padding:0 28px}.hero-final .btn-primary{color:#fffaf5!important;background:var(--primary)!important;border-color:var(--primary)!important}.hero-final .btn-outline{color:var(--primary)!important;border-color:var(--primary)!important;background:#fffdf9e0!important}@media (width<=640px){.hero-final{padding-inline:20px}.hero-final .final-actions{flex-direction:column!important;gap:18px!important}.hero-final .btn-large{width:100%;min-width:0}}.section-header>a[href=\#contacto]{display:none!important}.hero-final .final-actions{justify-content:center!important;align-items:center!important;gap:36px!important;display:flex!important}.scroll-cue{color:var(--primary)!important;opacity:.9!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin-top:54px!important;transition:transform .25s,opacity .25s!important;display:flex!important;transform:none!important}.scroll-cue:hover{opacity:1!important;transform:translateY(4px)!important}.scroll-cue span:first-child{background:var(--primary)!important;width:1px!important;height:44px!important}.scroll-cue .down-arrow{background:0 0!important;width:auto!important;height:auto!important;font-size:28px!important;font-weight:400!important;line-height:1!important}.project-card img{object-position:center}