/* Videos en bucle de la d26.13 (p26_d2613_videos_13): la sección con su H2, el clip y su pie. El clip lo maneja clip-bucle.
   Presentación (propuesta de la laptop, 7-nov, para la d26.12): colores de la paleta aprobada, sin píldoras, degradados,
   contenedores con borde ni kerning negativo. El póster (picture) sigue dando el tamaño: la caja es 16:9 fija, sin CLS. */
.v13-fig{margin:20px 0 0;max-width:960px}
.v13-fig .tb-clip{overflow:hidden;border-radius:10px;background:#E5E9EF;aspect-ratio:16/9}
.v13-fig .tb-clip img{display:block;width:100%;height:auto}
.v13-fig figcaption{margin-top:12px;font-size:15px;line-height:1.55;color:#59616D;max-width:62ch}
/* Botón en clips grandes: 40 px a 12 px de la orilla, azul marino de la paleta (#172A59) y 48 px de área táctil. Las tarjetas de
   /tipos-de-insertos (fuera de .v13-fig) conservan el botón chico de clip-bucle.css. */
.v13-fig .tb-pausa{right:12px;bottom:12px;width:40px;height:40px;background:rgb(23 42 89 / .72)}
.v13-fig .tb-pausa::after{content:"";position:absolute;inset:-4px}
.v13-fig .tb-pausa:hover{background:rgb(23 42 89 / .9)}
.v13-fig .tb-pausa:focus-visible{box-shadow:0 0 0 4px #273C84}
/* Teléfono (el mismo corte que clip-bucle.js, 740 px): el clip va de orilla a orilla para ganar tamaño sin recortar la
   toma; el pie se queda en el margen de lectura. Sólo en pantallas táctiles (pointer:coarse), donde la barra de scroll no
   ocupa ancho: en una ventana de escritorio angosta 100vw incluiría la barra y saldría scroll horizontal. */
@media (max-width:740px){
  .v13-fig figcaption{font-size:14px}
}
@media (max-width:740px) and (pointer:coarse){
  .v13-fig .tb-clip{width:100vw;margin-inline:calc(50% - 50vw);border-radius:0}
}
/* En /operaciones/<op> el clip va en la misma columna que el título y las tablas (ahnsa-operaciones.css: --op-col y --op-lado). */
.hm-op-pag:not(.hm-par) .v13-fig{width:calc(100% - 2*var(--op-lado));max-width:var(--op-col);margin:16px auto 0}
/* En las guías la sección no es capítulo del índice: sin número, y los capítulos que siguen conservan el suyo. */
.ap-cuerpo .ap-main>.ap-sec.v13{counter-increment:none}
.ap-cuerpo .ap-main>.ap-sec.v13>h2:before{content:none}
/* En los listados la sección va suelta, entre la guía y las secciones orgánicas: mismo ancho y H2 que éstas. */
.v13o{padding-block:clamp(40px,5vw,72px);color:oklch(.2 .018 258);font:400 1rem/1.55 Archivo,system-ui,sans-serif}
.v13o .v13-wrap{max-width:1360px;margin-inline:auto;padding-inline:clamp(16px,4vw,56px)}
.v13o h2{margin:0;max-width:none;letter-spacing:0;font-stretch:100%;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);
  line-height:1.15;font-weight:660}
/* Listados en escritorio: el clip a la izquierda (7/12) y su pie al lado (5/12), en letra de lectura. Así el clip deja de
   quedar con una franja vacía a la derecha. El figcaption sigue dentro del figure: no se duplica texto. */
@media (min-width:1024px){
  .v13o .v13-fig{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:40px;align-items:end;max-width:none}
  .v13o .v13-fig figcaption{margin:0;padding-bottom:6px;max-width:40ch;font-size:17px;line-height:1.6;color:#303339}
}