/* ==========================================================================
   Componente: Embed Frame
   Contenedor responsive para iframes de demostración (video, mapa, tour...)
   con overlay de marcador de posición mientras no hay contenido real
   ========================================================================== */

.embed-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-card);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  background-color: var(--gray-100);
}

.embed-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-frame__placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-12);
  padding: var(--space-16);
  color: var(--gray-500);
  background-color: var(--gray-100);
  text-align: center;
  pointer-events: none;
}

.embed-frame__placeholder i {
  font-size: 2.5rem;
  color: var(--gray-300);
}