/* ALINEA service scenes: original letterforms, articulated paths, clear subjects. */
.a7-brand .a7-art.a7-service-scene{--scene-ink:#4b3a97;--scene-soft:#b5adf8;position:relative;isolation:isolate;height:auto;aspect-ratio:1.04;overflow:hidden;margin:0;color:var(--scene-ink)}
.a7-brand .a7-service-scene .a7-art-photo{position:absolute;inset:10% 7% 9%;width:86%;height:81%;object-fit:contain;object-position:center bottom;border:0;border-radius:0;box-shadow:none;background:none;z-index:2}
.sg-letter{position:absolute;inset:2% 20% 5% 6%;background:var(--scene-soft);mask:var(--letter) center/contain no-repeat;-webkit-mask:var(--letter) center/contain no-repeat;opacity:.65;transform:rotate(-12deg);z-index:0;pointer-events:none}
.sg-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;opacity:.6;z-index:1;pointer-events:none;overflow:hidden}
.sg-lines path{vector-effect:non-scaling-stroke;stroke-linecap:round}
.sg-caption{position:absolute;inset:0;z-index:3;pointer-events:none;font-size:13px;line-height:1.25}
.sg-caption span{position:absolute;display:flex;gap:8px;align-items:center;max-width:40%}
.sg-caption span:before{content:"";width:20px;height:1px;background:currentColor;flex-shrink:0}
.sg-caption span:first-child{left:4%;top:5%}.sg-caption span:nth-child(2){right:4%;top:12%;text-align:right;flex-direction:row-reverse}.sg-caption span:nth-child(3){left:5%;bottom:4%}
.sg-mark{position:absolute;right:5%;bottom:3%;width:42px;height:48px;background:currentColor;mask:var(--letter) center/contain no-repeat;-webkit-mask:var(--letter) center/contain no-repeat;z-index:3}
.a7-brand .a7-art.a7-service-scene[data-family=marca]{--scene-ink:#f6f4fc;--scene-soft:#695cc5;background:#120323}
.a7-service-scene[data-family=marca] .sg-letter{inset:-10% 5% 12% 39%;transform:rotate(18deg);opacity:.7}
.a7-brand .a7-service-scene[data-family=marca] .a7-art-photo{inset:18% 9% 7%;width:82%;height:75%;transform:rotate(-5deg)}
.a7-brand .a7-art.a7-service-scene[data-family=demanda]{--scene-ink:#120323;--scene-soft:#9384ec;background:#b5adf8}
.a7-service-scene[data-family=demanda] .sg-letter{inset:4% 33% 0 -1%;transform:rotate(24deg);opacity:.6}
.a7-brand .a7-art.a7-service-scene[data-family=experiencia]{--scene-ink:#120323;--scene-soft:#b5adf8;background:#f6f4fc}
.a7-service-scene[data-family=experiencia] .sg-letter{inset:0 0 4% 38%;transform:rotate(-24deg);opacity:.6}
.a7-brand .a7-service-scene[data-family=experiencia] .a7-art-photo{inset:18% 3% 9%;width:94%;height:73%}
.a7-brand .a7-art.a7-service-scene[data-family=liderazgo]{--scene-ink:#f6f4fc;--scene-soft:#9384ec;background:#4b3a97}
.a7-service-scene[data-family=liderazgo] .sg-letter{inset:3% 38% 14% 0;transform:rotate(-20deg);opacity:.7}
.a7-brand .a7-service-scene[data-family=liderazgo] .a7-art-photo{inset:17% 3% 8%;width:94%;height:75%}
.a7-service-scene[data-family=direccion]{background:#f6f4fc}
.a7-service-scene[data-family=direccion] .sg-letter{inset:-12% -5% 4% 38%;transform:rotate(20deg)}
.a7-brand .a7-service-scene[data-family=direccion] .a7-art-photo{inset:12% 7% 8%;width:86%;height:80%}
.a7-service-scene[data-scene=planes] .sg-letter{transform:rotate(70deg)}
.a7-brand .a7-service-scene[data-scene=omnicanal] .a7-art-photo{inset:18% 4% 10%;width:92%;height:72%}
.a7-brand .a7-service-scene[data-scene=eventos] .a7-art-photo{inset:16% 3% 9%;width:94%;height:75%}
.a7-brand .a7-service-scene[data-scene=investigacion] .a7-art-photo{inset:14% 4% 10%;width:92%;height:76%}
.a7-brand .a7-service-scene[data-scene=formacion] .a7-art-photo{inset:15% 3% 10%;width:94%;height:75%}

/* Home: editorial compositions with a deliberate difference in scale and surface. */
.a7-brand .dv-service-rail{gap:34px;align-items:flex-start}
.a7-brand .dv-service-rail>article.a7-service-card{flex-basis:48%}
.a7-brand .dv-service-rail>article.a7-service-card:nth-child(2){flex-basis:41%;padding-top:54px!important}
.a7-brand .dv-service-rail>article.a7-service-card:nth-child(4){flex-basis:43%;padding-top:38px!important}
.a7-brand .dv-service-rail .a7-service-scene{aspect-ratio:1.08;min-height:0}
.a7-brand .dv-service-rail [data-family=marca]{aspect-ratio:.9}
.a7-brand .dv-service-rail [data-family=demanda]{aspect-ratio:1.16}
.a7-brand .dv-service-rail [data-family=liderazgo]{aspect-ratio:1.2}
.a7-brand .dv-service-rail .a7-service-card h3{margin-top:24px;font-size:clamp(28px,3vw,42px)}
.a7-brand .dv-service-rail .sg-caption{font-size:13px}
.a7-brand .dv-service-rail .sg-mark{width:34px;height:40px}

/* Directory unfolds in alternating spreads, not five equal image cards. */
.a7-brand .dv-directory{display:block}
.a7-brand .dv-directory>article.a7-service-card{display:grid;grid-template-columns:1.03fr 1fr;gap:7vw;align-items:center;padding:55px 0 70px!important;border:0;background:none}
.a7-brand .dv-directory>article.a7-service-card:nth-child(even){grid-template-columns:1fr 1.03fr}
.a7-brand .dv-directory>article.a7-service-card:nth-child(even)>.a7-service-scene{order:2}
.a7-brand .dv-directory .a7-service-scene{aspect-ratio:1.03}
.a7-brand .dv-directory>article.a7-service-card:first-child{padding-top:0!important}
.a7-brand .dv-directory>article.a7-service-card h2{font-size:clamp(36px,4.4vw,62px);line-height:1.06;max-width:16ch}
.a7-brand .dv-directory>article.a7-service-card h2 a{font-size:inherit;line-height:inherit;letter-spacing:-.03em;align-items:start}
.a7-brand .dv-directory>article.a7-service-card h2 a span{flex-shrink:0;margin-top:7px}
.a7-brand .dv-directory>article.a7-service-card ul{margin-top:25px}
.a7-brand .dv-pillar-stage>.a7-service-scene{aspect-ratio:.98}
.a7-brand .a7-service-story{background-image:none}
.a7-brand .a7-service-story .a7-service-scene{aspect-ratio:1.04}
.a7-brand .a7-service-story:has([data-family=marca]){background:#f6f4fc}
.a7-entered .sg-lines path{animation:sg-path-reveal 1.25s cubic-bezier(.16,1,.3,1) both;stroke-dasharray:1400;stroke-dashoffset:0}
.a7-entered .sg-letter{animation:sg-letter-reveal 1s cubic-bezier(.16,1,.3,1) both}
.a7-entered .sg-caption span{animation:sg-note-reveal .8s cubic-bezier(.16,1,.3,1) both}
.a7-entered .sg-caption span:nth-child(2){animation-delay:.12s}.a7-entered .sg-caption span:nth-child(3){animation-delay:.22s}
@keyframes sg-path-reveal{from{stroke-dashoffset:1400;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes sg-letter-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes sg-note-reveal{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.a7-brand .dv-service-rail>article.a7-service-card{flex-basis:49%}.a7-brand .dv-service-rail>article.a7-service-card:nth-child(2){flex-basis:43%}.a7-brand .dv-service-rail>article.a7-service-card:nth-child(4){flex-basis:47%}.sg-caption{font-size:12px}.sg-mark{width:34px;height:38px}}
@media(max-width:760px){
 .a7-brand .dv-service-rail>article.a7-service-card,.a7-brand .dv-service-rail>article.a7-service-card:nth-child(2),.a7-brand .dv-service-rail>article.a7-service-card:nth-child(4){flex-basis:88%;padding-top:0!important}
 .a7-brand .dv-service-rail .a7-service-scene{aspect-ratio:1.03}
 .a7-brand .dv-service-rail .a7-service-card h3{font-size:32px;margin-top:20px}
 .a7-brand .dv-directory>article.a7-service-card,.a7-brand .dv-directory>article.a7-service-card:nth-child(even){display:flex;flex-direction:column;gap:28px;padding:35px 0 55px!important;align-items:stretch}
 .a7-brand .dv-directory>article.a7-service-card:nth-child(even)>.a7-service-scene{order:0}
 .a7-brand .dv-directory>article.a7-service-card h2{font-size:38px;max-width:15ch}
 .a7-brand .dv-directory .a7-service-scene{aspect-ratio:1.03}
 .sg-caption,.a7-brand .dv-service-rail .sg-caption{font-size:12px}.sg-caption span{max-width:44%;gap:5px}.sg-caption span:before{width:12px}
 .sg-caption span:nth-child(2){top:13%}.sg-mark{width:29px;height:33px}
 .a7-brand .a7-service-scene .a7-art-photo{min-height:0}
}
@media(prefers-reduced-motion:reduce){.a7-entered .sg-lines path,.a7-entered .sg-letter,.a7-entered .sg-caption span{animation:none}}

/* On detail pages the scene shares the section, without a rectangular backdrop. */
.a7-brand :is(.dv-pillar-intro,.a7-service-story):has([data-family=marca]){--service-surface:#120323;--service-copy:#f6f4fc;--service-accent:#b5adf8}
.a7-brand :is(.dv-pillar-intro,.a7-service-story):has([data-family=liderazgo]){--service-surface:#4b3a97;--service-copy:#f6f4fc;--service-accent:#b5adf8}
.a7-brand :is(.dv-pillar-intro,.a7-service-story):has([data-family=demanda]){--service-surface:#b5adf8;--service-copy:#120323;--service-accent:#4b3a97}
.a7-brand :is(.dv-pillar-intro,.a7-service-story):has(.a7-service-scene){background:var(--service-surface,#f6f4fc);color:var(--service-copy,#120323);background-image:none}
.a7-brand .dv-pillar-intro:has(.a7-service-scene):before{background:var(--service-surface,#f6f4fc)}
.a7-brand :is(.dv-pillar-intro,.a7-service-story):has(.a7-service-scene) :is(h1,h2,p){color:var(--service-copy,#120323)}
.a7-brand .dv-pillar-intro:has(.a7-service-scene) :is(.v-link,.a7-section-name,.v-back){color:var(--service-accent,#4b3a97);border-color:currentColor}
.a7-brand :is(.dv-pillar-intro,.a7-service-story) .a7-art.a7-service-scene{background:none}
.a7-brand :is(.dv-pillar-intro,.a7-service-story) a:focus-visible{outline-color:var(--service-copy,#120323)}
.a7-brand .a7-service-story:has(.a7-service-scene) .dv-service-composition>div>:is(h2,p){color:var(--service-copy,#120323)}
.a7-brand .dv-pillar-intro:has(:is([data-family=marca],[data-family=liderazgo])) .button{background:#b5adf8;color:#120323;border:1px solid #b5adf8}
.a7-brand .dv-pillar-intro:has(:is([data-family=marca],[data-family=liderazgo])) .button:hover{background:#f6f4fc;border-color:#f6f4fc}
.a7-brand .dv-pillar-intro:has(.a7-service-scene) .button:focus-visible{outline-color:var(--service-copy,#120323)}
