/**
 * POR QU?: mantener la presentaci?n de mi-negocio.html separada de su estructura HTML.
 * C?MO: re?ne los estilos propios de la p?gina y las antiguas declaraciones en l?nea en clases reutilizables.
 * QU?: reglas visuales espec?ficas de mi-negocio, sin l?gica ni contenido estructural.
 */


/* =====================================================================
       ESTILOS ESPECÍFICOS DEL PORTAL DE ANFITRIONES
       ===================================================================== */

    /* Hero Section del Portal */
    .host-hero-section {
      padding: 9rem 0 5rem;
      background: radial-gradient(ellipse at 70% 40%, rgba(22, 93, 111, 0.18) 0%, transparent 60%),
                  radial-gradient(ellipse at 20% 80%, rgba(246, 94, 1, 0.10) 0%, transparent 50%),
                  var(--noche-profunda);
      position: relative;
      overflow: hidden;
    }

    .host-hero-section::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23165D6F' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
    }

    .host-hero-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
    }

    .host-hero-tag {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      background: rgba(246, 94, 1, 0.12);
      border: 1px solid rgba(246, 94, 1, 0.3);
      color: var(--terracotta);
      font-size: 0.8rem;
      font-weight: 700;
      font-family: var(--font-tech);
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 0.4rem 1rem;
      border-radius: 50px;
      margin-bottom: 1.5rem;
    }

    .host-hero-headline {
      font-family: var(--font-display);
      font-size: 3.2rem;
      font-weight: 900;
      line-height: 1.1;
      color: #FFFFFF;
      margin-bottom: 1.5rem;
    }

    .host-hero-headline span {
      background: linear-gradient(135deg, #165D6F 0%, #F65E01 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .host-hero-subtext {
      font-size: 1.05rem;
      color: var(--text-muted);
      line-height: 1.7;
      margin-bottom: 2.5rem;
    }

    .host-stat-row {
      display: flex;
      gap: 2rem;
      flex-wrap: wrap;
    }

    .host-stat-box {
      text-align: center;
    }

    .host-stat-number {
      font-family: var(--font-tech);
      font-size: 2.2rem;
      font-weight: 800;
      color: var(--terracotta);
      line-height: 1;
      display: block;
    }

    .host-stat-label {
      font-size: 0.75rem;
      color: var(--text-muted);
      margin-top: 0.25rem;
      display: block;
    }

    /* Acciones Principales Hero CTA (Jerarquía 20/20) */
    .host-hero-actions {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-top: 2rem;
      flex-wrap: wrap;
    }

    .btn-host-hero-primary {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      background: linear-gradient(135deg, var(--terracotta, #F65E01), #E05400);
      color: #FFFFFF;
      padding: 0.85rem 1.65rem;
      border-radius: 999px;
      font-size: 0.92rem;
      font-weight: 800;
      text-decoration: none;
      box-shadow: 0 8px 24px rgba(246, 94, 1, 0.35);
      transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    }

    .btn-host-hero-primary:hover {
      background: linear-gradient(135deg, #FF6F1A, #F65E01);
      transform: translateY(-2px);
      box-shadow: 0 12px 28px rgba(246, 94, 1, 0.45);
      color: #FFFFFF;
    }

    .btn-host-hero-secondary {
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.24);
      color: #FFFFFF;
      padding: 0.85rem 1.45rem;
      border-radius: 999px;
      font-size: 0.9rem;
      font-weight: 600;
      text-decoration: none;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    }

    .btn-host-hero-secondary:hover {
      background: rgba(255, 255, 255, 0.18);
      border-color: rgba(255, 255, 255, 0.45);
      transform: translateY(-2px);
      color: #FFFFFF;
    }

    @media (max-width: 600px) {
      .host-hero-actions {
        flex-direction: column;
        align-items: stretch;
      }
      .btn-host-hero-primary,
      .btn-host-hero-secondary {
        justify-content: center;
        width: 100%;
        text-align: center;
      }
    }

    /* Tarjeta de preview del modelo de negocio */
    .host-model-card {
      background: rgba(22, 93, 111, 0.08);
      border: 1px solid rgba(22, 93, 111, 0.25);
      border-radius: 24px;
      padding: 2.5rem;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      position: relative;
      overflow: hidden;
    }

    .host-model-card::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -30%;
      width: 300px;
      height: 300px;
      background: radial-gradient(circle, rgba(246, 94, 1, 0.08) 0%, transparent 70%);
      pointer-events: none;
    }

    .model-comparison-row {
      display: flex;
      gap: 1rem;
      margin-bottom: 1.5rem;
    }

    .model-col {
      flex: 1;
      background: rgba(15, 23, 42, 0.6);
      border-radius: 14px;
      padding: 1.2rem;
      text-align: center;
    }

    .model-col.bad { border: 1px solid rgba(239, 68, 68, 0.25); }
    .model-col.good { border: 1px solid rgba(16, 185, 129, 0.25); }

    .model-col-icon { font-size: 1.5rem; margin-bottom: 0.5rem; }
    .model-col-label { font-size: 0.75rem; color: var(--text-muted); margin-bottom: 0.3rem; }
    .model-col-value { font-size: 1.8rem; font-weight: 800; font-family: var(--font-tech); }
    .model-col.bad .model-col-value { color: #EF4444; }
    .model-col.good .model-col-value { color: #4A7A5A; }

    /* Formulario Multi-Paso */
    .reg-form-section {
      padding: 6rem 0;
      background: linear-gradient(180deg, var(--noche-profunda) 0%, rgba(22, 93, 111, 0.05) 50%, var(--noche-profunda) 100%);
    }

    .reg-form-wrapper {
      max-width: 780px;
      margin: 0 auto;
    }

    /* Indicador de pasos */
    .reg-steps-indicator {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0;
      margin-bottom: 3rem;
    }

    .reg-step-indicator {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.4rem;
      position: relative;
      z-index: 1;
    }

    .reg-step-indicator::after {
      content: '';
      position: absolute;
      top: 20px;
      left: 50%;
      width: 100px;
      height: 2px;
      background: rgba(255, 255, 255, 0.1);
      z-index: -1;
    }

    .reg-step-indicator:last-child::after { display: none; }

    .step-circle {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.06);
      border: 2px solid rgba(255, 255, 255, 0.12);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.9rem;
      font-weight: 700;
      color: var(--text-muted);
      transition: all 0.3s ease;
    }

    .reg-step-indicator.active .step-circle {
      background: var(--grad-sunset);
      border-color: transparent;
      color: #FFFFFF;
      box-shadow: 0 0 20px rgba(246, 94, 1, 0.4);
    }

    .reg-step-indicator.completed .step-circle {
      background: var(--petroleo-teal);
      border-color: transparent;
      color: #FFFFFF;
    }

    .step-label-text {
      font-size: 0.72rem;
      color: var(--text-muted);
      font-weight: 500;
      text-align: center;
      max-width: 80px;
    }

    .reg-step-indicator.active .step-label-text { color: var(--terracotta); }
    .reg-step-indicator.completed .step-label-text { color: var(--petroleo-teal); }

    /* Panel de paso */
    .reg-step-panel {
      display: none;
      animation: stepFadeIn 0.4s ease;
    }

    .reg-step-panel.active { display: block; }

    @keyframes stepFadeIn {
      from { opacity: 0; transform: translateY(16px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Card del formulario */
    .reg-form-card {
      background: rgba(22, 93, 111, 0.06);
      border: 1px solid rgba(22, 93, 111, 0.2);
      border-radius: 24px;
      padding: 2.5rem;
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    .reg-step-header {
      margin-bottom: 2rem;
    }

    .reg-step-title {
      font-family: var(--font-display);
      font-size: 1.6rem;
      font-weight: 800;
      color: #FFFFFF;
      margin-bottom: 0.4rem;
    }

    .reg-step-subtitle {
      font-size: 0.9rem;
      color: var(--text-muted);
    }

    /* Grupos de campo */
    .field-group {
      margin-bottom: 1.5rem;
    }

    .field-label {
      display: block;
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--arena-pinolera);
      margin-bottom: 0.5rem;
      letter-spacing: 0.03em;
    }

    .field-required { color: var(--terracotta); margin-left: 2px; }

    .form-control-input,
    .form-select-input,
    .form-textarea-input {
      width: 100%;
      background: rgba(15, 23, 42, 0.7);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 10px;
      padding: 0.85rem 1rem;
      font-size: 0.95rem;
      color: #FFFFFF;
      font-family: var(--font-body);
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
      outline: none;
      box-sizing: border-box;
    }

    .form-control-input:focus,
    .form-select-input:focus,
    .form-textarea-input:focus {
      border-color: var(--petroleo-teal);
      box-shadow: 0 0 0 3px rgba(22, 93, 111, 0.2);
    }

    .form-control-input.field-error,
    .form-select-input.field-error {
      border-color: #EF4444;
      box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
    }

    .form-select-input option { background: #0F172A; color: #FFFFFF; }
    .form-textarea-input { min-height: 100px; resize: vertical; }

    .field-error-msg {
      display: none;
      font-size: 0.78rem;
      color: #EF4444;
      margin-top: 0.3rem;
    }

    .field-hint {
      font-size: 0.78rem;
      color: var(--text-muted);
      margin-top: 0.3rem;
    }

    .field-row-2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }

    /* Panel de previsualización */
    .reg-preview-card {
      background: rgba(15, 23, 42, 0.8);
      border: 1px solid rgba(16, 185, 129, 0.2);
      border-radius: 16px;
      padding: 1.5rem;
      margin-bottom: 1.5rem;
    }

    .reg-preview-header {
      display: flex;
      align-items: center;
      gap: 0.8rem;
      margin-bottom: 1.2rem;
    }

    .reg-preview-icon {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      background: var(--grad-sunset);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      color: #FFFFFF;
      flex-shrink: 0;
    }

    .reg-preview-title {
      font-weight: 700;
      color: #FFFFFF;
      font-size: 1.05rem;
    }

    .reg-preview-sub {
      font-size: 0.82rem;
      color: var(--text-muted);
    }

    .reg-preview-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.8rem;
    }

    .reg-preview-item { font-size: 0.85rem; }
    .reg-preview-item strong { color: var(--arena-pinolera); display: block; font-size: 0.72rem; margin-bottom: 0.15rem; }
    .reg-preview-item span { color: #FFFFFF; }

    /* Checkbox de términos */
    .terms-check-row {
      display: flex;
      align-items: flex-start;
      gap: 0.8rem;
      margin-bottom: 1.5rem;
    }

    .terms-check-row input[type="checkbox"] {
      width: 18px;
      height: 18px;
      margin-top: 2px;
      cursor: pointer;
      accent-color: var(--petroleo-teal);
      flex-shrink: 0;
    }

    .terms-check-label {
      font-size: 0.85rem;
      color: var(--text-muted);
      line-height: 1.5;
    }

    .terms-check-label a {
      color: var(--arena-pinolera);
      text-decoration: underline;
    }

    /* Navegación del formulario */
    .reg-nav-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 2rem;
      padding-top: 1.5rem;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .btn-reg-prev {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.8rem 1.4rem;
      background: transparent;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 10px;
      color: var(--text-muted);
      font-size: 0.9rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .btn-reg-prev:hover {
      border-color: var(--petroleo-teal);
      color: #FFFFFF;
    }

    .btn-reg-next,
    .btn-reg-submit {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.85rem 1.8rem;
      background: var(--grad-sunset);
      border: none;
      border-radius: 10px;
      color: #FFFFFF;
      font-size: 0.95rem;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.2s ease;
      font-family: var(--font-body);
    }

    .btn-reg-next:hover,
    .btn-reg-submit:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(246, 94, 1, 0.35);
    }

    .btn-reg-submit {
      background: linear-gradient(135deg, #165D6F 0%, #4A7A5A 100%);
    }

    .btn-reg-submit:hover {
      box-shadow: 0 8px 20px rgba(16, 185, 129, 0.35);
    }

    .btn-reg-submit:disabled {
      opacity: 0.6;
      cursor: not-allowed;
      transform: none;
    }

    /* Panel de éxito */
    .reg-success-panel {
      display: none;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 3rem 2rem;
      animation: stepFadeIn 0.6s ease;
    }

    .success-icon-ring {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      background: linear-gradient(135deg, #165D6F, #4A7A5A);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2.5rem;
      color: #FFFFFF;
      margin-bottom: 1.5rem;
      box-shadow: 0 0 40px rgba(16, 185, 129, 0.4);
      animation: pulseRing 2s infinite;
    }

    @keyframes pulseRing {
      0%, 100% { box-shadow: 0 0 40px rgba(16, 185, 129, 0.4); }
      50% { box-shadow: 0 0 60px rgba(16, 185, 129, 0.6); }
    }

    .success-title {
      font-family: var(--font-display);
      font-size: 2rem;
      font-weight: 900;
      color: #FFFFFF;
      margin-bottom: 0.8rem;
    }

    .success-msg { font-size: 1rem; color: var(--text-muted); max-width: 500px; line-height: 1.6; margin-bottom: 1.5rem; }

    .success-id-badge {
      background: rgba(22, 93, 111, 0.15);
      border: 1px solid rgba(22, 93, 111, 0.4);
      border-radius: 10px;
      padding: 0.8rem 1.5rem;
      font-family: var(--font-tech);
      font-size: 0.85rem;
      color: var(--arena-pinolera);
      margin-bottom: 2rem;
    }

    .success-id-badge strong { color: #FFFFFF; display: block; font-size: 1rem; margin-top: 0.2rem; }

    /* Banner de error */
    .reg-error-banner {
      display: none;
      align-items: center;
      gap: 0.8rem;
      background: rgba(239, 68, 68, 0.1);
      border: 1px solid rgba(239, 68, 68, 0.3);
      border-radius: 10px;
      padding: 1rem 1.2rem;
      margin-bottom: 1rem;
      color: #FCA5A5;
      font-size: 0.9rem;
    }

    /* Sección de Beneficios */
    .benefits-section {
      padding: 5rem 0;
      background: var(--noche-profunda);
    }

    .benefits-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
      margin-top: 3rem;
    }

    .benefit-card {
      background: rgba(22, 93, 111, 0.06);
      border: 1px solid rgba(22, 93, 111, 0.18);
      border-radius: 18px;
      padding: 1.8rem;
      transition: all 0.3s ease;
    }

    .benefit-card:hover {
      border-color: rgba(22, 93, 111, 0.4);
      transform: translateY(-4px);
      box-shadow: 0 16px 40px rgba(22, 93, 111, 0.15);
    }

    .benefit-icon-ring {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      background: rgba(22, 93, 111, 0.15);
      border: 1px solid rgba(22, 93, 111, 0.3);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      color: var(--petroleo-teal);
      margin-bottom: 1.2rem;
    }

    .benefit-title {
      font-weight: 700;
      color: #FFFFFF;
      margin-bottom: 0.5rem;
      font-size: 1rem;
    }

    .benefit-desc { font-size: 0.88rem; color: var(--text-muted); line-height: 1.6; }

    /* FAQ Section */
    .faq-section {
      padding: 5rem 0;
      background: radial-gradient(ellipse at 50% 0%, rgba(22, 93, 111, 0.08) 0%, transparent 60%), var(--noche-profunda);
    }

    .faq-list { max-width: 720px; margin: 3rem auto 0; }

    .faq-item {
      border: 1px solid rgba(255, 255, 255, 0.06);
      border-radius: 14px;
      margin-bottom: 0.8rem;
      overflow: hidden;
      transition: border-color 0.2s ease;
    }

    .faq-item.open { border-color: rgba(22, 93, 111, 0.4); }

    .faq-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1.2rem 1.5rem;
      cursor: pointer;
      font-weight: 600;
      color: #FFFFFF;
      font-size: 0.95rem;
      background: rgba(15, 23, 42, 0.5);
      user-select: none;
    }

    .faq-question:hover { background: rgba(22, 93, 111, 0.1); }

    .faq-icon {
      font-size: 0.8rem;
      color: var(--terracotta);
      transition: transform 0.3s ease;
      flex-shrink: 0;
    }

    .faq-item.open .faq-icon { transform: rotate(180deg); }

    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, padding 0.3s ease;
      padding: 0 1.5rem;
      font-size: 0.9rem;
      color: var(--text-muted);
      line-height: 1.7;
    }

    .faq-item.open .faq-answer {
      max-height: 400px;
      padding: 1rem 1.5rem 1.5rem;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .host-hero-inner { grid-template-columns: 1fr; gap: 2rem; }
      .host-hero-headline { font-size: 2.2rem; }
      .model-comparison-row { flex-direction: column; }
      .field-row-2 { grid-template-columns: 1fr; }
      .benefits-grid { grid-template-columns: 1fr; }
      .reg-steps-indicator { gap: 0; overflow-x: auto; }
      .reg-step-indicator::after { width: 60px; }
      .reg-preview-grid { grid-template-columns: 1fr; }
    }

html body .mi-negocio-inline-001 {
  position: relative !important;
  overflow: hidden !important;
}

html body .mi-negocio-inline-002 {
  position: relative !important;
  z-index: 4 !important;
}

html body .mi-negocio-inline-003 {
  color: #FFFFFF !important;
}

html body .mi-negocio-inline-004 {
  margin-bottom: 1.5rem !important;
}

html body .mi-negocio-inline-005 {
  margin-bottom: 0.8rem !important;
}

html body .mi-negocio-inline-006 {
  font-size: 1.3rem !important;
  color: #FFFFFF !important;
  margin: 0 !important;
}

html body .mi-negocio-inline-007 {
  font-size: 0.75rem !important;
  color: var(--text-muted) !important;
  margin-top: 0.3rem !important;
}

html body .mi-negocio-inline-008 {
  background: rgba(16, 185, 129, 0.06) !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
  border-radius: 12px !important;
  padding: 1rem !important;
  margin-bottom: 1.2rem !important;
}

html body .mi-negocio-inline-009 {
  font-size: 0.8rem !important;
  color: var(--text-muted) !important;
}

html body .mi-negocio-inline-010 {
  color: #EF4444 !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

html body .mi-negocio-inline-011 {
  color: #4A7A5A !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

html body .mi-negocio-inline-012 {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  font-size: 0.8rem !important;
  color: var(--text-muted) !important;
}

html body .mi-negocio-inline-013 {
  color: #4A7A5A !important;
}

html body .mi-negocio-inline-014 {
  text-align: center !important;
  margin-bottom: 0 !important;
}

html body .mi-negocio-inline-015 {
  max-width: 600px !important;
  margin: 0 auto !important;
}

html body .mi-negocio-inline-016 {
  text-align: center !important;
  margin-bottom: 3rem !important;
}

html body .mi-negocio-inline-017 {
  margin-bottom: 1rem !important;
}

html body .mi-negocio-inline-018 {
  background: rgba(22, 93, 111, 0.1) !important;
  border: 1px solid rgba(22, 93, 111, 0.25) !important;
  border-radius: 12px !important;
  padding: 1rem 1.2rem !important;
}

html body .mi-negocio-inline-019 {
  display: flex !important;
  align-items: center !important;
  gap: 0.7rem !important;
  margin-bottom: 0.5rem !important;
}

html body .mi-negocio-inline-020 {
  color: var(--petroleo-teal) !important;
}

html body .mi-negocio-inline-021 {
  color: #FFFFFF !important;
  font-size: 0.9rem !important;
}

html body .mi-negocio-inline-022 {
  font-size: 0.82rem !important;
  color: var(--text-muted) !important;
  padding-left: 1.2rem !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

html body .mi-negocio-inline-023 {
  color: var(--arena-pinolera) !important;
}

html body .mi-negocio-inline-024 {
  display: none !important;
}

html body .mi-negocio-inline-025 {
  display: flex !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

html body .mi-negocio-inline-026 {
  text-align: center !important;
}

html body .mi-negocio-inline-027 {
  margin-bottom: 1.2rem !important;
}

html body .mi-negocio-inline-028 {
  display: flex !important;
  gap: 1.5rem !important;
}

html body .mi-negocio-inline-029 {
  text-align: center !important;
  margin-bottom: 1.2rem !important;
}

html body .mi-negocio-inline-030 {
  font-size: 2.5rem !important;
  color: var(--rojo-alerta) !important;
}

html body .mi-negocio-inline-031 {
  font-size: 1.5rem !important;
  margin-top: 0.5rem !important;
  color: #FFFFFF !important;
}

html body .mi-negocio-inline-032 {
  font-size: 0.85rem !important;
  color: var(--text-muted) !important;
}

html body .mi-negocio-inline-033 {
  background: rgba(15,23,42,0.9) !important;
  padding: 1rem !important;
  border-radius: 12px !important;
  border: 1px dashed var(--border-subtle) !important;
  margin-bottom: 1rem !important;
  text-align: center !important;
}

html body .mi-negocio-inline-034 {
  font-size: 0.75rem !important;
  color: var(--arena-pinolera) !important;
  font-family: var(--font-tech) !important;
  display: block !important;
  margin-bottom: 0.3rem !important;
}

html body .mi-negocio-inline-035 {
  font-family: var(--font-tech) !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #4A7A5A !important;
}

html body .mi-negocio-inline-036 {
  font-size: 1.3rem !important;
  color: var(--rojo-alerta) !important;
}

html body .mi-negocio-inline-037 {
  margin: 0 !important;
  font-size: 0.9rem !important;
}

html body .mi-negocio-inline-038 {
  font-size: 0.75rem !important;
}

html body .mi-negocio-inline-039 {
  font-size: 1.3rem !important;
  color: var(--terracotta) !important;
}

html body .mi-negocio-inline-040 {
  font-size: 1.3rem !important;
  color: var(--azul-info) !important;
}

html body .mi-negocio-inline-041 {
  font-size: 1.3rem !important;
  color: #25D366 !important;
}

html body .mi-negocio-inline-042 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  margin-top: 1rem !important;
}

html body .mi-negocio-inline-043 {
  width: 100% !important;
  justify-content: center !important;
  background: #25D366 !important;
  border: none !important;
}

html body .mi-negocio-inline-044 {
  width: 100% !important;
  justify-content: center !important;
}

html body .mi-negocio-inline-045 {
  font-size: 1.6rem !important;
  color: #FFFFFF !important;
  margin-bottom: 0.5rem !important;
}

html body .mi-negocio-inline-046 {
  font-size: 0.9rem !important;
  color: var(--text-muted) !important;
}

html body .mi-negocio-inline-047 {
  width: 100% !important;
  justify-content: center !important;
  margin-top: 1rem !important;
}
/*
============================================================================
BAQUEANO — CONTRASTE CLARO DEL PORTAL DE ANFITRIONES
============================================================================
POR QUÉ:
- La migración a fondo blanco dejó textos heredados del tema oscuro con poco
  contraste, especialmente en beneficios, formulario y preguntas frecuentes.

CÓMO:
- Se asignan superficies, bordes y textos explícitos usando la paleta oficial.
- Los campos recuperan apariencia clara, foco visible y estados legibles.
- El hero conserva profundidad fotográfica con texto blanco y sombra controlada.

QUÉ:
- Jerarquía cromática accesible para tarjetas, registro, FAQ y llamada principal.
============================================================================
*/
.page-mi-negocio .host-hero-headline {
  color: #FFFFFF !important;
  text-shadow: 0 3px 18px rgba(15, 23, 42, .72);
}

.page-mi-negocio .host-hero-subtext,
.page-mi-negocio .host-stat-label {
  color: #E2E8F0 !important;
  text-shadow: 0 2px 8px rgba(15, 23, 42, .65);
}

.page-mi-negocio .host-stat-number { color: #F4E6C1 !important; }
.page-mi-negocio .host-hero-tag { color: #FFFFFF !important; background: rgba(246, 94, 1, .88) !important; }

.page-mi-negocio .benefits-section { background: #FFFFFF !important; }
.page-mi-negocio .benefit-card {
  background: #FFFFFF !important;
  border: 1px solid #DCE6EA !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .07) !important;
}
.page-mi-negocio .benefit-card:hover { border-color: rgba(22, 93, 111, .42) !important; box-shadow: 0 18px 42px rgba(22, 93, 111, .12) !important; }
.page-mi-negocio .benefit-title { color: #0F172A !important; }
.page-mi-negocio .benefit-desc { color: #475569 !important; }
.page-mi-negocio .benefit-icon-ring { background: #EAF3F5 !important; border-color: rgba(22, 93, 111, .22) !important; color: #165D6F !important; }

.page-mi-negocio .reg-form-section {
  background: linear-gradient(135deg, #F8FAFC 0%, #EDF6F7 100%) !important;
}
.page-mi-negocio .reg-form-card {
  background: #FFFFFF !important;
  border: 1px solid #D9E3E8 !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .1) !important;
}
.page-mi-negocio .reg-step-title { color: #0F172A !important; }
.page-mi-negocio .reg-step-subtitle { color: #64748B !important; }
.page-mi-negocio .field-label { color: #334155 !important; }
.page-mi-negocio .field-required { color: #D94F00 !important; }
.page-mi-negocio .field-hint { color: #64748B !important; }
.page-mi-negocio .form-control-input,
.page-mi-negocio .form-select-input,
.page-mi-negocio .form-textarea-input {
  background: #FFFFFF !important;
  color: #0F172A !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .03) !important;
}
.page-mi-negocio .form-control-input::placeholder,
.page-mi-negocio .form-textarea-input::placeholder { color: #94A3B8 !important; opacity: 1; }
.page-mi-negocio .form-control-input:focus,
.page-mi-negocio .form-select-input:focus,
.page-mi-negocio .form-textarea-input:focus {
  border-color: #165D6F !important;
  box-shadow: 0 0 0 4px rgba(22, 93, 111, .12) !important;
  outline: none;
}
.page-mi-negocio .form-select-input option { background: #FFFFFF; color: #0F172A; }
.page-mi-negocio .reg-step-indicator .step-circle { background: #FFFFFF !important; border-color: #CBD5E1 !important; color: #64748B !important; }
.page-mi-negocio .reg-step-indicator.active .step-circle { background: #F65E01 !important; border-color: #F65E01 !important; color: #FFFFFF !important; }
.page-mi-negocio .reg-step-indicator .step-label-text { color: #64748B !important; }
.page-mi-negocio .reg-step-indicator.active .step-label-text { color: #C44B00 !important; }

.page-mi-negocio .faq-section { background: #FFFFFF !important; }
.page-mi-negocio .faq-list { gap: 12px; }
.page-mi-negocio .faq-item {
  overflow: hidden;
  background: #FFFFFF !important;
  border: 1px solid #DCE4E9 !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .045);
}
.page-mi-negocio .faq-question {
  background: #F8FAFC !important;
  color: #0F172A !important;
  border: 0 !important;
}
.page-mi-negocio .faq-question:hover,
.page-mi-negocio .faq-item.open .faq-question { background: #EAF3F5 !important; color: #165D6F !important; }
.page-mi-negocio .faq-icon { color: #F65E01 !important; }
.page-mi-negocio .faq-answer { background: #FFFFFF !important; color: #475569 !important; }
.page-mi-negocio .section-headline { color: #0F172A !important; }
.page-mi-negocio .section-subtext { color: #475569 !important; }
.page-mi-negocio .badge-section-pill { background: #FFF4EC !important; border-color: #FFD5B8 !important; color: #B94400 !important; }

@media (max-width: 760px) {
  .page-mi-negocio .reg-form-card { padding: 20px !important; border-radius: 18px !important; }
  .page-mi-negocio .benefit-card { padding: 20px !important; }
}