body {
      background-color: #fff;
      color: #000;
      font-family: Arial, sans-serif;
      padding: 0; /* elimina espacio */
      margin: 0;  /* por si acaso */
      text-align: center;
    }
    select {
      margin: 10px;
      padding: 8px 12px;
      font-size: 16px;
    }
    
    .piloto-select {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
    }
    .piloto-img {
      width: 158px;
      height: 200px;
      object-fit: cover;
      border: 2px solid #838383;
    }
    .add-box {
      margin: 10px;
      padding: 8px 12px;
      border: 1px solid #000;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: #000;
      cursor: pointer;
    }
    iframe {
      width: 100%;
      height: 60vh;
      border: none;
      display: none;
    }

    #pilotoSelectors {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      margin-top: 20px;
    }

    .fila-pilotos {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
      margin-top: 20px;
    }

    .tarjeta-piloto {
      position: relative;
      display: inline-block;
    }

    .svg-close-btn {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 20px;
      height: 20px;
      background-color: #e9e9eb;
      border-radius: 50%;
      cursor: pointer;
      z-index: 100;
    }
    .svg-close-btn::before, .svg-close-btn::after {
      content: '';
      position: absolute;
      left: 9px;
      top: 4px;
      width: 2px;
      height: 12px;
      background-color: white;
    }
    .svg-close-btn::before {
      transform: rotate(45deg);
    }
    .svg-close-btn::after {
      transform: rotate(-45deg);
    }

    #contenedorA, #contenedorB, #contenedorC, #contenedorD {
      position: relative;
    }

    @media (max-width: 768px) {
    iframe {
      height: 50vh !important; /* menos altura */
      margin-top: 10px !important; /* menos margen */
    }

    #bloque1, #bloque2, #bloque3, #bloque4 {
      margin-top: 10px !important;
    }

    body, html {
      padding: 0 !important;
      margin: 0 !important;
    }

    .selectores, #pilotoSelectors, .fila-pilotos {
      margin: 0 !important;
      padding: 0 !important;
    }
  }