/* Acua - Feeds. Neutro: hereda tipografía y colores del tema; se ajusta con las variables de .acua-feed. */
.acua-feed {
	--acua-feed-hueco: .5rem;
	--acua-feed-radio: 4px;
	--acua-feed-borde: rgba(0, 0, 0, .12);
	--acua-feed-fondo-marca: rgba(0, 0, 0, .55);
	--acua-feed-columnas: 3;
	margin: 0 0 1.5rem;
}
.acua-feed .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Cabecera con el perfil */
.acua-feed__cabecera { display: flex; align-items: center; gap: .75rem; margin: 0 0 .9rem; }
.acua-feed__avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: none; }
.acua-feed__perfil { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.acua-feed__nombre { font-weight: 700; }
.acua-feed__usuario { color: inherit; opacity: .8; }
.acua-feed__seguir { margin-left: auto; padding: .4rem 1rem; border: 1px solid currentColor; border-radius: 999px; text-decoration: none; color: inherit; font-size: .9em; white-space: nowrap; }
.acua-feed__seguir:hover, .acua-feed__seguir:focus-visible { background: currentColor; }
.acua-feed__seguir:hover, .acua-feed__seguir:focus-visible { color: inherit; filter: invert(1); }

/* Lista base */
.acua-feed__lista { list-style: none; margin: 0; padding: 0; }
.acua-feed__elemento { margin: 0; padding: 0; }
.acua-feed__enlace { position: relative; display: block; overflow: hidden; border-radius: var(--acua-feed-radio); background: rgba(0, 0, 0, .05); }
.acua-feed__imagen { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1 / 1; transition: transform .3s ease, opacity .3s ease; }
.acua-feed__enlace:hover .acua-feed__imagen, .acua-feed__enlace:focus-visible .acua-feed__imagen { transform: scale(1.04); opacity: .9; }
.acua-feed__enlace:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }

/* Marca de vídeo o carrusel */
.acua-feed__marca { position: absolute; top: .45rem; right: .45rem; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: var(--acua-feed-fondo-marca) center / 60% no-repeat; }
.acua-feed__marca--video { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E"); }
.acua-feed__marca--carrusel { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M4 6H2v14a2 2 0 0 0 2 2h14v-2H4zm16-4H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/%3E%3C/svg%3E"); }

/* Cuadrícula */
.acua-feed--cuadricula .acua-feed__lista { display: grid; grid-template-columns: repeat(var(--acua-feed-columnas), minmax(0, 1fr)); gap: var(--acua-feed-hueco); }
@media (max-width: 600px) { .acua-feed--cuadricula .acua-feed__lista { grid-template-columns: repeat(min(var(--acua-feed-columnas), 2), minmax(0, 1fr)); } }

/* Carrusel: desplazamiento nativo (funciona sin JavaScript); las flechas las añade acua-feeds.js */
.acua-feed--carrusel { position: relative; }
.acua-feed--carrusel .acua-feed__lista { display: flex; gap: var(--acua-feed-hueco); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: thin; padding-bottom: .4rem; }
.acua-feed--carrusel .acua-feed__lista:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
.acua-feed--carrusel .acua-feed__elemento { flex: 0 0 calc((100% - (var(--acua-feed-columnas) - 1) * var(--acua-feed-hueco)) / var(--acua-feed-columnas)); scroll-snap-align: start; }
@media (max-width: 600px) { .acua-feed--carrusel .acua-feed__elemento { flex-basis: 75%; } }
.acua-feed__flechas { display: flex; justify-content: flex-end; gap: .4rem; margin: .5rem 0 0; }
.acua-feed__flecha { display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border: 1px solid var(--acua-feed-borde); border-radius: 50%; background: transparent; color: inherit; font-size: 1.2rem; line-height: 1; cursor: pointer; }
.acua-feed__flecha:disabled { opacity: .35; cursor: default; }
.acua-feed__flecha:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }

/* Lista con texto */
.acua-feed--lista .acua-feed__lista { display: grid; gap: 1.25rem; }
.acua-feed--lista .acua-feed__elemento { display: grid; grid-template-columns: minmax(90px, 180px) 1fr; gap: 1rem; align-items: start; padding-bottom: 1.25rem; border-bottom: 1px solid var(--acua-feed-borde); }
.acua-feed__texto p { margin: .25rem 0 .5rem; }
.acua-feed__fecha { font-size: .85em; opacity: .75; }
.acua-feed__ver { font-size: .9em; }
@media (max-width: 480px) { .acua-feed--lista .acua-feed__elemento { grid-template-columns: 1fr; } }

.acua-feed__pie { margin: .75rem 0 0; font-size: .9em; }

/* Ventana (diálogo nativo) */
.acua-feed-ventana { width: min(960px, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); padding: 0; border: 0; border-radius: 6px; background: #fff; color: #1e1e1e; }
.acua-feed-ventana::backdrop { background: rgba(0, 0, 0, .8); }
.acua-feed-ventana__cuerpo { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); max-height: calc(100vh - 2rem); }
.acua-feed-ventana__imagen { width: 100%; height: 100%; max-height: calc(100vh - 2rem); object-fit: contain; background: #000; }
.acua-feed-ventana__info { display: flex; flex-direction: column; gap: .6rem; padding: 3rem 1.25rem 1.25rem; overflow-y: auto; }
.acua-feed-ventana__info p { margin: 0; white-space: pre-line; }
.acua-feed-ventana__fecha { font-size: .85em; opacity: .7; }
.acua-feed-ventana__cerrar, .acua-feed-ventana__nav { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .6); color: #fff; font-size: 1.3rem; line-height: 1; cursor: pointer; }
.acua-feed-ventana__cerrar { top: .5rem; right: .5rem; }
.acua-feed-ventana__nav--ant { top: 50%; left: .5rem; transform: translateY(-50%); }
.acua-feed-ventana__nav--sig { top: 50%; left: calc(60% - 3rem); transform: translateY(-50%); }
.acua-feed-ventana button:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 5px #000; }
@media (max-width: 700px) {
	.acua-feed-ventana__cuerpo { grid-template-columns: 1fr; overflow-y: auto; }
	.acua-feed-ventana__imagen { max-height: 60vh; }
	.acua-feed-ventana__info { padding-top: 1rem; }
	.acua-feed-ventana__nav--ant, .acua-feed-ventana__nav--sig { top: 30vh; }
	.acua-feed-ventana__nav--sig { left: auto; right: .5rem; }
}
@media (prefers-reduced-motion: reduce) { .acua-feed__imagen { transition: none; } .acua-feed--carrusel .acua-feed__lista { scroll-behavior: auto; } }

/* Aviso para quien edita */
.acua-feed-aviso { margin: 0 0 1rem; padding: .75rem 1rem; border-left: 4px solid #dba617; background: #fcf9e8; color: #1e1e1e; font-size: .9rem; }