.tarjeta-sitio{border:1px solid var(--borde);background:var(--superficie);transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.tarjeta-sitio:has(:focus-visible){border-color:var(--acento);box-shadow:0 0 0 3px var(--anillo)}@media (hover:hover){.tarjeta-sitio:hover{border-color:color-mix(in oklab, var(--acento) 60%, var(--borde));box-shadow:var(--sombra-lg);transform:translateY(-3px)}}.tarjeta-sitio .flecha-sitio{transition:transform .2s}.tarjeta-sitio:hover .flecha-sitio{transform:translate(3px)}.revelar{transition:opacity .55s ease var(--retraso,0s), transform .55s cubic-bezier(.2, .7, .2, 1) var(--retraso,0s)}.revelar.revelar-oculto{opacity:0;transform:translateY(16px)}@media (prefers-reduced-motion:reduce){.tarjeta-sitio,.tarjeta-sitio .flecha-sitio,.revelar{transition:none}.tarjeta-sitio:hover,.tarjeta-sitio:hover .flecha-sitio{transform:none}.revelar.revelar-oculto{opacity:1;transform:none}}