/*
Theme Name: Pixelent Estudio
Description: Diseño aprobado de Pixelent, con cuatro páginas y portfolio completo.
Version: 2.1.2
Author: Pixelent
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pixelent
*/

:root{--ink:#111110;--paper:#f5f5f0;--acid:#d9ff43;--muted:#777770}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1600px;margin:auto;padding-left:clamp(22px,4.3vw,72px);padding-right:clamp(22px,4.3vw,72px)}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30302c;background:var(--ink);color:#fff}.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.075em;font-size:2rem}.logo span{color:var(--acid)}nav{display:flex;gap:2.2rem;align-items:center;font-size:.9rem;font-weight:600}nav a:hover,footer a:hover{color:var(--acid)}.nav-contact{background:var(--acid);color:var(--ink);padding:13px 19px;border-radius:3px}.nav-contact:hover{color:var(--ink);background:#edff99}.hero{background:var(--ink);color:var(--paper);min-height:690px;display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(60px,9vw,136px);padding-bottom:34px}.eyebrow{font-size:.83rem;text-transform:uppercase;letter-spacing:.17em;font-weight:700}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(4rem,10vw,10.4rem);line-height:.91;letter-spacing:-.085em;max-width:1350px;margin:32px 0 40px;font-weight:600}.hero h1 em{font-style:normal;color:var(--acid)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;border-top:1px solid #4a4a45;padding-top:26px}.hero-bottom p{font-size:clamp(1.05rem,1.7vw,1.45rem);line-height:1.4;max-width:610px;margin:0}.round-link{display:inline-flex;align-items:center;gap:13px;font-weight:700;white-space:nowrap}.round-link b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--acid);color:var(--ink);font-size:1.3rem;font-weight:400}.ticker{overflow:hidden;background:var(--acid);padding:16px 0;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.03em;font-size:1.15rem}.ticker span{display:inline-block;min-width:100%;animation:slide 28s linear infinite}@keyframes slide{to{transform:translateX(-50%)}}section{scroll-margin-top:30px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:50px}.section-head h2,.about h2,.contact h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(3rem,6vw,6.2rem);line-height:1;letter-spacing:-.075em;margin:0;font-weight:600}.section-head p{max-width:380px;margin:8px 0 0;font-size:1.05rem;line-height:1.5}.work{padding-top:110px;padding-bottom:115px}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px}.project{display:block}.project:nth-child(2){margin-top:100px}.project:nth-child(3){grid-column:1/3;width:59%;margin-top:-20px}.project img{display:block;width:100%;height:clamp(320px,41vw,600px);object-fit:cover;background:#ddd}.project:nth-child(2) img{height:clamp(310px,34vw,510px)}.project:nth-child(3) img{height:clamp(310px,38vw,540px)}.project-meta{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #b3b3ab;padding-top:14px;margin-top:13px;gap:12px}.project-meta strong{font-size:1.14rem}.project-meta small{font-size:.8rem;color:#62625d;text-align:right}.all-work{margin-top:65px;display:inline-flex;border-bottom:2px solid;padding-bottom:8px;font-size:1.1rem;font-weight:700}.services{background:#e5e6df;padding-top:105px;padding-bottom:120px}.services .section-head{margin-bottom:70px}.service{display:grid;grid-template-columns:80px 1fr 1fr;gap:24px;border-top:1px solid #aaa9a1;padding:25px 0 38px;align-items:start}.service:last-child{border-bottom:1px solid #aaa9a1}.service .n{font-size:.85rem;font-weight:700}.service h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem,3.5vw,3.3rem);letter-spacing:-.055em;line-height:1.1;margin:0}.service p{max-width:430px;margin:0;font-size:1.05rem;line-height:1.6}.about{padding-top:130px;padding-bottom:145px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h2{max-width:650px}.about-content{padding-top:55px}.about-content p{font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.48;margin:0 0 25px}.about-content p+p{font-size:1.05rem;color:#484842}.contact{background:var(--acid);padding-top:105px;padding-bottom:100px}.contact h2{max-width:1100px;margin:25px 0 65px}.contact a.mail{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.6rem,4vw,4rem);letter-spacing:-.06em;border-bottom:3px solid;word-break:break-word}.contact a.mail:hover{opacity:.6}footer{background:var(--ink);color:#fff;padding-top:35px;padding-bottom:35px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.85rem}footer div{display:flex;gap:26px}footer .logo{font-size:1.5rem}@media(max-width:750px){header{height:72px}nav{gap:15px;font-size:.78rem}nav a:nth-child(2){display:none}.nav-contact{padding:10px}.hero{min-height:620px;padding-top:86px}.hero h1{font-size:clamp(3.8rem,14vw,7rem)}.hero-bottom{align-items:start;flex-direction:column}.section-head,.about{display:block}.section-head p{margin-top:25px}.work,.services,.about,.contact{padding-top:80px;padding-bottom:85px}.work-grid{display:block}.project,.project:nth-child(2),.project:nth-child(3){width:100%;margin:0 0 45px}.project img,.project:nth-child(2) img,.project:nth-child(3) img{height:auto;aspect-ratio:4/3;object-fit:cover}.service{grid-template-columns:35px 1fr;gap:15px}.service p{grid-column:2}.about-content{padding-top:35px}footer{flex-wrap:wrap}footer div{gap:14px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker span{animation:none}}

nav a[aria-current="page"]{color:var(--acid)}a:focus-visible{outline:3px solid #737b26;outline-offset:6px}.page-hero{min-height:540px;padding-top:85px}.page-hero h1{font-size:clamp(3.5rem,8.5vw,8.7rem);max-width:1150px}.page-hero .hero-bottom p{max-width:820px}.intro{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.intro h2,.process h2,.retainer h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.8rem,5vw,5rem);line-height:1.05;letter-spacing:-.065em;margin:0}.intro p{font-size:1.3rem;line-height:1.6;margin:0 0 25px}.intro p:last-child{margin-bottom:0}.principles{background:#e5e6df;padding-top:85px;padding-bottom:85px;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.principles article{border-top:1px solid #aaa9a1;padding-top:22px}.principles h3{font-size:1.7rem;letter-spacing:-.04em;margin:30px 0 15px}.principles p,.process p,.retainer p{font-size:1.08rem;line-height:1.6}.process{padding-top:100px;padding-bottom:110px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.steps article{border-top:1px solid #aaa9a1;padding-top:22px}.steps h3{font-size:1.35rem}.step-num{font-family:'Space Grotesk',sans-serif;font-size:2rem;color:#64645c}.portfolio .project img{object-fit:contain;background:#e5e6df;height:auto;max-height:none;aspect-ratio:auto}.portfolio .project:nth-child(3){margin-top:25px}.project-caption{font-size:1.05rem;line-height:1.6;max-width:570px;color:#484842}.service-detail{display:grid;grid-template-columns:80px 1fr 1fr;gap:24px;padding:45px 0 55px;border-top:1px solid #aaa9a1}.service-detail h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,3.6vw,3.8rem);line-height:1.06;letter-spacing:-.06em;margin:0 0 24px}.service-detail p{font-size:1.1rem;line-height:1.6;margin:0 0 22px}.deliverables{list-style:none;padding:0;margin:0}.deliverables li{padding:12px 0;border-top:1px solid #c3c4bb;font-size:1rem;line-height:1.5}.services-page{padding-top:85px;padding-bottom:60px;background:#e5e6df}.retainer{padding-top:100px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.hours{display:flex;gap:20px;margin:30px 0}.hours span{display:block;border:1px solid #aaa9a1;padding:22px;flex:1}.hours strong{font-family:'Space Grotesk',sans-serif;display:block;font-size:3rem;letter-spacing:-.06em}.fine{color:#595952;font-size:1rem!important}.inline-link{display:inline-block;border-bottom:2px solid;padding-bottom:8px;margin-top:18px;font-weight:700}.eyebrow{font-size:.875rem}.project-meta small{font-size:.875rem}nav{flex-wrap:wrap}.home-more{margin-top:30px}.about .inline-link{font-size:1.05rem}@media(max-width:750px){header{height:auto;min-height:100px;gap:15px;flex-wrap:wrap;padding-top:17px;padding-bottom:17px}nav{width:100%;justify-content:space-between;gap:10px;font-size:.875rem}nav a:nth-child(2){display:inline}.nav-contact{padding:9px}.page-hero{min-height:510px;padding-top:55px}.page-hero h1{font-size:clamp(3.25rem,12.5vw,6rem);letter-spacing:-.07em;line-height:1}.intro,.retainer{display:block;padding-top:65px;padding-bottom:65px}.intro h2,.retainer h2{margin-bottom:35px}.principles,.steps{grid-template-columns:1fr;gap:28px}.principles{padding-top:65px;padding-bottom:65px}.principles h3{margin-top:18px}.steps{margin-top:40px}.process{padding-top:65px;padding-bottom:65px}.service-detail{grid-template-columns:30px 1fr;gap:15px;padding:30px 0}.service-detail>div:last-child{grid-column:2}.service-detail h2{margin-bottom:5px}.portfolio .project:nth-child(3){width:100%}.project-meta{flex-wrap:wrap}.project-meta small{text-align:left}.services-page{padding-top:45px}.hero-bottom{gap:25px}}

.portfolio-head{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:40px}.portfolio-head p{font-size:1.05rem;line-height:1.6;max-width:600px;margin:0}.portfolio-count{font-size:.875rem;white-space:nowrap}.complete-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}.portfolio-card{display:block;width:100%;min-width:0;padding:0;text-align:left;border:0;background:none;color:inherit;cursor:pointer;font:inherit}.portfolio-image{position:relative;background:#e5e6df;overflow:hidden;aspect-ratio:1/1}.portfolio-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-card .project-meta{align-items:start}.portfolio-card strong{font-weight:600;line-height:1.4}.video-label{position:absolute;bottom:14px;left:14px;background:var(--ink);color:var(--acid);padding:8px 12px;font-size:.875rem}.portfolio-card:focus-visible{outline:3px solid #737b26;outline-offset:7px}.portfolio-dialog{background:var(--ink);color:var(--paper);width:min(1400px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #53534a;overscroll-behavior:contain}.portfolio-dialog::backdrop{background:rgba(0,0,0,.85)}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;border-bottom:1px solid #45453f}.viewer-header h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.1rem,2vw,1.6rem);margin:0;letter-spacing:-.035em}.viewer-close,.viewer-nav button{min-width:46px;min-height:46px;border:1px solid #66665d;background:none;color:var(--paper);cursor:pointer;padding:10px 16px}.viewer-close:hover,.viewer-nav button:hover{background:var(--acid);color:var(--ink)}.viewer-media{height:min(68dvh,800px);display:flex;align-items:center;justify-content:center;background:#191918}.viewer-media img,.viewer-media video{max-width:100%;max-height:100%;object-fit:contain;display:block}.viewer-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 25px}.viewer-nav button:disabled{opacity:.35;cursor:default}.viewer-nav button:disabled:hover{background:none;color:var(--paper)}.viewer-count{font-size:.9rem}body.viewer-open{overflow:hidden}@media(max-width:1000px){.complete-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.complete-grid{grid-template-columns:1fr;gap:30px}.portfolio-head{display:block}.portfolio-count{display:block;margin-top:20px}.viewer-header,.viewer-nav{padding:14px}.viewer-media{height:62dvh}.viewer-nav button{padding:10px}.portfolio-dialog{width:96vw}.portfolio-image{aspect-ratio:1/1}}@media(prefers-reduced-motion:reduce){.portfolio-image img{transition:none}}

.elementor .elementor-element{--widgets-spacing:0px}.elementor-widget-pixelent-block{margin:0!important}.elementor-widget-container{overflow:visible}.px-content>.elementor{width:100%}.px-content .e-con{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px}.px-fallback{padding-top:70px;padding-bottom:70px}body.admin-bar .portfolio-dialog{margin-top:40px}

.px-live-stage{height:78dvh}.px-live-stage iframe{display:block;width:100%;height:100%;border:0;background:var(--paper)}.px-project-content{padding:45px clamp(20px,4vw,60px);max-width:1200px;margin:auto}.px-project-content h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:1.1;letter-spacing:-.05em}.px-project-content img,.px-project-content video{max-width:100%;height:auto}.px-project-content iframe{max-width:100%}.px-project-embed #wpadminbar{display:none}.px-project-full{display:block;margin:auto}.px-no-cover{display:grid;place-items:center;height:100%;padding:30px;font-size:1.4rem}.px-project-content .wp-video{max-width:100%}

/* Keep WordPress/Elementor responsive image rules from collapsing square covers. */
body .complete-grid .portfolio-card .portfolio-image{position:relative;aspect-ratio:1 / 1;overflow:hidden;}
body .complete-grid .portfolio-card .portfolio-image > img{position:absolute!important;inset:0;display:block!important;width:100%!important;height:100%!important;min-height:100%;max-width:none!important;max-height:none!important;object-fit:cover!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;}

/* Namespaced continuous ticker: no dependency on Elementor's slide keyframes. */
body .ticker .px-ticker-track{display:flex!important;width:max-content!important;max-width:none!important;animation:px-pixelent-marquee 24s linear infinite!important;animation-play-state:running!important;will-change:transform;}
body .ticker .px-ticker-group{display:flex!important;flex:0 0 auto!important;align-items:center;justify-content:space-around;gap:28px;min-width:100vw;padding:0 14px;white-space:nowrap;animation:none!important;}
body .ticker .px-ticker-group b{font-weight:inherit;}
@keyframes px-pixelent-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}