<div class="row mx-0 btn-effect" id="headerPublicidad" #headerPublicidad
     [ngClass]="headerPublicidad.classList.contains('media-pantalla')
             ? 'h-31' : 'h-20'" id="boxCarrito">
  <div class="col-12 p-3 h-100" id="headerPad">
    <div class="h-100">
      <carousel [showIndicators]="false" [interval]="4000">
        <slide *ngFor="let p of publicidades">
          <img
            class="h-100 w-100"
            draggable="false"
            ondragstart="return false;"
            (contextmenu)="false"
            src="{{urlImagenes}}{{p.imagen}}"
            (click)="elegirArticulo(p)">
        </slide>
      </carousel>
    </div>
  </div>
</div>