//* ---------- Base ---------- */
.avgifs-details { margin: 18px 0; }
.avgifs-panel { padding-top: 14px; }

/* Línea naranja: OCULTA */
.avgifs-bar{ display: none !important; }

/* Tarjeta / media */
.avgifs-item{ margin:0; }
.avgifs-media{
  position:relative; overflow:hidden; border-radius:14px;
  aspect-ratio:4 / 3;                 /* más alto que 16/9 */
  background:#f5f5f5;
  box-shadow:0 6px 26px rgba(0,0,0,.08);
}
.avgifs-media img{
  position:relative; z-index:1;
  width:100%; height:100%; object-fit:cover; display:block;
}

/* Botón play */
.avgifs-play{
  position:absolute; inset:0; margin:auto;
  width:88px; height:88px; border-radius:50%;
  background:#FD8814; border:0; cursor:pointer; z-index:3;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
  transition:transform .15s ease, background .2s ease, opacity .2s ease;
}
.avgifs-play:hover{ transform:scale(1.04); background:#FEB56B; }
.avgifs-play:before{
  content:""; display:block; width:0; height:0;
  border-left:24px solid #fff;
  border-top:14px solid transparent; border-bottom:14px solid transparent;
  margin-left:4px;
}
.avgifs-media.is-playing .avgifs-play{ opacity:0; pointer-events:none; }

/* Título */
.avgifs-item figcaption{
  text-align:center; font-size:1rem; line-height:1.35;
  margin-top:12px; color:#222;
}

/* Botón summary con look “Ficha técnica” */
.avgifs-details.tech-details{ padding:0; }
.avgifs-details > summary{
  display:block; padding:10px 38px 10px 14px;
  cursor:pointer; user-select:none; text-align:center;
}

/* ---------- Rejilla full-width en 2 columnas ---------- */
.avgifs-grid{
  box-sizing:border-box;
  display:grid; gap:32px; margin-top:24px;

  /* full-bleed: de borde a borde */
  width:100vw; margin-left:calc(50% - 50vw); padding:0 48px;

  grid-template-columns:repeat(2, minmax(380px, 1fr));
}
@media (max-width:1100px){
  .avgifs-grid{ grid-template-columns:repeat(2, minmax(320px, 1fr)); padding:0 36px; }
}
@media (max-width:820px){
  .avgifs-grid{ grid-template-columns:1fr; padding:0 20px; }
}

/* --- Reducir tamaño tarjetas (full-width) --- */
.avgifs-bar{ display:none !important; } /* por si acaso */

.avgifs-grid{
  /* 2 columnas centradas y con ancho máximo por tarjeta */
  grid-template-columns: repeat(2, minmax(0, 520px));
  justify-content: center;
  gap: 28px;
  padding: 0 36px;                 /* margen lateral un pelín menor */
}
@media (max-width:1100px){
  .avgifs-grid{ grid-template-columns: repeat(2, minmax(0, 440px)); }
}
@media (max-width:820px){
  .avgifs-grid{ grid-template-columns: 1fr; }
}

/* Mantengo proporción y reduzco el play */
.avgifs-media{ aspect-ratio: 4 / 3; }
.avgifs-play{ width: 76px; height: 76px; }
.avgifs-play:before{
  border-left: 22px solid #fff;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
}