Instalacion Y Configuracion Ws25

<style>
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 190px;
  gap: 1rem;
}

.gallery-item {
  position: relative;
  margin: 0;
  border: 2px solid var(--main-border-color);
  border-radius: .75rem;
  overflow: visible;
}

.gallery-item img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: inherit;
}

.num-badge {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);

width: 2rem;
  height: 2rem;

display: flex;
  align-items: center;
  justify-content: center;

border-radius: 50%;

background: var(--heading-color, #d9c);
  color: var(--card-bg);

font-size: .85rem;
  font-weight: 700;
  line-height: 1;

border: 2px solid var(--card-bg);
  box-shadow: 0 0 0 2px var(--main-border-color);

user-select: none;
  z-index: 10;
}
</style>

<h2 class="r-fit-text text-upper" style="color: #fff;">Instalación y configuración</h2>

<center class="r-stretch"><img src="/assets/media/poster/ws-2025-datacenter.webp" alt="portada" style="filter: drop-shadow(1px 2px 10px #fc8) drop-shadow(-5px -4px 0px #fc8)"></center>

<h3 class="r-fit-text text-upper" style="color: #fc8;">Windows Server Datacenter</h3>

---

<h2 align="center">Configuración de la Máquina Virtual</h2>

---

<h2 align="center">Asistente de instalación</h2>

<div class="gallery-grid r-stretch">      <figure class="gallery-item">      <span class="num-badge">1</span>      <img src="/assets/media/windows/ws-2025/asistente-de-instalacion/01.webp" alt="01.webp" data-preview-image>    </figure>      <figure class="gallery-item">      <span class="num-badge">2</span>      <img src="/assets/media/windows/ws-2025/asistente-de-instalacion/02.webp" alt="02.webp" data-preview-image>    </figure>      <figure class="gallery-item">      <span class="num-badge">3</span>      <img src="/assets/media/windows/ws-2025/asistente-de-instalacion/03.webp" alt="03.webp" data-preview-image>    </figure>      <figure class="gallery-item">      <span class="num-badge">4</span>      <img src="/assets/media/windows/ws-2025/asistente-de-instalacion/04.webp" alt="04.webp" data-preview-image>    </figure>      <figure class="gallery-item">      <span class="num-badge">5</span>      <img src="/assets/media/windows/ws-2025/asistente-de-instalacion/05.webp" alt="05.webp" data-preview-image>    </figure>      <figure class="gallery-item">      <span class="num-badge">6</span>      <img src="/assets/media/windows/ws-2025/asistente-de-instalacion/06.webp" alt="06.webp" data-preview-image>    </figure>      <figure class="gallery-item">      <span class="num-badge">7</span>      <img src="/assets/media/windows/ws-2025/asistente-de-instalacion/07.webp" alt="07.webp" data-preview-image>    </figure>      <figure class="gallery-item">      <span class="num-badge">8</span>      <img src="/assets/media/windows/ws-2025/asistente-de-instalacion/08.webp" alt="08.webp" data-preview-image>    </figure>      <figure class="gallery-item">      <span class="num-badge">9</span>      <img src="/assets/media/windows/ws-2025/asistente-de-instalacion/09.webp" alt="09.webp" data-preview-image>    </figure>  </div>