/* ════════════════════════════════════════════════════════════════
 * MAS · interactive.css — pulido editorial sobrio
 * Premium pero serio: transición de página, subrayados que crecen,
 * zoom lento en imágenes al hover. Cursor nativo, SIN efectos de ratón.
 * ════════════════════════════════════════════════════════════════ */

/* ─── Transición suave entre páginas (View Transitions · progresivo) ─── */
@view-transition { navigation: auto; }
::view-transition-old(root),
::view-transition-new(root) {
	animation-duration: 420ms;
	animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
::view-transition-old(root) { animation-name: mas-vt-out; }
::view-transition-new(root) { animation-name: mas-vt-in; }
@keyframes mas-vt-out { to { opacity: 0; transform: translateY(-8px); } }
@keyframes mas-vt-in  { from { opacity: 0; transform: translateY(10px); } }

/* ─── Subrayado que crece en enlaces de contenido ─── */
.mas-oped-body a,
.mas-paper-content a,
.mas-about__bio-body a,
.mas-oped-source-note a {
	text-decoration: none;
	background-image: linear-gradient( currentColor, currentColor );
	background-size: 0% 1px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	transition: background-size 380ms cubic-bezier(0.16, 1, 0.3, 1);
	padding-bottom: 1px;
}
.mas-oped-body a:hover,
.mas-paper-content a:hover,
.mas-about__bio-body a:hover,
.mas-oped-source-note a:hover { background-size: 100% 1px; }

/* ─── Zoom lento de imágenes al hover (en contenedores que recortan) ─── */
.mas-cuadernos__card { overflow: hidden; }
.mas-cuadernos__photo,
.mas-feat__media,
.mas-feat__img,
.mas-recent__thumb {
	transition: transform 800ms cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}
.mas-cuadernos__card:hover .mas-cuadernos__photo,
.mas-feat:hover .mas-feat__media,
.mas-feat:hover .mas-feat__img,
.mas-recent__item:hover .mas-recent__thumb { transform: scale( 1.045 ); }

@media (prefers-reduced-motion: reduce) {
	.mas-cuadernos__photo,
	.mas-feat__media,
	.mas-feat__img,
	.mas-recent__thumb { transition: none; }
	::view-transition-old(root),
	::view-transition-new(root) { animation: none; }
}