/* Page-specific art direction. Shared SEO content remains in the HTML; only its
   visual narrative changes per service. */

/* DESIGN WEB — light editorial studio */
body.page-design{--bg:#eeeae2;--surface:#f8f5ee;--surface-2:#ded9ce;--ink:#111;--muted:#5c5a55;--line:#1112;background:var(--bg);color:var(--ink)}
.page-design .page-header{background:#111e;color:#fff;border-color:#fff2}
.page-design .crumbs{color:#666}
.page-design .page-hero{min-height:760px;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:5vw;padding-top:72px}
.page-design .hero-visual,.page-development .hero-visual,.page-ads .hero-visual{margin:0}
.page-design .page-hero h1{font-size:clamp(4.4rem,8vw,8.2rem);line-height:.86}
.page-design .page-hero .lead{max-width:650px;color:#4d4b47;font-size:1.04rem;columns:2;column-gap:28px}
.page-design .hero-visual{width:100%;aspect-ratio:16/12;border-radius:52% 52% 22px 22px;background:#e23835;transform:rotate(1.4deg);box-shadow:20px 24px 0 #111}
.page-design .hero-visual:before{inset:14px;border-color:#fff8}
.page-design .hero-note{left:18px;right:auto;background:#dcf66a;color:#111;transform:rotate(-2deg)}
.page-design .proof-strip{margin:0 auto 90px;width:var(--shell);border:0;background:transparent}
.page-design .proof-grid{gap:12px}
.page-design .proof-item{min-height:170px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #1112;border-radius:22px;background:#111;color:#fff}
.page-design .proof-item:nth-child(2){background:#e23835}.page-design .proof-item:nth-child(3){background:#dcf66a;color:#111}
.page-design .proof-item strong{font-size:4.4rem}.page-design .proof-item span{color:inherit}
.page-design .content-layout{display:block;padding-top:25px}.page-design .content-main{max-width:none;display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.page-design .content-main>p{grid-column:2/span 8;margin:0 0 60px;font:600 clamp(1.55rem,2.4vw,2.5rem)/1.35 "Funnel Display";letter-spacing:-.025em;color:#222}
.page-design .content-main section{grid-column:span 6;margin:0;padding:40px;border:1px solid #1112;border-radius:28px;background:#f8f5ee}
.page-design .content-main section:nth-of-type(2){grid-column:span 5;background:#111;color:#fff;transform:translateY(70px)}
.page-design .content-main section:nth-of-type(3){grid-column:2/span 7;margin-top:88px;background:#dcf66a}
.page-design .content-main section:nth-of-type(4){grid-column:9/span 4;margin-top:88px;background:#e23835;color:#fff}
.page-design .content-main h2{font-size:clamp(2.25rem,4vw,4.4rem)}
.page-design .content-main p{color:inherit;opacity:.76}.page-design .content-main li{border-color:currentColor}.page-design .content-main li:before{color:#e23835}
.page-design .content-side{display:none}
.page-design .geo-section{margin-top:90px;padding:90px 0}.page-design .geo-card{background:#fff;color:#111;border-color:#1112}.page-design .geo-card:nth-child(2),.page-design .geo-card:nth-child(5){background:#111;color:#fff}
.page-design .faq-block{background:#111;color:#fff}.page-design .faq-list details{border-color:#fff2}

/* DEVELOPMENT WEB — technical bento system */
body.page-development{--bg:#07130f;--surface:#0d2019;--surface-2:#123326;--ink:#f4fff7;--muted:#9bb4a7;--line:#baffd126;--lime:#73ff9f;background:radial-gradient(circle at 80% 8%,#134b32 0,transparent 34%),var(--bg)}
.page-development .page-header{background:#07130fe8;border-color:#86ffad38}
.page-development .page-hero{position:relative;min-height:800px;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:end;padding-top:95px}
.page-development .page-hero:before{content:"01  DISCOVER  /  02  ARCHITECT  /  03  BUILD  /  04  EVOLVE";position:absolute;top:52px;right:0;color:#73ff9f;font:700 .66rem/1 "Manrope";letter-spacing:.16em}
.page-development .page-hero h1{font-size:clamp(4rem,7.3vw,7.7rem);line-height:.88}
.page-development .page-hero .lead{max-width:690px;border-left:1px solid var(--lime);padding-left:25px;color:#b9d0c3;font-size:1.02rem}
.page-development .hero-visual{width:100%;aspect-ratio:4/5;border:1px solid #73ff9f55;border-radius:20px;background:#0a1a13;clip-path:polygon(0 9%,12% 0,100% 0,100% 91%,88% 100%,0 100%)}
.page-development .hero-visual:before{border-radius:10px;border-color:#73ff9f55}.page-development .hero-visual img{filter:saturate(.65) contrast(1.1)}
.page-development .hero-note{background:#73ff9f;color:#07130f;border-radius:5px}
.page-development .proof-strip{border:0;background:transparent}.page-development .proof-grid{gap:1px;background:#73ff9f33;border:1px solid #73ff9f33}
.page-development .proof-item{background:#0b1c15;border:0}.page-development .proof-item strong{font-family:"Manrope";font-weight:500;color:#73ff9f}
.page-development .content-layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding-top:80px}
.page-development .content-main{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.page-development .content-main>p{grid-column:1/-1;padding:34px;border:1px solid #73ff9f33;border-radius:14px;background:#0b1c15;color:#d7e8de;font-size:1.2rem}
.page-development .content-main section{margin:0;padding:32px;border:1px solid #73ff9f26;border-radius:14px;background:#0d2019}
.page-development .content-main section:first-of-type{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.page-development .content-main section:first-of-type h2{grid-column:1/-1}
.page-development .content-main section:nth-of-type(3){background:#73ff9f;color:#07130f}.page-development .content-main section:nth-of-type(3) p{color:#173627}.page-development .content-main section:nth-of-type(3) li{border-color:#07130f2b}.page-development .content-main section:nth-of-type(3) li:before{color:#07130f}
.page-development .content-main h2{font-size:clamp(2.2rem,3.6vw,4rem)}
.page-development .sticky-card{border:1px solid #73ff9f;background:#07130f;color:#fff;border-radius:14px}.page-development .sticky-card .button{background:#73ff9f;color:#07130f}
.page-development .geo-grid{display:flex;gap:0;overflow-x:auto}.page-development .geo-card{flex:0 0 280px;border-radius:0;border-color:#73ff9f26;background:#0d2019}.page-development .geo-card:nth-child(2),.page-development .geo-card:nth-child(5){background:#73ff9f;color:#07130f}
.page-development .faq-block{background:#0b1c15}

/* GOOGLE ADS — performance dashboard */
body.page-ads{--bg:#11100f;--surface:#1b1916;--surface-2:#24211d;--ink:#fffaf2;--muted:#b8b0a3;--line:#ffdd9a24;--lime:#ffd43b;background:var(--bg)}
.page-ads .page-header{background:#11100feb;border-color:#ffd43b3d}.page-ads .page-contact{background:#ffd43b;color:#111}
.page-ads .page-hero{min-height:790px;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);padding-top:80px}
.page-ads .page-hero h1{font-size:clamp(4rem,8vw,8rem);line-height:.86}.page-ads .page-hero h1:after{content:"↗";display:inline-grid;place-items:center;width:.68em;height:.68em;margin-left:.12em;border-radius:50%;background:#ffd43b;color:#111;font-size:.5em;vertical-align:.18em}
.page-ads .page-hero .lead{max-width:720px;color:#d1c7b8;font-size:1.08rem}
.page-ads .hero-visual{width:min(100%,520px);aspect-ratio:1;border-radius:50%;border:1px solid #ffd43b66;background:#ffd43b;box-shadow:0 0 0 26px #ffd43b0d,0 0 0 52px #ffd43b08}
.page-ads .hero-visual:before{border-radius:50%;border-color:#1116}.page-ads .hero-visual img{filter:saturate(.7) contrast(1.08)}
.page-ads .hero-note{right:50%;bottom:-18px;transform:translateX(50%);max-width:none;white-space:nowrap;background:#fff;color:#111}
.page-ads .proof-strip{border:0;background:#ffd43b;color:#111}.page-ads .proof-item{border-color:#1113}.page-ads .proof-item strong{font:800 3.5rem/1 "Manrope"}.page-ads .proof-item span{color:#111b}
.page-ads .content-layout{grid-template-columns:minmax(0,1fr) 320px;gap:50px}
.page-ads .content-main{max-width:none;counter-reset:ads-section}.page-ads .content-main>p{padding:28px 0 55px;font-size:1.35rem;color:#fff;border-bottom:1px solid #ffd43b44}
.page-ads .content-main section{counter-increment:ads-section;position:relative;padding:52px 32px 52px 108px;margin:0;border-bottom:1px solid #ffd43b33}
.page-ads .content-main section:before{content:"0" counter(ads-section);position:absolute;left:0;top:53px;width:72px;height:72px;display:grid;place-items:center;border:1px solid #ffd43b;border-radius:50%;color:#ffd43b;font-weight:800}
.page-ads .content-main h2{font-size:clamp(2.4rem,4.2vw,4.6rem)}.page-ads .content-main li:before{color:#ffd43b}
.page-ads .sticky-card{background:#ffd43b;border-radius:50% 50% 18px 18px;padding:42px 28px}.page-ads .sticky-card .button{background:#111;color:#fff}
.page-ads .geo-card{min-height:210px;border-radius:12px;background:#1b1916}.page-ads .geo-card:nth-child(2),.page-ads .geo-card:nth-child(5){background:#ffd43b;color:#111}.page-ads .faq-block{background:#1b1916}

/* RESOURCES — restrained, useful editorial index */
body.page-resources{--radius:22px}
.page-resources .resources-hero{padding:80px 0 46px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:60px;align-items:end;border-bottom:1px solid var(--line)}
.page-resources .resources-hero .eyebrow{grid-column:1/-1;margin-bottom:-24px}.page-resources .resources-hero h1{font-size:clamp(3.6rem,7vw,7rem);line-height:.9}.page-resources .resources-hero>p:last-child{margin:0;font-size:1rem;line-height:1.65}
.page-resources .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:40px}
.page-resources .resource-card,.page-resources .resource-card:first-child{grid-column:auto;min-height:460px;border-radius:22px;border:1px solid var(--line)}
.page-resources .resource-card:first-child{grid-column:span 2;min-height:520px}.page-resources .resource-card:nth-child(4n+2){transform:translateY(22px)}
.page-resources .resource-card-content{padding:26px}.page-resources .resource-card small{font-size:.64rem}.page-resources .resource-card h2{margin:10px 0 14px;font:700 clamp(1.45rem,2.2vw,2.35rem)/1.05 "Funnel Display";letter-spacing:-.035em}
.page-resources .resource-card:first-child h2{font-size:clamp(2rem,3.2vw,3.6rem)}.page-resources .resource-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.88rem;line-height:1.6}.page-resources .resource-card .read-more{font-size:.82rem}
.page-resources .page-cta h2{font-size:clamp(2.8rem,5vw,5rem)}

/* Article pages are part of Recursos: readable titles and comfortable measure. */
body.page-article .article-hero{padding-top:70px}.page-article .article-hero h1{max-width:1040px;font-size:clamp(2.8rem,5.6vw,5.8rem);line-height:.96}.page-article .article-cover{height:min(56vw,620px)}

@media(max-width:980px){
  .page-design .page-hero,.page-development .page-hero,.page-ads .page-hero{grid-template-columns:1fr;align-items:center}
  .page-design .page-hero .lead{columns:1}.page-design .hero-visual{transform:none;box-shadow:10px 12px 0 #111}
  .page-design .content-main{display:block}.page-design .content-main>p,.page-design .content-main section{margin-bottom:16px}.page-design .content-main section:nth-of-type(2),.page-design .content-main section:nth-of-type(3),.page-design .content-main section:nth-of-type(4){transform:none;margin-top:0}
  .page-development .content-main{grid-template-columns:1fr}.page-development .content-main section:first-of-type{display:block}.page-development .content-main section{grid-column:auto!important}
  .page-ads .hero-note{bottom:14px}.page-ads .content-main section{padding-left:0;padding-top:110px}.page-ads .content-main section:before{top:25px}
  .page-resources .resources-hero{grid-template-columns:1fr;gap:24px}.page-resources .resources-hero .eyebrow{margin-bottom:0}.page-resources .resource-grid{grid-template-columns:repeat(2,1fr)}.page-resources .resource-card:first-child{grid-column:1/-1}.page-resources .resource-card:nth-child(4n+2){transform:none}
}
@media(max-width:600px){
  .page-design .page-hero h1,.page-development .page-hero h1,.page-ads .page-hero h1{font-size:clamp(3.2rem,15vw,5rem)}
  .page-design .content-main section,.page-development .content-main section{padding:25px}.page-design .proof-item{min-height:135px}.page-design .proof-item strong{font-size:3.3rem}
  .page-development .page-hero:before{display:none}.page-ads .hero-note{white-space:normal}
  .page-resources .resources-hero{padding-top:58px}.page-resources .resources-hero h1{font-size:clamp(3.2rem,15vw,4.8rem)}.page-resources .resource-grid{grid-template-columns:1fr}.page-resources .resource-card:first-child{grid-column:auto}.page-resources .resource-card,.page-resources .resource-card:first-child{min-height:430px}.page-resources .resource-card h2,.page-resources .resource-card:first-child h2{font-size:clamp(1.55rem,8vw,2.2rem)}
  .page-article .article-hero h1{font-size:clamp(2.55rem,11vw,4.2rem)}.page-article .article-cover{height:70vw;min-height:300px}
}