/*
Theme Name: Kodificar Studio
Theme URI: https://kodificar.com/
Author: Kodificar
Description: Tema personalizado para Kodificar, diseño editorial y tecnológico.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kodificar-studio
*/
:root{--ink:#101412;--cream:#f4f3ed;--lime:#d5fb57;--muted:#a3aaa2;--line:#363b36;--edge:clamp(22px,5.3vw,94px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font:16px/1.55 'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.nav,.eyebrow,.btn,.stat{font-family:'Space Grotesk',sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}::selection{background:var(--lime);color:var(--ink)}.site-header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--edge);position:relative;z-index:10;background:var(--ink)}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-1.3px;font-size:27px}.brand img{width:39px;height:39px}.brand span span{color:var(--lime)}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav a:not(.nav-contact):hover{color:var(--lime)}.nav-contact{border:1px solid #636b60;padding:12px 20px;border-radius:2px;transition:.2s}.nav-contact:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.menu-button{display:none;background:transparent;color:var(--cream);border:1px solid var(--line);padding:8px 12px;border-radius:3px}.hero{position:relative;min-height:700px;overflow:hidden;padding:100px var(--edge) 78px;display:grid;grid-template-columns:1.13fr .87fr;gap:35px;align-items:center}.hero::before{content:"";position:absolute;width:690px;height:690px;right:-200px;top:0;border:1px solid #283029;border-radius:50%;pointer-events:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.3px;text-transform:uppercase;display:flex;align-items:center;gap:13px}.eyebrow .square{width:9px;height:9px;background:var(--lime)}.hero h1{font-size:clamp(62px,7.3vw,126px);letter-spacing:-.09em;line-height:.98;font-weight:600;margin:31px 0 30px;max-width:860px}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy{max-width:480px;color:#b5bcb3;font-size:17px;line-height:1.75;margin-bottom:36px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-height:57px;background:var(--lime);color:#101412;padding:0 22px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:#e6ff94}.btn.outline{background:transparent;color:var(--cream);border:1px solid #777d74}.btn.outline:hover{color:var(--lime);border-color:var(--lime)}.hero-foot{margin-top:55px;display:flex;gap:30px;color:#98a098;align-items:center;font-size:12px}.hero-foot strong{font-weight:500;color:#e3e6dc}.hero-art{position:relative;height:480px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #374039;border-radius:50%;width:min(37vw,480px);height:min(37vw,480px)}.orbit.two{width:min(27vw,345px);height:min(27vw,345px)}.orbit.three{width:min(17vw,210px);height:min(17vw,210px)}.art-core{background:var(--lime);width:145px;height:145px;border-radius:22px;display:grid;place-items:center;transform:rotate(-13deg);box-shadow:0 28px 95px #c8ff4722;z-index:2}.art-core svg{transform:rotate(13deg);width:85px}.floating{position:absolute;z-index:3;background:#242a25;border:1px solid #4a544b;box-shadow:0 20px 50px #0004;padding:13px 18px;font-family:'Space Grotesk',sans-serif;font-size:13px}.floating.one{top:13%;left:3%;transform:rotate(-7deg)}.floating.two{right:0;bottom:17%;transform:rotate(6deg)}.floating .dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--lime);margin-right:8px}.ticker{background:var(--lime);color:var(--ink);overflow:hidden;border-top:1px solid var(--lime);border-bottom:1px solid var(--lime)}.ticker-inner{white-space:nowrap;display:flex;gap:36px;width:max-content;animation:scroll 35s linear infinite;padding:15px 0;font-family:'Space Grotesk';font-weight:700;font-size:13px;letter-spacing:1px}.ticker-inner b{font-size:17px}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:112px var(--edge)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:50px}.section-head h2{font-size:clamp(42px,5.6vw,80px);line-height:1.03;letter-spacing:-.075em;font-weight:600;margin:20px 0 0;max-width:800px}.section-head p{max-width:280px;color:#72776f;font-size:14px}.light{background:var(--cream);color:var(--ink)}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d0d0c8;border:1px solid #d0d0c8}.service{background:var(--cream);padding:40px;min-height:300px;position:relative;transition:background .2s}.service:hover{background:#eaeede}.service-top{display:flex;justify-content:space-between;align-items:center;color:#6f776c;font:600 12px 'Space Grotesk'}.service-icon{font-size:33px;color:var(--ink);font-family:'Space Grotesk';letter-spacing:-3px}.service h3{font-size:clamp(25px,2.8vw,38px);letter-spacing:-1.8px;margin:58px 0 12px;line-height:1.1}.service p{color:#646c62;font-size:14px;max-width:390px;margin:0}.manifesto{background:#d5fb57;color:var(--ink);padding:90px var(--edge);display:grid;grid-template-columns:.5fr 1.5fr;gap:40px}.manifesto h2{font-size:clamp(37px,5.8vw,84px);line-height:1.05;letter-spacing:-.075em;font-weight:600;margin:0}.manifesto .eyebrow{margin-top:8px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{border-top:1px solid #646b60;padding-top:20px}.step-num{font:500 50px 'Space Grotesk';letter-spacing:-3px;color:var(--lime)}.step h3{font-size:24px;margin-top:30px;letter-spacing:-1px}.step p{color:#a3aaa2;font-size:14px;max-width:340px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-visual{aspect-ratio:1.15;background:#252c25;display:grid;place-items:center;overflow:hidden;position:relative;border:1px solid #434b41}.about-visual:before,.about-visual:after{content:"";position:absolute;border:1px solid #4d5b4b;border-radius:50%;width:70%;aspect-ratio:1}.about-visual:after{width:100%}.about-visual strong{z-index:1;font:600 clamp(65px,10vw,155px) 'Space Grotesk';letter-spacing:-.13em;color:var(--lime);transform:rotate(-9deg)}.about h2{font-size:clamp(40px,5vw,73px);line-height:1.08;letter-spacing:-.07em}.about p{color:#b4b9b2;line-height:1.8;max-width:530px}.about .eyebrow{color:var(--lime)}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.tags span{border:1px solid #596059;padding:8px 13px;font-size:12px;color:#d4d9d1}.contact{background:var(--cream);color:var(--ink)}.contact-panel{display:grid;grid-template-columns:1.15fr .85fr;border-top:1px solid #bfc3b7;padding-top:50px;gap:40px}.contact h2{font-size:clamp(54px,7.5vw,115px);line-height:.99;letter-spacing:-.08em;margin:15px 0 33px}.contact h2 em{font-style:normal;color:#7d9670}.contact p{max-width:500px;color:#666e62}.contact-box{align-self:center;padding:34px;background:#e6e9db;border:1px solid #cfd5c6}.contact-box h3{font-size:24px;letter-spacing:-1px}.contact-box p{font-size:14px}.contact-box .btn{width:100%;margin-top:14px}.contact-box small{display:block;color:#687063;margin-top:18px}.footer{padding:24px var(--edge);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d3d7cc;background:var(--cream);color:var(--ink);font-size:12px}.footer .brand{font-size:20px}.footer .brand img{width:27px;height:27px}.footer a:hover{color:#628c1b}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:unset;padding-top:77px}.hero-art{height:360px}.orbit{width:340px;height:340px}.orbit.two{width:250px;height:250px}.orbit.three{width:160px;height:160px}.manifesto{grid-template-columns:1fr}.section{padding:80px var(--edge)}.about{gap:5%}}@media(max-width:650px){.site-header{height:72px}.brand{font-size:23px}.brand img{width:33px;height:33px}.menu-button{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#191f1a;padding:22px var(--edge) 28px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav-contact{text-align:center}.hero{padding-top:64px;padding-bottom:42px;gap:0}.hero h1{font-size:clamp(57px,13vw,86px)}.hero-copy{font-size:15px}.hero-foot{margin-top:32px;gap:12px;flex-wrap:wrap}.hero-art{height:320px}.floating{font-size:11px}.floating.one{left:0}.floating.two{right:0}.section-head{display:block}.section-head p{margin-top:20px}.services,.process,.about,.contact-panel{grid-template-columns:1fr}.service{min-height:250px;padding:28px}.service h3{margin-top:45px}.process{gap:32px}.about-visual{margin-bottom:30px}.manifesto{padding:70px var(--edge)}.footer{gap:20px;flex-wrap:wrap}.contact-box{padding:25px}.section{padding:75px var(--edge)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
