* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{font-family:var(--font-inter); -webkit-tap-highlight-color:transparent}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#a7a7a71f}
::-webkit-scrollbar{width:6px;background-color:#a7a7a71f}
::-webkit-scrollbar-thumb{background-color:#4d6bfe}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.circle{animation:circleAnimation 5s linear}
@keyframes circleAnimation{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(.9)}to{transform:rotate(1turn) scale(1)}}

html {
  scroll-behavior: smooth;
}

/* Fix autofill amarillo */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px rgba(59, 130, 246, 0.05) inset !important;
    -webkit-text-fill-color: #1f2937 !important;
    transition: background-color 5000s ease-in-out 0s;
}

*, ::after, ::before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

/* Asegurar que blur funcione */
.blur-\[200px\] {
    filter: blur(200px);
    -webkit-filter: blur(200px);
}
/* Utilidades Tailwind-style */
.flex { display: flex; }
.flex-1 { flex: 1; }
.flex-col { flex-direction: column; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.items-center { align-items: center; }
.gap-1\.5 { gap: 0.375rem; }
.gap-2 { gap: 0.5rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.w-full { width: 100%; }
.w-1\/2 { width: 50%; }
.w-64 { width: 16rem; }
.h-screen { height: 100vh; }
.h-12 { height: 3rem; }
.max-w-xl { max-width: 36rem; }
.p-2 { padding: 0.5rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-4 { padding-top: 1rem; }
.pt-6 { padding-top: 1.5rem; }
.pt-8 { padding-top: 2rem; }
.pt-10 { padding-top: 2.5rem; }
.pb-3 { padding-bottom: 0.75rem; }
.mt-2 { margin-top: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.ml-auto { margin-left: auto; }
.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 0.875rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.text-center { text-align: center; }
.text-end { text-align: end; }
.text-white { color: #ffffff; }
.text-red-500 { color: #ef4444; }
.text-gray-50 { color: #f9fafb; }
.text-gray-100 { color: #f3f4f6; }
.text-gray-200 { color: #e5e7eb; }
.text-gray-300 { color: #d1d5db; }
.bg-white { background-color: #ffffff; }
.bg-gray-50 { background-color: #f9fafb; }
.bg-gray-100 { background-color: #f3f4f6; }
.bg-blue-100 { background-color: #dbeafe; }
.border { border-width: 1px; }
.border-r { border-right-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-t { border-top-width: 1px; }
.border-gray-200 { border-color: #e5e7eb; }
.border-gray-300 { border-color: #d1d5db; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-full { border-radius: 9999px; }
.outline-none { outline: 0; }
.cursor-pointer { cursor: pointer; }
.overflow-hidden { overflow: hidden; }
.overflow-y-auto { overflow-y: auto; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.bottom-4 { bottom: 1rem; }
.block { display: block; }
.space-y-2 > * + * { margin-top: 0.5rem; }
.space-y-4 > * + * { margin-top: 1rem; }
.hover\:bg-gray-100:hover { background-color: #f3f4f6; }
.opacity-30 { opacity: 0.3; }
.opacity-70 { opacity: 0.7; }
.blur-\[200px\] { filter: blur(200px); }

/* Grid */
.grid { display: grid; }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.col-span-2 { grid-column: span 2 / span 2; }

/* Colores personalizados */
.bg-primaryColor { background-color: #3b82f6; }
.text-primaryColor { color: #3b82f6; }
.border-primaryColor { border-color: #3b82f6; }
.text-errorColor { color: #ef4444; }
.text-n400 { color: #9ca3af; }
.text-n500 { color: #6b7280; }
.text-n700 { color: #374151; }
.border-n30 { border-color: #e5e7eb; }
.bg-primaryColor\/5 { background-color: rgba(59, 130, 246, 0.05); }

/* Tamaños especiales */
.size-\[227px\] { width: 227px; height: 227px; }
.-top-56 { top: -14rem; }
.-left-56 { left: -14rem; }
.-bottom-56 { bottom: -14rem; }

/* Inputs */
input, select, button {
    font-family: inherit;
}

input[type="email"],
input[type="password"],
input[type="text"],
select {
    width: 100%;
}

button[type="submit"] {
    transition: background-color 0.2s;
}

button[type="submit"]:hover {
    opacity: 0.9;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

/* Responsivo básico */
@media (max-width: 768px) {
    .max-xxl\:hidden { display: none; }
    .max-xxl\:justify-center { justify-content: center; }
    .max-xxl\:max-w-\[600px\] { max-width: 600px; }
    .max-xxl\:container { 
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 1536px) {
    .xxl\:gap-20 { gap: 5rem; }
    .xxl\:h-dvh { height: 100dvh; }
    .xxl\:ml-\[calc\(\(100\%-1296px\)\/2\)\] { 
        margin-left: calc((100% - 1296px) / 2); 
    }
}

/* Colores adicionales */
.bg-warningColor { background-color: #f59e0b; }
.bg-errorColor { background-color: #ef4444; }
.bg-successColor { background-color: #10b981; }
.bg-\[#00B8D9\] { background-color: #00B8D9; }
.text-lightN400 { color: #9ca3af; }
.border-lightN30 { border-color: #e5e7eb; }
.bg-lightBg1 { background-color: rgba(0, 0, 0, 0.02); }
.dark .bg-lightBg1 { background-color: rgba(255, 255, 255, 0.05); }
.h-px { height: 1px; }
.duration-300 { transition-duration: 300ms; }
.-top-[300px] { top: -300px; }
.-bottom-[150px] { bottom: -150px; }
.-bottom-[200px] { bottom: -200px; }
.-left-[100px] { left: -100px; }
.-left-[150px] { left: -150px; }
.left-\[20\%\] { left: 20%; }
.left-\[30\%\] { left: 30%; }
.left-\[50\%\] { left: 50%; }
.top-\[200px\] { top: 200px; }
.top-\[400px\] { top: 400px; }
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #1f2937;
    background-color: #ffffff;
    overflow-x: hidden;
}

/* Fix autofill amarillo */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px rgba(59, 130, 246, 0.05) inset !important;
    -webkit-text-fill-color: #1f2937 !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Asegurar que blur funcione */
.blur-\[200px\] {
    filter: blur(200px);
    -webkit-filter: blur(200px);
}

.bg-transparent {
  background-color: transparent;
}
.w-full {
  width: 100%;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #657ea2 !important;
    transition: background-color 5000s ease-in-out 0s !important;
    box-shadow: inset 0 0 20px 20px rgba(255, 255, 255, 0) !important;
}

input {
    background-color: transparent !important;
}

.bg-primaryColor\/5 input {
    background-color: transparent !important;
}

.bg-n900 { background-color: #0f172a; }
.bg-n0 { background-color: #0f172a; }
.text-n30 { color: #e2e8f0; }

.bg-n900 { background-color: #1e293b; }
.dark .bg-n900 { background-color: #0f172a; }
.text-n400 { color: #94a3b8; }
.w-\[312px\] { width: 312px; }
.max-w-\[1070px\] { max-width: 1070px; }
.rounded-2xl { border-radius: 1rem; }
svg { display: inline-block; vertical-align: middle; }
.justify-start {
  justify-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.h-full {
  height: 100%;
}
.border-primaryColor\/20 {
  border-color: rgba(77,107,254,.2);
}
.border-r {
  border-right-width: 1px;
}
.overflow-hidden {
  overflow: hidden;
}
.w-\[312px\] {
  width: 312px;
}
.h-dvh {
  height: 100dvh;
}
.ml-\[-312px\] {
  margin-left: -312px;
}
.z-40 {
  z-index: 40;
}
.top-0 {
  top: 0;
}
.left-0 {
  left: 0;
}

::after, ::before {
  --tw-content: "";
}
elemento {
}
.pb-3 {
  padding-bottom: .75rem;
}
.gap-3 {
  gap: .75rem;

}
.justify-between {
  justify-content: space-between;
}
.items-center {
  align-items: center;
}
.flex-col {
  flex-direction: column;
}
.flex-1 {
  flex: 1 1 0%;

}
.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}
.flex {
  display: flex;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.pb-8 {
  padding-bottom: 2rem;
}

@media (min-width: 576px) {
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.max-w-\[1070px\] {
  max-width: 1070px;
}

@media (min-width: 992px) {
  .lg\:p-4 {
    padding: 1rem;
  }
}
.p-2 {
  padding: .5rem;
}
.bg-primaryColor\/5 {
  background-color: rgba(77,107,254,.05);
}
.border-primaryColor\/20 {
  border-color: rgba(77,107,254,.2);
}