/* ======================================================================
   DIFUSOR V171 · LOGO MÓVIL + IMÁGENES DESKTOP CANÓNICAS
   - Móvil <=1000px únicamente.
   - El logo usa la silueta alfa del PNG original como máscara; no renderiza
     el RGB blanco del PNG ni añade placa/fondo rectangular.
   - Difusor e Infraestructura usan los mismos JPG canónicos del desktop,
     anulando imágenes móviles embebidas heredadas de V159/V161.
   ====================================================================== */

.v171-mobile-logo-mask{display:none}

@media (max-width:1000px){
  /* ---------------------------------------------------------------
     LOGO · forma original, color de marca, fondo 100% transparente.
     --------------------------------------------------------------- */
  body.v73-home .v170-mobile-logo img{
    display:none!important;
  }
  body.v73-home .v170-mobile-logo .v171-mobile-logo-mask{
    display:block!important;
    width:128px!important;
    height:37px!important;
    flex:0 0 128px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#7cc7e6!important;
    -webkit-mask-image:url('../media/1792a400e7c39bfb8074.png')!important;
    mask-image:url('../media/1792a400e7c39bfb8074.png')!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:left center!important;
    mask-position:left center!important;
    -webkit-mask-size:contain!important;
    mask-size:contain!important;
    pointer-events:none!important;
  }

  /* Portafolio: mismo tratamiento visual en móvil; desktop queda intacto. */
  body.portfolio-page .brand.brand-box .v165-logo-picture{
    display:none!important;
  }
  body.portfolio-page .brand.brand-box .v171-mobile-logo-mask{
    display:block!important;
    width:122px!important;
    height:35px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#7cc7e6!important;
    -webkit-mask-image:url('../media/1792a400e7c39bfb8074.png')!important;
    mask-image:url('../media/1792a400e7c39bfb8074.png')!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:left center!important;
    mask-position:left center!important;
    -webkit-mask-size:contain!important;
    mask-size:contain!important;
    pointer-events:none!important;
  }

  /* ---------------------------------------------------------------
     DIFUSOR · mismos archivos JPG usados por desktop.
     --------------------------------------------------------------- */
  body.v73-home #nosotros .milestone-origin,
  body.v73-home #nosotros .milestone-origin:hover,
  body.v73-home #nosotros .milestone-origin:focus,
  body.v73-home #nosotros .milestone-origin:focus-visible,
  body.v73-home #nosotros .milestone-origin:active{
    background-image:url('../difusor-day/origin.jpg')!important;
    background-position:50% 44%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  body.v73-home #nosotros .milestone-story[data-story="reinvention"],
  body.v73-home #nosotros .milestone-story[data-story="reinvention"]:hover,
  body.v73-home #nosotros .milestone-story[data-story="reinvention"]:focus,
  body.v73-home #nosotros .milestone-story[data-story="reinvention"]:focus-visible,
  body.v73-home #nosotros .milestone-story[data-story="reinvention"]:active{
    background-image:url('../difusor-day/reinvention.jpg')!important;
    background-position:52% 46%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  body.v73-home #nosotros .milestone-story[data-story="music"],
  body.v73-home #nosotros .milestone-story[data-story="music"]:hover,
  body.v73-home #nosotros .milestone-story[data-story="music"]:focus,
  body.v73-home #nosotros .milestone-story[data-story="music"]:focus-visible,
  body.v73-home #nosotros .milestone-story[data-story="music"]:active{
    background-image:url('../difusor-day/music.jpg')!important;
    background-position:58% 38%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  body.v73-home #nosotros .milestone-story[data-story="today"],
  body.v73-home #nosotros .milestone-story[data-story="today"]:hover,
  body.v73-home #nosotros .milestone-story[data-story="today"]:focus,
  body.v73-home #nosotros .milestone-story[data-story="today"]:focus-visible,
  body.v73-home #nosotros .milestone-story[data-story="today"]:active{
    background-image:url('../difusor-day/today.jpg')!important;
    background-position:50% 48%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }

  /* ---------------------------------------------------------------
     INFRAESTRUCTURA · mismos archivos JPG usados por desktop.
     Se conserva el velo de lectura, pero la fotografía es canónica.
     --------------------------------------------------------------- */
  body.v73-home #infraestructura .tech-item[data-infra="video"],
  body.v73-home #infraestructura .tech-item[data-infra="video"]:hover,
  body.v73-home #infraestructura .tech-item[data-infra="video"]:focus,
  body.v73-home #infraestructura .tech-item[data-infra="video"]:focus-visible,
  body.v73-home #infraestructura .tech-item[data-infra="video"]:active{
    background-image:linear-gradient(180deg,rgba(4,13,18,.04) 0%,rgba(4,13,18,.14) 42%,rgba(3,10,15,.58) 100%),url('../infrastructure-day/video.jpg')!important;
    background-position:50% 50%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  body.v73-home #infraestructura .tech-item[data-infra="realizacion"],
  body.v73-home #infraestructura .tech-item[data-infra="realizacion"]:hover,
  body.v73-home #infraestructura .tech-item[data-infra="realizacion"]:focus,
  body.v73-home #infraestructura .tech-item[data-infra="realizacion"]:focus-visible,
  body.v73-home #infraestructura .tech-item[data-infra="realizacion"]:active{
    background-image:linear-gradient(180deg,rgba(4,13,18,.04) 0%,rgba(4,13,18,.14) 42%,rgba(3,10,15,.58) 100%),url('../infrastructure-day/realizacion.jpg')!important;
    background-position:50% 50%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  body.v73-home #infraestructura .tech-item[data-infra="audio"],
  body.v73-home #infraestructura .tech-item[data-infra="audio"]:hover,
  body.v73-home #infraestructura .tech-item[data-infra="audio"]:focus,
  body.v73-home #infraestructura .tech-item[data-infra="audio"]:focus-visible,
  body.v73-home #infraestructura .tech-item[data-infra="audio"]:active{
    background-image:linear-gradient(180deg,rgba(4,13,18,.04) 0%,rgba(4,13,18,.14) 42%,rgba(3,10,15,.58) 100%),url('../infrastructure-day/audio.jpg')!important;
    background-position:50% 50%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  body.v73-home #infraestructura .tech-item[data-infra="iluminacion"],
  body.v73-home #infraestructura .tech-item[data-infra="iluminacion"]:hover,
  body.v73-home #infraestructura .tech-item[data-infra="iluminacion"]:focus,
  body.v73-home #infraestructura .tech-item[data-infra="iluminacion"]:focus-visible,
  body.v73-home #infraestructura .tech-item[data-infra="iluminacion"]:active{
    background-image:linear-gradient(180deg,rgba(4,13,18,.03) 0%,rgba(4,13,18,.12) 42%,rgba(3,10,15,.56) 100%),url('../infrastructure-day/iluminacion.jpg')!important;
    background-position:50% 50%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  body.v73-home #infraestructura .tech-item[data-infra="movimiento"],
  body.v73-home #infraestructura .tech-item[data-infra="movimiento"]:hover,
  body.v73-home #infraestructura .tech-item[data-infra="movimiento"]:focus,
  body.v73-home #infraestructura .tech-item[data-infra="movimiento"]:focus-visible,
  body.v73-home #infraestructura .tech-item[data-infra="movimiento"]:active{
    background-image:linear-gradient(180deg,rgba(4,13,18,.03) 0%,rgba(4,13,18,.12) 42%,rgba(3,10,15,.56) 100%),url('../infrastructure-day/movimiento.jpg')!important;
    background-position:50% 50%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  body.v73-home #infraestructura .tech-item[data-infra="soporte"],
  body.v73-home #infraestructura .tech-item[data-infra="soporte"]:hover,
  body.v73-home #infraestructura .tech-item[data-infra="soporte"]:focus,
  body.v73-home #infraestructura .tech-item[data-infra="soporte"]:focus-visible,
  body.v73-home #infraestructura .tech-item[data-infra="soporte"]:active{
    background-image:linear-gradient(180deg,rgba(4,13,18,.04) 0%,rgba(4,13,18,.14) 42%,rgba(3,10,15,.58) 100%),url('../infrastructure-day/soporte.jpg')!important;
    background-position:50% 50%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
}

@media (max-width:380px){
  body.v73-home .v170-mobile-logo .v171-mobile-logo-mask{
    width:118px!important;
    height:34px!important;
    flex-basis:118px!important;
  }
}