/* Speciale · detalle fino
   Mejoras de acabado tomadas de la revisión del agente de Netlify,
   filtradas: se excluyen portadaRespira, nombreEntra y copyEntra porque
   escalan el hero y chocan con la animación del wordmark y con la cortina. */

/* Accesibilidad: salto al contenido */
.skipLinkSpeciale{position:fixed;top:12px;left:12px;z-index:10000;padding:12px 16px;background:#f6f6f3;color:#111;border:1px solid #111;font:600 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;transform:translateY(-180%);transition:transform .2s ease}
.skipLinkSpeciale:focus{transform:translateY(0)}

/* Foco visible en formularios y desplegables */
.reunionForm input:focus-visible,.reunionForm select:focus-visible,.reunionForm textarea:focus-visible,
.trazoFormulario input:focus-visible,.trazoFormulario textarea:focus-visible,
.preguntasLista summary:focus-visible{outline:2px solid currentColor!important;outline-offset:4px!important}

/* Imágenes de casos: encuadre corregido y acercamiento contenido */
.motionEditorial img{max-width:100%}
.evidencia .marcasGrid article,.conceptoSecuencia article{overflow:hidden}
.evidencia .marcasGrid article img,.conceptoSecuencia article img{display:block;width:100%;object-fit:cover;transform:scale(1.001);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .55s ease;will-change:transform}
.evidencia .marcasGrid article:hover img,.evidencia .marcasGrid article:focus-within img,.conceptoSecuencia article:hover img{transform:scale(1.035)}
.evidencia .marcasGrid article:nth-child(2) img{object-position:50% 42%!important}
.evidencia .marcasGrid article:nth-child(5) img{object-position:50% 48%!important}


/* Tarjetas de capacidades */
.capacidadesCompactas>a{transition:background-color .35s ease,color .35s ease,transform .35s ease!important}
.capacidadesCompactas>a:hover{transform:translateY(-4px)}

/* Rendimiento de secciones largas */
/* content-visibility retirado: rompe el IntersectionObserver del umbral del concepto
   y los reveals. El ahorro no compensa perder el efecto. */

@media (max-width:700px){
  .evidencia .marcasGrid article img{object-position:center!important}
  .evidencia .marcasGrid article:nth-child(2) img{object-position:50% 34%!important}
}

@media (prefers-reduced-motion:reduce){
  .evidencia .marcasGrid article img,.conceptoSecuencia article img{transition:none!important;transform:none!important}
  .capacidadesCompactas>a:hover{transform:none}
}