/* Registro Empresa - New Design */

body.als-page-registro-empresa {
  background: #ffffff !important;
  overflow-x: hidden;
  --registro-fab-left: 16px;
  --registro-fab-bottom: 16px;
  --registro-fab-z: 9999;
}

body.als-page-registro-empresa .als-main {
  padding: 0;
}

body.als-page-registro-empresa .als-fade-up {
  animation: none !important;
  transform: none !important;
}

.registro-empresa {
  min-height: 100vh;
  background: #ffffff;
}

.registro-empresa .bg-surface-light {
  background: #FFFFFF;
}

.registro-empresa .bg-background-light {
  background: #ffffff;
}


.registro-empresa .text-text-light {
  color: #000000;
}


.registro-empresa .border-surface-light {
  border-color: #FFFFFF;
}


.registro-empresa .ring-surface-dark {
  --tw-ring-color: #1F2937;
}


/* Form Styles */
.registro-empresa .form-radio {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 9999px;
  border: 1px solid #9CA3AF;
  background: #F3F4F6;
  cursor: pointer;
  transition: all 0.15s ease;
}

.registro-empresa .form-radio:checked {
  border-color: #EAB308;
  box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.2);
  background: radial-gradient(circle at center, #EAB308 0 8px, #F3F4F6 8px 100%);
}


/* Custom Scrollbar */
.registro-empresa ::-webkit-scrollbar {
  width: 8px;
}

.registro-empresa ::-webkit-scrollbar-track {
  background: transparent;
}

.registro-empresa ::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}


/* Spinner */
.registro-empresa .reg-emp-spinner {
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: rgba(255, 255, 255, 1);
  animation: regEmpSpin 1s linear infinite;
}

.registro-empresa .reg-emp-spinner:not([style*="display: none"]) {
  display: inline-block !important;
}

@keyframes regEmpSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Help text */
.registro-empresa .reg-emp-help {
  min-height: 14px;
  font-size: 14px;
  color: #6B7280;
}

.registro-empresa [data-step-circle] {
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.registro-empresa [data-step-circle].bg-primary {
  transform: scale(1.04);
}

.registro-empresa .reg-emp-step-alert {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #991b1b;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  padding: 5px 10px;
}

.registro-empresa .reg-emp-step-alert.hidden {
  display: none !important;
}

/* Responsive adjustments */
@media (max-width: 1023px) {
  .registro-empresa .hidden\:lg\:block {
    display: none;
  }
}

@media (min-width: 1024px) {
  .registro-empresa .lg\:block {
    display: block;
  }
  
  .registro-empresa .lg\:hidden {
    display: none;
  }
  
  .registro-empresa .lg\:w-1\/3 {
    width: 33.333333%;
  }
  
  .registro-empresa .lg\:w-2\/3 {
    width: 66.666667%;
  }
  
  .registro-empresa .lg\:flex-row {
    flex-direction: row;
  }
}

/* Primary color utilities */
.registro-empresa .bg-primary {
  background-color: #EAB308;
}

.registro-empresa .bg-primary\/10 {
  background-color: rgba(234, 179, 8, 0.1);
}

.registro-empresa .bg-primary\/5 {
  background-color: rgba(234, 179, 8, 0.05);
}

.registro-empresa .text-primary {
  color: #EAB308;
}

/* Typography color normalization: keep a single black tone like registro */
.registro-empresa h1,
.registro-empresa h2,
.registro-empresa h3,
.registro-empresa label,
.registro-empresa .text-black,
.registro-empresa .text-gray-900,
.registro-empresa .text-gray-800,
.registro-empresa .text-gray-700,
.registro-empresa .font-bold,
.registro-empresa .font-semibold {
  color: #000000;
}

.registro-empresa input,
.registro-empresa select,
.registro-empresa textarea {
  color: #000000;
}

.registro-empresa .hover\:bg-primary-hover:hover {
  background-color: #1c1c1c;
}


.registro-empresa .border-primary\/50 {
  border-color: rgba(234, 179, 8, 0.5);
}

.registro-empresa .border-primary\/20 {
  border-color: rgba(234, 179, 8, 0.2);
}

.registro-empresa .shadow-primary\/30 {
  --tw-shadow-color: rgba(234, 179, 8, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

/* Home FAB (same visual language as registro) */
[data-registro-empresa] .home-fab-wrap {
  position: fixed !important;
  left: max(var(--registro-fab-left, 16px), env(safe-area-inset-left));
  bottom: max(var(--registro-fab-bottom, 16px), env(safe-area-inset-bottom));
  z-index: var(--registro-fab-z, 9999);
}

[data-registro-empresa] .home-fab {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #000;
  color: #F2C11C;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

[data-registro-empresa] .home-fab-icon {
  width: 25px;
  height: 25px;
}

[data-registro-empresa] .home-fab:hover {
  transform: translateY(-2px) scale(1.06);
  background: #1c1c1c;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34);
}

[data-registro-empresa] .home-fab:focus-visible {
  outline: 3px solid #F2C11C;
  outline-offset: 3px;
}

/* Focus styles */
.registro-empresa input:focus,
.registro-empresa select:focus,
.registro-empresa textarea:focus {
  outline: none;
  border-color: #EAB308;
  box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.15);
}

/* Form validation colors */
.registro-empresa input:invalid,
.registro-empresa select:invalid,
.registro-empresa textarea:invalid {
  border-color: #EF4444;
}

/* Field error highlight (missing required fields) */
.registro-empresa input.field-error,
.registro-empresa select.field-error,
.registro-empresa textarea.field-error {
  border-color: #EF4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}

/* Mobile adjustments */
@media (max-width: 640px) {
  .registro-empresa .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  .registro-empresa .sm\:p-8 {
    padding: 1.5rem;
  }
  
  .registro-empresa .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  body.als-page-registro-empresa {
    --registro-fab-left: 12px;
    --registro-fab-bottom: 12px;
  }

  [data-registro-empresa] .home-fab {
    width: 53px;
    height: 53px;
  }

  [data-registro-empresa] .home-fab-icon {
    width: 21px;
    height: 21px;
  }
}

/* Material Symbols */
.registro-empresa .material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-size: 1.25rem;
  line-height: 1;
  vertical-align: middle;
}

/* Utility visibility */
.registro-empresa .block {
  display: block;
}

.registro-empresa .hidden {
  display: none;
}

/* Sidebar step circles ring effect */
.registro-empresa .ring-surface-dark {
  --tw-ring-color: #1F2937;
}

/* Primary button shadow */
.registro-empresa .shadow-primary\/30 {
  --tw-shadow-color: rgba(234, 179, 8, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

/* Step number active */
.registro-empresa .ring-4 {
  box-shadow: 0 0 0 4px var(--tw-ring-color);
}

/* Force same light background language as registro.php even if html has .dark */
html.dark body.als-page-registro-empresa,
html.dark body.als-page-registro-empresa .registro-empresa,
html.dark body.als-page-registro-empresa .bg-background-light,
html.dark body.als-page-registro-empresa .bg-surface-light {
  background: #ffffff !important;
}