/* alPsicólogo — estilos custom encima de Tailwind CDN */

/* Suavizar transiciones globales para microinteracciones */
* { -webkit-tap-highlight-color: transparent; }

html { scroll-behavior: smooth; }

/* Tipografía Inter ya cargada desde Google Fonts en header */
body {
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* Prose ajustes para páginas estáticas */
.prose h2 { margin-top: 2.5rem; }
.prose p { line-height: 1.75; }
.prose ul { padding-left: 1.5rem; }
.prose a { color: #0d9488; text-decoration: underline; }
.prose a:hover { color: #0f766e; }

/* Tarjeta hover lift */
article.group { will-change: transform; }
article.group:hover { transform: translateY(-2px); }

/* Modal: scroll lock cuando está abierto */
body.modal-open { overflow: hidden; }

/* Focus visible para a11y */
:focus-visible {
  outline: 2px solid #0d9488;
  outline-offset: 2px;
  border-radius: 0.25rem;
}

/* Animaciones suaves cuando aparece el cuestionario */
#modal-cuestionario { transition: opacity 0.2s ease; }
#cuestionario-cuerpo button[data-opt] { transition: all 0.15s ease; }
#cuestionario-cuerpo button[data-opt]:hover { transform: translateX(2px); }

/* Print-friendly perfil de psicólogo */
@media print {
  header, footer, [data-track-click], button { display: none !important; }
  body { background: white; }
}