/* SDKNG R11: composición editorial por servicio y selección independiente. */
body[data-page="web"]{--service-selection-bg:#203a91;--service-selection-ink:#fff}
body[data-page="marketing"]{--service-selection-bg:#70232f;--service-selection-ink:#ffe0eb}
body[data-page="ads"]{--service-selection-bg:#493145;--service-selection-ink:#fff3e8}
body[data-page="social"]{--service-selection-bg:#26483b;--service-selection-ink:#f5f8ec}
body[data-page="tech"]{--service-selection-bg:#7de0ef;--service-selection-ink:#090f19}
/* Mayor especificidad que cualquier identidad general, incluido su footer. */
html[data-page] body[data-page]:is([data-page="web"],[data-page="marketing"],[data-page="ads"],[data-page="social"],[data-page="tech"])::selection,
html[data-page] body[data-page]:is([data-page="web"],[data-page="marketing"],[data-page="ads"],[data-page="social"],[data-page="tech"]) *::selection{background:var(--service-selection-bg);color:var(--service-selection-ink);text-shadow:none}

.service-page .capability-grid{gap:24px}
.service-page .capability-grid>article{padding:27px 25px 30px;border:1px solid var(--section-line);border-radius:3px 20px 3px 3px;position:relative;background:color-mix(in srgb,var(--section-bg) 85%,#fff 15%)}
.service-page .capability-grid>article:nth-child(3n+2){background:color-mix(in srgb,var(--section-bg) 82%,var(--section-accent) 18%)}
.service-page .capability-grid>article::after{content:"↗";position:absolute;top:22px;right:24px;font-size:1.5rem;opacity:.45;pointer-events:none}
.service-page .capability-grid .service-number{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--section-line);border-radius:50%;font-size:.75rem}
.service-page .capability-grid h3{font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.2;margin-top:22px}

.service-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:50px;padding:48px;margin:70px 0 76px;border-radius:5px 48px 5px 5px;background:color-mix(in srgb,var(--section-bg) 70%,var(--section-accent) 30%);border:1px solid var(--section-line);position:relative;isolation:isolate}
.showcase-copy{min-width:0;position:relative;z-index:1}
.showcase-copy>.eyebrow{font-size:.6875rem;line-height:1.7;letter-spacing:.08em;max-width:30em}
.showcase-copy>h2{font:600 clamp(2rem,3.1vw,3.1rem)/1.1 var(--section-font);letter-spacing:-.045em;margin:20px 0 23px}
.showcase-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;max-width:36em}
.showcase-points{list-style:none;margin:29px 0 0;padding:0}
.showcase-points li{display:flex;align-items:center;gap:13px;margin:12px 0;font-size:.875rem;line-height:1.6;font-weight:650}
.showcase-points li>span{font-size:.6875rem;font-weight:500;border:1px solid var(--section-line);padding:4px 7px;border-radius:4px}
.showcase-art{position:relative;min-width:0;min-height:360px;display:grid;align-items:center;user-select:none}
.showcase-art::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(currentColor .7px,transparent .9px);background-size:16px 16px;opacity:.12;pointer-events:none;mask-image:linear-gradient(120deg,transparent,#000 35%,#000 70%,transparent)}

/* Diseño web: una composición de edición y vista previa. */
.showcase-web{background:#e0e9fc}
.studio-window{background:#f9fbff;border:1px solid #9aadcf;border-radius:12px;box-shadow:10px 12px 0 #bfcee9;transform:rotate(-2deg);position:relative;margin:10px 8px 15px 0}
.studio-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;border-bottom:1px solid #ccd6ea;font-size:.625rem;font-weight:700}
.studio-dots{font-size:.6rem;color:#7992c7;letter-spacing:2px}
.studio-editor{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;padding:23px 19px 30px;align-items:center}
.studio-small-label{display:block;font-size:.5625rem;letter-spacing:.12em;margin-bottom:17px}
.studio-field{display:block;border:1px solid #c6d1e8;background:#fff;border-radius:5px;padding:10px;margin:10px 0}
.studio-field small{display:block;font-size:.5625rem;margin-bottom:8px;color:#4c618f}.studio-field b{font-size:.75rem}
.studio-field i{display:block;height:4px;background:#b8c8e7;margin:8px 0;width:95%}.studio-field i:last-child{width:60%}
.studio-colors{display:flex;gap:6px;margin:20px 0 0}.studio-colors i{width:19px;height:19px;border-radius:50%;background:#203a91}.studio-colors i:nth-child(2){background:#d8ef9b}.studio-colors i:nth-child(3){background:#b9ccef}
.studio-page-preview{background:#203a91;color:#fff;border-radius:3px 20px 3px 3px;padding:20px 17px;min-height:222px}
.studio-page-preview>span:first-child{font-size:.5rem;letter-spacing:.07em;display:block}.studio-page-preview>strong{font:650 clamp(1rem,2vw,1.6rem)/1.12 Saira,sans-serif;display:block;margin-top:17px}
.studio-page-shape{height:78px;display:flex;align-items:flex-end;margin-top:24px}.studio-page-shape i{display:block;background:#d8ef9b;width:33.33%;height:45%;border-radius:35px 35px 0 0}.studio-page-shape i:nth-child(2){height:100%;background:#a9c4ed}.studio-page-shape i:nth-child(3){height:72%;background:#f5f9eb}
.studio-preview-line{display:block;width:60%;height:4px;margin-top:20px;background:#9db9ee}
.studio-window-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;font-size:.5625rem;border-top:1px solid #ccd6ea}.studio-window-foot b{display:inline-grid;place-items:center;width:19px;height:19px;background:#d8ef9b;border-radius:50%}
.studio-floating-mark{position:absolute;bottom:4px;right:-7px;display:grid;place-items:center;font:normal 3.5rem/1 Arial;width:77px;height:77px;border-radius:50%;background:#d8ef9b;color:#203a91;border:1px solid #a9bd7d;transform:rotate(12deg)}

/* Marketing: tablero editorial, tipografía y color. */
.showcase-marketing{background:#f9cbdb}
.brand-board{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:240px 66px;gap:17px;transform:rotate(-3deg);padding:14px}
.brand-note{background:#76283c;color:#fff1e7;padding:24px;grid-row:1/3;position:relative;box-shadow:7px 7px 0 #ca8c9e}
.brand-note>span:first-child,.brand-type>span{font-size:.5rem;letter-spacing:.08em;display:block}
.brand-note>strong{display:block;font:700 clamp(1.9rem,3vw,2.8rem)/1.05 Syne,sans-serif;letter-spacing:-.04em;margin-top:30px}.brand-note em{font-style:normal;color:#f5b7cd}
.brand-note-arrow{position:absolute;bottom:17px;right:23px;font-size:2rem}
.brand-type{background:#fff1e7;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border-radius:0 50px 0 0;transform:rotate(6deg)}
.brand-type>b{font:600 5.8rem/1 Syne,sans-serif;letter-spacing:-.09em}
.brand-swatches{display:flex;gap:5px;margin-top:4px}.brand-swatches i{flex:1;background:#76283c;border-radius:2px}.brand-swatches i:nth-child(2){background:#a3455a}.brand-swatches i:nth-child(3){background:#d88c9f}.brand-swatches i:nth-child(4){background:#fff1e7}
.brand-stamp{position:absolute;bottom:-7px;left:43%;width:98px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:50%;border:1px solid #76283c;background:#ffcda4;transform:rotate(11deg)}
.brand-stamp span{font-size:.45rem;letter-spacing:.1em}.brand-stamp b{font:normal 2.6rem/1 Arial}

/* Publicidad: recorrido conceptual, sin cifras ni resultados inventados. */
.showcase-ads{background:#f7dfcf}
.campaign-map{position:relative;height:365px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:5px 15px}
.campaign-orbits{position:absolute;inset:35px 5px 25px 70px;display:grid;place-items:center}.campaign-orbits>i{position:absolute;aspect-ratio:1;width:82%;max-width:280px;border:1px solid #c98562;border-radius:50%}.campaign-orbits>i:nth-child(2){width:57%;max-width:190px}.campaign-orbits>i:nth-child(3){width:29%;max-width:96px}.campaign-orbits>b{font-size:5rem;font-weight:400;color:#b95833;opacity:.5}
.campaign-step{position:relative;background:#fff7ed;border:1px solid #bca496;border-radius:4px;padding:17px 21px;min-width:200px;box-shadow:5px 6px 0 #dec0af;transform:rotate(-3deg)}
.campaign-step>span{font-size:.5625rem;letter-spacing:.08em;display:block;margin-bottom:10px}.campaign-step>strong{font:600 1.35rem/1.15 Outfit,sans-serif;display:block}.campaign-step:nth-child(3){align-self:flex-end;transform:rotate(4deg);background:#ecdfef}.campaign-step:nth-child(4){margin-left:25%;background:#493145;color:#fff3e8;transform:rotate(-3deg)}.campaign-step>b{position:absolute;bottom:12px;right:15px;font-size:1.5rem}

/* Redes: tres formatos de una misma idea. */
.showcase-social{background:#f1ebdf;border-radius:48px 5px 5px 5px}
.content-composition{height:370px;position:relative}
.content-poster{position:absolute;left:0;top:31px;width:57%;height:282px;background:#26483b;color:#eef1dd;border:1px solid #26483b;padding:24px;transform:rotate(-5deg);box-shadow:5px 7px 0 #bfcaad}
.content-poster>span:first-child,.content-video>span:last-child,.content-story>span{font-size:.5625rem;letter-spacing:.1em;display:block}.content-poster>b{font:500 clamp(2.2rem,3.5vw,3.3rem)/.97 Fraunces,serif;display:block;margin-top:20px;letter-spacing:-.05em}.content-poster em{color:#f6b299;font-weight:500}.poster-spark{position:absolute;right:13px;bottom:11px;font-size:2.6rem}
.content-story{position:absolute;right:2%;top:3px;width:37%;height:280px;background:#f2b197;color:#26483b;padding:16px;border:1px solid #be8c78;border-radius:20px;transform:rotate(6deg)}
.story-progress{display:flex;gap:4px;margin:0 0 15px}.story-progress i{height:3px;background:#fff5ea;flex:1}.story-oval{display:grid;place-items:center;text-align:center;border:1px solid #587966;border-radius:50%;height:150px;margin-top:16px;font:500 1.15rem/1.25 Fraunces,serif}.story-line{width:50%;height:5px;background:#26483b;border-radius:4px;margin:20px auto 0}
.content-video{position:absolute;bottom:4px;right:8%;width:62%;height:95px;display:flex;align-items:center;gap:14px;background:#f7f9ef;padding:19px;border:1px solid #9fab92;transform:rotate(3deg);box-shadow:4px 5px 0 #c7d0b9}.content-play{border:1px solid #8fa18c;border-radius:50%;width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;font-size:1.75rem;line-height:1}.content-video strong{font:500 1.1rem/1.2 Fraunces,serif}.content-video>span:last-child{position:absolute;right:10px;top:7px;font-size:.45rem}

/* TI: nodos sobre una malla técnica. */
.showcase-tech{background:#101e2b;border-color:#334d60}
.systems-map{position:relative;height:360px;font-family:"Space Grotesk",sans-serif}
.systems-map>svg{position:absolute;width:100%;height:100%;overflow:visible;inset:0;fill:none;stroke:#5b97a7;stroke-width:1.5}
.map-node{position:absolute;width:37%;padding:18px 17px;background:#142a38;border:1px solid #446472;border-radius:5px;box-shadow:4px 5px 0 #0a1520}.map-node>span{color:#7de0ef;font-size:.5625rem;letter-spacing:.1em}.map-node>b{font-size:clamp(.8rem,1.3vw,1.15rem);display:block;line-height:1.3;margin:11px 0 6px;font-weight:500}.map-node>small{font-size:.5625rem;color:#bbcfda}.map-node:nth-of-type(2){top:12px;left:0}.map-node:nth-of-type(3){top:12px;right:0}.map-node:nth-of-type(4){bottom:12px;left:0}.map-node:nth-of-type(5){bottom:12px;right:0}
.map-core{position:absolute;left:39%;top:35%;width:22%;height:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#7de0ef;color:#090f19;border:1px solid #a2eff7;border-radius:9px;z-index:1;box-shadow:0 0 0 9px #7de0ef09}.map-core>span{font-size:.5rem;letter-spacing:.07em}.map-core>b{font:500 2.3rem/1.3 "Space Grotesk",sans-serif}

/* Inicio conserva su rotación y su selector compacto. */
body[data-page="home"] .compact-about{position:relative;isolation:isolate;overflow:hidden}
body[data-page="home"] .compact-about::after{content:"";position:absolute;right:-55px;bottom:-85px;width:270px;height:270px;pointer-events:none;z-index:-1;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 25px color-mix(in srgb,currentColor 3%,transparent),0 0 0 60px color-mix(in srgb,currentColor 2%,transparent);opacity:.35}

@media(min-width:1000px){.showcase-marketing .showcase-art,.showcase-social .showcase-art{grid-column:1;grid-row:1}.showcase-marketing .showcase-copy,.showcase-social .showcase-copy{grid-column:2}.showcase-marketing,.showcase-social{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
@media(max-width:1050px){.service-showcase{gap:32px;padding:35px}.showcase-art{min-height:320px}.brand-board{grid-template-rows:210px 60px;padding:8px;gap:12px}.brand-note{padding:20px}.brand-type{padding:17px}.brand-type>b{font-size:4.4rem}.brand-note>strong{font-size:1.8rem}.studio-editor{gap:12px;padding-inline:14px}}
@media(max-width:800px){.service-showcase{grid-template-columns:minmax(0,1fr);padding:30px;margin:45px 0 50px;gap:25px}.showcase-art{width:100%;max-width:500px;margin-inline:auto}.showcase-copy>h2{font-size:2.2rem}.showcase-copy>p:not(.eyebrow){font-size:1rem}.showcase-points{display:flex;flex-wrap:wrap;column-gap:20px;margin-top:22px}.showcase-points li{font-size:.8125rem;margin:5px 0}.studio-page-preview>strong{font-size:1.5rem}.brand-board{grid-template-rows:230px 60px}.brand-type>b{font-size:5.6rem}.brand-note>strong{font-size:2.3rem}.content-poster>b{font-size:3rem}.map-node>b{font-size:1rem}}
@media(max-width:450px){.service-showcase{padding:25px 20px;border-radius:4px 30px 4px 4px}.showcase-art{min-height:290px}.showcase-copy>h2{font-size:2rem}.showcase-copy>.eyebrow{font-size:.625rem}.service-page .capability-grid{gap:16px}.service-page .capability-grid>article{padding:23px}.studio-window-bar{padding:13px 10px;font-size:.5rem;gap:6px}.studio-editor{padding:17px 12px 22px;gap:10px}.studio-field{padding:8px}.studio-field b{font-size:.625rem}.studio-page-preview{padding:15px 11px;min-height:200px}.studio-page-preview>strong{font-size:1.15rem}.studio-window-foot{padding:12px 10px;font-size:.45rem}.studio-floating-mark{width:55px;height:55px;font-size:2.5rem;bottom:0;right:-5px}.brand-board{padding:7px 4px;grid-template-rows:210px 50px;gap:10px}.brand-note{padding:17px}.brand-note>strong{font-size:1.7rem;letter-spacing:-.05em}.brand-type{padding:16px 12px}.brand-type>b{font-size:4.3rem}.brand-stamp{width:78px;height:78px;bottom:-13px}.brand-stamp b{font-size:2rem}.brand-stamp span{font-size:.375rem}.campaign-map{height:340px;padding:0 5px}.campaign-step{min-width:180px;padding:15px 17px}.campaign-step>strong{font-size:1.2rem}.campaign-step:nth-child(4){margin-left:10%}.content-composition{height:325px}.content-poster{height:240px;padding:19px;top:30px}.content-poster>b{font-size:2.3rem}.content-story{height:250px;padding:13px;width:40%;right:1%;border-radius:15px}.story-oval{height:140px;font-size:1rem}.content-video{width:76%;right:2%;height:83px;padding:13px;gap:10px}.content-video strong{font-size:1rem}.content-play{width:33px;height:33px}.systems-map{height:310px}.map-node{width:40%;padding:14px 10px}.map-node>b{font-size:.75rem}.map-node>small{font-size:.48rem}.map-core{width:24%;left:38%;top:37%;height:26%}.map-core>span{font-size:.4rem}.map-core>b{font-size:1.8rem}}
@media print{.service-showcase{break-inside:avoid}.showcase-art{transform:none}.service-showcase{margin-block:25px}}