/* Borders */
.border { border-width: 1px; }
.border-0 { border-width: 0; }
.border-2 { border-width: 2px; }
.border-4 { border-width: 4px; }
.border-8 { border-width: 8px; }

/* Border Colors */
.border-primary { border-color: var(--primary-color); }
.border-secondary { border-color: var(--secondary-color); }
.border-terciary { border-color: var(--terciary-color); }

.border-transparent { border-color: transparent; }
.border-black { border-color: #000; }
.border-white { border-color: #fff; }
.border-gray-100 { border-color: #f3f4f6; }
.border-gray-200 { border-color: #e5e7eb; }
.border-gray-300 { border-color: #d1d5db; }
.border-gray-400 { border-color: #9ca3af; }
.border-gray-500 { border-color: #6b7280; }
.border-gray-600 { border-color: #4b5563; }
.border-gray-700 { border-color: #374151; }
.border-gray-800 { border-color: #1f2937; }
.border-gray-900 { border-color: #111827; }

/* Border Styles */
.border-solid { border-style: solid; }
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
.border-double { border-style: double; }
.border-none { border-style: none; }

/* Border Radius */
.rounded-none { border-radius: 0; }
.rounded-sm { border-radius: 0.125rem; } /* 2px */
.rounded { border-radius: 0.25rem; } /* 4px */
.rounded-md { border-radius: 0.375rem; } /* 6px */
.rounded-lg { border-radius: 0.5rem; } /* 8px */
.rounded-xl { border-radius: 0.75rem; } /* 12px */
.rounded-2xl { border-radius: 1rem; } /* 16px */
.rounded-3xl { border-radius: 1.5rem; } /* 24px */
.rounded-full { border-radius: 9999px; }

/* Border Radius por esquinas */
.rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; }
.rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
.rounded-r-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
.rounded-b-sm { border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }
.rounded-l-sm { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }

.rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
.rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }

.rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
.rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }

.rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
.rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
.rounded-b-xl { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }
.rounded-l-xl { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }

.rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.rounded-r-2xl { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
.rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; }
.rounded-l-2xl { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }

.rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }
.rounded-r-3xl { border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
.rounded-b-3xl { border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }
.rounded-l-3xl { border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }

.rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; }
.rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
.rounded-b-full { border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px; }
.rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }

/* Breakpoints responsivos */
@media (min-width: 576px) {
  .sm\:border { border-width: 1px; }
  .sm\:border-0 { border-width: 0; }
  .sm\:border-2 { border-width: 2px; }
  .sm\:border-4 { border-width: 4px; }
  .sm\:border-8 { border-width: 8px; }

  .sm\:border-primary { border-color: var(--primary-color); }
  .sm\:border-secondary { border-color: var(--secondary-color); }
  .sm\:border-terciary { border-color: var(--terciary-color); }

  .sm\:border-transparent { border-color: transparent; }
  .sm\:border-black { border-color: #000; }
  .sm\:border-white { border-color: #fff; }
  .sm\:border-gray-100 { border-color: #f3f4f6; }
  .sm\:border-gray-200 { border-color: #e5e7eb; }
  .sm\:border-gray-300 { border-color: #d1d5db; }
  .sm\:border-gray-400 { border-color: #9ca3af; }
  .sm\:border-gray-500 { border-color: #6b7280; }
  .sm\:border-gray-600 { border-color: #4b5563; }
  .sm\:border-gray-700 { border-color: #374151; }
  .sm\:border-gray-800 { border-color: #1f2937; }
  .sm\:border-gray-900 { border-color: #111827; }

  .sm\:border-solid { border-style: solid; }
  .sm\:border-dashed { border-style: dashed; }
  .sm\:border-dotted { border-style: dotted; }
  .sm\:border-double { border-style: double; }
  .sm\:border-none { border-style: none; }

  .sm\:rounded-none { border-radius: 0; }
  .sm\:rounded-sm { border-radius: 0.125rem; }
  .sm\:rounded { border-radius: 0.25rem; }
  .sm\:rounded-md { border-radius: 0.375rem; }
  .sm\:rounded-lg { border-radius: 0.5rem; }
  .sm\:rounded-xl { border-radius: 0.75rem; }
  .sm\:rounded-2xl { border-radius: 1rem; }
  .sm\:rounded-3xl { border-radius: 1.5rem; }
  .sm\:rounded-full { border-radius: 9999px; }

  .sm\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; }
  .sm\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .sm\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
  .sm\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }

  .sm\:rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
  .sm\:rounded-r-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
  .sm\:rounded-b-sm { border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }
  .sm\:rounded-l-sm { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }

  .sm\:rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
  .sm\:rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
  .sm\:rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
  .sm\:rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

  .sm\:rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
  .sm\:rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
  .sm\:rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
  .sm\:rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }

  .sm\:rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
  .sm\:rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
  .sm\:rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
  .sm\:rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }

  .sm\:rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
  .sm\:rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
  .sm\:rounded-b-xl { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }
  .sm\:rounded-l-xl { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }

  .sm\:rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
  .sm\:rounded-r-2xl { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
  .sm\:rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; }
  .sm\:rounded-l-2xl { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }

  .sm\:rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }
  .sm\:rounded-r-3xl { border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
  .sm\:rounded-b-3xl { border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }
  .sm\:rounded-l-3xl { border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }

  .sm\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; }
  .sm\:rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
  .sm\:rounded-b-full { border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px; }
  .sm\:rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
}

/* Repite el mismo patrón para md, lg, xl, y 2xl */

@media (min-width: 768px) {
    .md\:border { border-width: 1px; }
    .md\:border-0 { border-width: 0; }
    .md\:border-2 { border-width: 2px; }
    .md\:border-4 { border-width: 4px; }
    .md\:border-8 { border-width: 8px; }

    .md\:border-primary { border-color: var(--primary-color); }
    .md\:border-secondary { border-color: var(--secondary-color); }
    .md\:border-terciary { border-color: var(--terciary-color); }

    .md\:border-transparent { border-color: transparent; }
    .md\:border-black { border-color: #000; }
    .md\:border-white { border-color: #fff; }
    .md\:border-gray-100 { border-color: #f3f4f6; }
    .md\:border-gray-200 { border-color: #e5e7eb; }
    .md\:border-gray-300 { border-color: #d1d5db; }
    .md\:border-gray-400 { border-color: #9ca3af; }
    .md\:border-gray-500 { border-color: #6b7280; }
    .md\:border-gray-600 { border-color: #4b5563; }
    .md\:border-gray-700 { border-color: #374151; }
    .md\:border-gray-800 { border-color: #1f2937; }
    .md\:border-gray-900 { border-color: #111827; }

    .md\:border-solid { border-style: solid; }
    .md\:border-dashed { border-style: dashed; }
    .md\:border-dotted { border-style: dotted; }
    .md\:border-double { border-style: double; }
    .md\:border-none { border-style: none; }

    .md\:rounded-none { border-radius: 0; }
    .md\:rounded-sm { border-radius: 0.125rem; }
    .md\:rounded { border-radius: 0.25rem; }
    .md\:rounded-md { border-radius: 0.375rem; }
    .md\:rounded-lg { border-radius: 0.5rem; }
    .md\:rounded-xl { border-radius: 0.75rem; }
    .md\:rounded-2xl { border-radius: 1rem; }
    .md\:rounded-3xl { border-radius: 1.5rem; }
    .md\:rounded-full { border-radius: 9999px; }

    .md\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; }
    .md\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .md\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
    .md\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }

    .md\:rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
    .md\:rounded-r-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
    .md\:rounded-b-sm { border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }
    .md\:rounded-l-sm { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }

    .md\:rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
    .md\:rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
    .md\:rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
    .md\:rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

    .md\:rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
    .md\:rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
    .md\:rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
    .md\:rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }

    .md\:rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
    .md\:rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
    .md\:rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
    .md\:rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }

    .md\:rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
    .md\:rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
    .md\:rounded-b-xl { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }
    .md\:rounded-l-xl { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }

    .md\:rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
    .md\:rounded-r-2xl { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
    .md\:rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; }
    .md\:rounded-l-2xl { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }

    .md\:rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }
    .md\:rounded-r-3xl { border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
    .md\:rounded-b-3xl { border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }
    .md\:rounded-l-3xl { border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }

    .md\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; }
    .md\:rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
    .md\:rounded-b-full { border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px; }
    .md\:rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
}



@media (min-width: 992px) {
    .lg\:border { border-width: 1px; }
    .lg\:border-0 { border-width: 0; }
    .lg\:border-2 { border-width: 2px; }
    .lg\:border-4 { border-width: 4px; }
    .lg\:border-8 { border-width: 8px; }

    .lg\:border-primary { border-color: var(--primary-color); }
    .lg\:border-secondary { border-color: var(--secondary-color); }
    .lg\:border-terciary { border-color: var(--terciary-color); }

    .lg\:border-transparent { border-color: transparent; }
    .lg\:border-black { border-color: #000; }
    .lg\:border-white { border-color: #fff; }
    .lg\:border-gray-100 { border-color: #f3f4f6; }
    .lg\:border-gray-200 { border-color: #e5e7eb; }
    .lg\:border-gray-300 { border-color: #d1d5db; }
    .lg\:border-gray-400 { border-color: #9ca3af; }
    .lg\:border-gray-500 { border-color: #6b7280; }
    .lg\:border-gray-600 { border-color: #4b5563; }
    .lg\:border-gray-700 { border-color: #374151; }
    .lg\:border-gray-800 { border-color: #1f2937; }
    .lg\:border-gray-900 { border-color: #111827; }

    .lg\:border-solid { border-style: solid; }
    .lg\:border-dashed { border-style: dashed; }
    .lg\:border-dotted { border-style: dotted; }
    .lg\:border-double { border-style: double; }
    .lg\:border-none { border-style: none; }

    .lg\:rounded-none { border-radius: 0; }
    .lg\:rounded-sm { border-radius: 0.125rem; }
    .lg\:rounded { border-radius: 0.25rem; }
    .lg\:rounded-md { border-radius: 0.375rem; }
    .lg\:rounded-lg { border-radius: 0.5rem; }
    .lg\:rounded-xl { border-radius: 0.75rem; }
    .lg\:rounded-2xl { border-radius: 1rem; }
    .lg\:rounded-3xl { border-radius: 1.5rem; }
    .lg\:rounded-full { border-radius: 9999px; }

    .lg\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; }
    .lg\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .lg\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
    .lg\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }

    .lg\:rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
    .lg\:rounded-r-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
    .lg\:rounded-b-sm { border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }
    .lg\:rounded-l-sm { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }

    .lg\:rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
    .lg\:rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
    .lg\:rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
    .lg\:rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

    .lg\:rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
    .lg\:rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
    .lg\:rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
    .lg\:rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }

    .lg\:rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
    .lg\:rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
    .lg\:rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
    .lg\:rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }

    .lg\:rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
    .lg\:rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
    .lg\:rounded-b-xl { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }
    .lg\:rounded-l-xl { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }

    .lg\:rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
    .lg\:rounded-r-2xl { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
    .lg\:rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; }
    .lg\:rounded-l-2xl { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }

    .lg\:rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }
    .lg\:rounded-r-3xl { border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
    .lg\:rounded-b-3xl { border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }
    .lg\:rounded-l-3xl { border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }

    .lg\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; }
    .lg\:rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
    .lg\:rounded-b-full { border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px; }
    .lg\:rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
}


@media (min-width: 1200px) {
    .xl\:border { border-width: 1px; }
    .xl\:border-0 { border-width: 0; }
    .xl\:border-2 { border-width: 2px; }
    .xl\:border-4 { border-width: 4px; }
    .xl\:border-8 { border-width: 8px; }

    .xl\:border-primary { border-color: var(--primary-color); }
    .xl\:border-secondary { border-color: var(--secondary-color); }
    .xl\:border-terciary { border-color: var(--terciary-color); }

    .xl\:border-transparent { border-color: transparent; }
    .xl\:border-black { border-color: #000; }
    .xl\:border-white { border-color: #fff; }
    .xl\:border-gray-100 { border-color: #f3f4f6; }
    .xl\:border-gray-200 { border-color: #e5e7eb; }
    .xl\:border-gray-300 { border-color: #d1d5db; }
    .xl\:border-gray-400 { border-color: #9ca3af; }
    .xl\:border-gray-500 { border-color: #6b7280; }
    .xl\:border-gray-600 { border-color: #4b5563; }
    .xl\:border-gray-700 { border-color: #374151; }
    .xl\:border-gray-800 { border-color: #1f2937; }
    .xl\:border-gray-900 { border-color: #111827; }

    .xl\:border-solid { border-style: solid; }
    .xl\:border-dashed { border-style: dashed; }
    .xl\:border-dotted { border-style: dotted; }
    .xl\:border-double { border-style: double; }
    .xl\:border-none { border-style: none; }

    .xl\:rounded-none { border-radius: 0; }
    .xl\:rounded-sm { border-radius: 0.125rem; }
    .xl\:rounded { border-radius: 0.25rem; }
    .xl\:rounded-md { border-radius: 0.375rem; }
    .xl\:rounded-lg { border-radius: 0.5rem; }
    .xl\:rounded-xl { border-radius: 0.75rem; }
    .xl\:rounded-2xl { border-radius: 1rem; }
    .xl\:rounded-3xl { border-radius: 1.5rem; }
    .xl\:rounded-full { border-radius: 9999px; }

    .xl\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; }
    .xl\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .xl\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
    .xl\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }

    .xl\:rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
    .xl\:rounded-r-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
    .xl\:rounded-b-sm { border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }
    .xl\:rounded-l-sm { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }

    .xl\:rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
    .xl\:rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
    .xl\:rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
    .xl\:rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

    .xl\:rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
    .xl\:rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
    .xl\:rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
    .xl\:rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }

    .xl\:rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
    .xl\:rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
    .xl\:rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }
    .xl\:rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }

    .xl\:rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
    .xl\:rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
    .xl\:rounded-b-xl { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }
    .xl\:rounded-l-xl { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; }

    .xl\:rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
    .xl\:rounded-r-2xl { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }
    .xl\:rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; }
    .xl\:rounded-l-2xl { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }

    .xl\:rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }
    .xl\:rounded-r-3xl { border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; }
    .xl\:rounded-b-3xl { border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }
    .xl\:rounded-l-3xl { border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }

    .xl\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; }
    .xl\:rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
    .xl\:rounded-b-full { border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px; }
    .xl\:rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
}