/* Brand-coloured exterior light only: no opaque layers, flashing or text glow. */
:is(.hero-editorial-card,.glass-panel-main,.service-card,.video-sync-controls-panel,
.process-step-card,.project-cinematic-card,.gallery-item,.confianza-card,
.contacto-info-panel,.contacto-form-panel,.direct-contact-card,.journey-final) {
  --edge-light:57,183,239;
  border-color:rgba(var(--edge-light),.32);
  box-shadow:0 14px 38px rgba(0,0,0,.22),
    0 0 0 1px rgba(var(--edge-light),.10),
    0 0 13px rgba(var(--edge-light),.09),
    0 0 30px rgba(var(--edge-light),.045);
}
:is(.service-card,.process-step-card,.project-cinematic-card,.gallery-item,.confianza-card):nth-child(3n+2),
.hero-editorial-card,.contacto-form-panel,.journey-final {
  --edge-light:255,151,54;
}
:is(.service-card,.process-step-card,.project-cinematic-card,.gallery-item,.confianza-card):nth-child(3n),
.direct-contact-card.instagram {
  --edge-light:82,211,211;
}
.direct-contact-card.whatsapp { --edge-light:75,205,163; }
/* Nested panels have a smaller halo so light does not accumulate. */
:is(.video-sync-controls-panel,.contacto-info-panel,.contacto-form-panel,.glass-panel-main) {
  box-shadow:0 16px 40px #0003,0 0 0 1px rgba(var(--edge-light),.07),
    0 0 22px rgba(var(--edge-light),.055);
}
.pilar-card {
  --edge-light:57,183,239;
  border-top-color:rgba(var(--edge-light),.34);
  box-shadow:0 -5px 13px -12px rgba(var(--edge-light),.55);
}
.pilar-card:nth-child(even) { --edge-light:255,151,54; }
/* Preserve the selected video stage; colour is never its only cue. */
.process-step-card.active {
  --edge-light:255,151,54;
  border-color:rgba(var(--edge-light),.66);
  box-shadow:0 10px 28px #0003,0 0 0 1px rgba(var(--edge-light),.2),
    0 0 18px rgba(var(--edge-light),.14);
}
@media(hover:hover) and (pointer:fine) {
  :is(.hero-editorial-card,.service-card,.process-step-card,.project-cinematic-card,
  .gallery-item,.confianza-card,.direct-contact-card):hover {
    border-color:rgba(var(--edge-light),.55);
    box-shadow:0 16px 38px #0004,0 0 0 1px rgba(var(--edge-light),.18),
      0 0 17px rgba(var(--edge-light),.14),0 0 34px rgba(var(--edge-light),.065);
  }
}
:is(.service-card,.project-cinematic-card,.direct-contact-card,.contacto-form-panel):focus-within {
  border-color:rgba(var(--edge-light),.65);
}
@media(forced-colors:active) {
  :is(.hero-editorial-card,.glass-panel-main,.service-card,.video-sync-controls-panel,
  .process-step-card,.project-cinematic-card,.gallery-item,.confianza-card,
  .contacto-info-panel,.contacto-form-panel,.direct-contact-card,.journey-final) {
    border-color:CanvasText; box-shadow:none;
  }
}