/* ============================================================
   San Roque — capa de animación (elegante y sobria)
   Compartida por index / nosotros / servicios / contacto
   ============================================================ */

@media (prefers-reduced-motion: no-preference){

  /* --- Fotos de contenido: "settle zoom" al aparecer + micro-zoom en hover --- */
  .sr-zoom-box{overflow:hidden}
  .sr-zoom{transform:scale(1.09);transition:transform 1.5s cubic-bezier(.16,.74,.28,1)}
  .sr-zoom.is-in{transform:scale(1)}
  .sr-zoom-box:hover .sr-zoom.is-in{transform:scale(1.05)}

  /* --- Subrayado dorado en el nav de texto (páginas internas) --- */
  .sr-underline{position:relative}
  .sr-underline::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;
    background:#B79A66;transform:scaleX(0);transform-origin:right;
    transition:transform .4s cubic-bezier(.16,.74,.28,1)}
  .sr-underline:hover::after{transform:scaleX(1);transform-origin:left}

  /* --- Feedback de pulsación en botones/CTA con forma de píldora --- */
  .sr-press{transition:transform .2s cubic-bezier(.16,.74,.28,1),
    box-shadow .3s ease, background-color .3s ease, border-color .3s ease, color .3s ease}
  .sr-press:hover{transform:translateY(-2px)}
  .sr-press:active{transform:translateY(0) scale(.985)}

  /* --- Flecha que se desliza dentro de los botones --- */
  .sr-arrow{transition:transform .35s cubic-bezier(.16,.74,.28,1)}
  .sr-press:hover .sr-arrow{transform:translateX(4px)}

  /* --- Contadores: sin salto de layout --- */
  .sr-count{font-variant-numeric:tabular-nums}
}