/* Studio Plaza / UI V30 / iconos y centrado responsive
   Siempre después del CSS propio de cada página. No cambia el diseño desktop. */
.sp-vector-arrow{
  width:.9em!important;
  height:.9em!important;
  display:inline-block!important;
  flex:none;
  vertical-align:-.08em;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1;
  transform:none;
  font-size:inherit;
}
/* Contenedores de flechas solas: el SVG hereda color y hover existentes. */
.work-arrow .sp-vector-arrow, .cv8-up .sp-vector-arrow,
.video-case__meta button .sp-vector-arrow,
.hero-shot em .sp-vector-arrow, .real-project em .sp-vector-arrow{
  width:1em!important; height:1em!important;
}
/* Pseudoelementos antiguos: usar la misma silueta vectorial, no emoji de iOS. */
.tag-b::before, .contact-orbit::after, .funnel-examples span::before{
  content:""!important;
  display:inline-block!important;
  width:1em;
  height:1em;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19 19 5M9 5h10v10'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19 19 5M9 5h10v10'/%3E%3C/svg%3E");
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  background:currentColor!important;
}
.tag-b::before{color:var(--blue)!important;}
/* Triángulo CSS estable en todos los dispositivos, no el carácter ▶ de la fuente. */
.video-play, .v6-film-play, .play-symbol, .play-mark { font-size:0!important; }
.video-play::after,.v6-film-play::after,.play-symbol::after,.play-mark::after {
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  border-style:solid!important;
  border-width:9px 0 9px 14px!important;
  border-color:transparent transparent transparent currentColor!important;
  background:none!important;
  clip-path:none!important;
  transform:translateX(2px)!important;
  pointer-events:none;
}
.v6-film-play::after { border-width:9px 0 9px 14px!important; }
.play-symbol::after,.play-mark::after { border-width:7px 0 7px 11px!important; }
@media(max-width:800px){
  /* Bocata: centro exacto del fotograma, no porcentajes aproximados. */
  .hero-stage .video-frame.real-film { position:relative!important; }
  .hero-stage .video-frame.real-film > .video-play {
    position:absolute!important; inset:auto!important;
    top:50%!important; left:50%!important;
    right:auto!important; bottom:auto!important;
    margin:0!important; padding:0!important;
    display:grid!important; place-items:center!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center center!important;
  }
  .hero-stage .video-frame.real-film > .video-play:hover,
  .hero-stage .video-frame.real-film > .video-play:focus-visible{
    transform:translate(-50%,-50%) scale(1.08)!important;
  }
  /* Los spots de la página Inicio (Desnivel, Bonadent, Verano). */
  .v6-film-spot { position:relative!important; }
  .v6-film-spot > .v6-film-play {
    position:absolute!important; inset:auto!important;
    top:50%!important; left:50%!important;
    right:auto!important; bottom:auto!important;
    margin:0!important;
    display:grid!important; place-items:center!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center center!important;
  }
  .v6-film-spot:hover > .v6-film-play,
  .v6-film-spot:focus-visible > .v6-film-play{
    transform:translate(-50%,-50%) scale(1.08)!important;
  }
  /* Miniaturas audiovisuales en Proyectos: control centrado en su imagen. */
  .work-visual { position:relative!important; }
  .work-visual > .play-mark {
    position:absolute!important; inset:auto!important;
    top:50%!important; left:50%!important;
    right:auto!important;bottom:auto!important;
    margin:0!important;
    display:grid!important;place-items:center!important;
    transform:translate(-50%,-50%)!important;
  }
  .hero-collage .main .play-symbol {
    position:absolute!important;inset:auto!important;
    top:50%!important; left:50%!important;
    right:auto!important; bottom:auto!important;
    margin:0!important;
    display:grid!important;place-items:center!important;
    transform:translate(-50%,-50%)!important;
  }
}