/* ===========================================================
   TAILWIND BASE (CDN VERSION)
   =========================================================== */

@import url("https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css");

/* ===========================================================
   EXTENSIONES PERSONALIZADAS PARA TLP SAZ MOVIL
   =========================================================== */

/* Contenedor principal */
.tlp-container {
  @apply max-w-3xl mx-auto p-4;
}

/* Botón principal */
.tlp-btn {
  @apply bg-blue-600 text-white font-semibold rounded-lg py-2 px-4 text-center shadow;
}
.tlp-btn:hover {
  @apply bg-blue-700;
}

/* Botón secundario */
.tlp-btn-secondary {
  @apply bg-gray-600 text-white font-semibold rounded-lg py-2 px-4 text-center shadow;
}
.tlp-btn-secondary:hover {
  @apply bg-gray-700;
}

/* Cards */
.tlp-card {
  @apply bg-white rounded-xl shadow p-4 mb-4;
}

/* Campos de formulario */
.tlp-input {
  @apply w-full border rounded p-2 mb-2 text-sm;
}

/* Títulos */
.tlp-title {
  @apply text-lg font-bold mb-3;
}

/* Textos */
.tlp-text {
  @apply text-sm text-gray-700;
}