/* Parches a bugs que vienen del export de Zyro a HTML estático, no de este
   código. Un solo archivo para no mezclarlos con estilos propios (tarjetas.css). */

/* Cada foto del sitio existe dos veces en el HTML: una versión para escritorio
   y otra para celular, cada una revelada por una animación de opacidad que
   antes activaba JavaScript de Vue (clase "loaded" agregada al cargar la
   imagen). El export congeló la página en vista de escritorio: la versión de
   escritorio quedó con esa clase ya puesta, la de celular nunca la tuvo. Sin
   Vue corriendo, nada se la agrega nunca — la foto de celular queda con
   opacity:0 para siempre, ocupando su espacio pero invisible.
   Verificado en el HTML original, sin ningún cambio nuestro: el bug ya
   estaba ahí desde el primer export. */
.image-wrapper--mobile{opacity:1 !important}

/* Íconos de redes del pie (TikTok, Instagram): el enlace clicable mide 20×20px,
   por debajo del mínimo táctil de 24×24 que pide WCAG (hallado con Lighthouse
   el 4 sep 2026). El ícono adentro no cambia de tamaño — display:flex lo centra
   solo — así que esto agranda el área donde se puede tocar, no el dibujo. */
.social-icons__link{min-width:24px;min-height:24px}

/* Formulario de Contáctame: el botón "Enviar" quedaba muy abajo, con un
   hueco grande encima. La causa es un <p role="status"> que Vue llenaba
   con "mensaje enviado" o el error, y que reservaba su alto (min-height:
   1.4em) aunque estuviera vacío. Sin Vue, siempre está vacío — puro hueco.
   Colapsarlo sube el botón. */
form[data-boxen="1"] p[role="status"]{min-height:0;margin:0}