/* ==========================================================================
   BANNER CORPORATIVO - CEIFOR ESTUDIOS
   Dimensiones base: 1920x1080px (Proporción 16:9)
   ========================================================================== */

/* Contenedor principal */
.featured-media-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  max-width: 633px;   /* Encaja perfectamente en el layout de la col-md-7 */
  aspect-ratio: 16 / 9; 
  background-color: #000; 
  border-radius: 8px; /* Mantiene las esquinas redondeadas estéticas */
  margin-bottom: 15px;
}

/* Capa 1: La imagen de fondo original */
.featured-media-container .featured-media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

/* Capa 2: Filtro azul translúcido (#64a5e9) */
.featured-media-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(100, 165, 233, 0.55); 
  z-index: 2; 
  pointer-events: none; 
}

/* Capa 3: Franjas moradas (#8b5495) con solapamiento anti-píxel */
.featured-media-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(139, 84, 149, 0.8); /* Morado #8b5495 */
  
  /* Conserva tu modificación del punto de corte superior (93.8% 90%) */
  clip-path: polygon(
    93.8% 90%, 100% 0%, 
    100% 82%, 93.8% 82%, 
    100% 81.5%, 100% 100%, 
    0% 100%, 0% 97.2%
  );
  z-index: 3; 
  pointer-events: none;
}