/* Sport Media Embeds Pro v3.1.0 */

/* ============================================================
   CORE: Wrapper con aspect-ratio dinamico (YouTube oEmbed)
   ============================================================ */

.sme-aspect-outer {
  margin: 25px auto;
  width: 100%;
}

.sme-aspect-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #000;
}

.sme-aspect-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ============================================================
   FACEBOOK: SDK Oficial XFBML sin forzar ningun aspect-ratio
   Meta calcula y renderiza las dimensiones naturales del video
   ============================================================ */

.sme-fb-container {
  width: 100%;
  margin: 25px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  clear: both;
}

.sme-fb-container .fb-video {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

.sme-fb-container .fb-video > span,
.sme-fb-container .fb-video iframe {
  max-width: 100% !important;
}

/* ============================================================
   TIKTOK: Contenedor centrado para el widget nativo
   ============================================================ */

.sme-tiktok-container {
  max-width: 420px;
  margin: 25px auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

.sme-tiktok-container blockquote {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================================================
   INSTAGRAM: Contenedor centrado para el widget nativo
   ============================================================ */

.sme-instagram-container {
  max-width: 540px;
  margin: 25px auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

.sme-instagram-container .instagram-media {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================================================
   TWITTER / X: Auto-ajuste de Twitter DOM nativo
   ============================================================ */

.sme-twitter-container {
  max-width: 550px;
  margin: 25px auto;
  width: 100%;
}

.sme-twitter-container .twitter-tweet {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================================================
   FALLBACK
   ============================================================ */

.sme-fallback-container {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 25px auto;
  overflow: hidden;
}

.sme-fallback-container iframe {
  max-width: 100%;
  border: 0;
}

/* ============================================================
   FEATURED
   ============================================================ */

.sme-featured-embed-container {
  margin-bottom: 30px;
  clear: both;
}