.login-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  max-width: 1100px;
  margin: 140px auto 40px auto; /* mucho espacio arriba (140px), poco abajo (40px) */
  gap: 50px;
  padding: 0 20px;
}

.login-col {
  flex: 1 1 45%;
}

.login-header {
  font-size: 20px;
  font-weight: 600;
  color: #2d1d07;
  margin-bottom: 20px;
}

.login-image img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Responsive móvil */
@media (max-width: 768px) {
  .login-wrapper {
    flex-direction: column;
    max-width: 95%;
    margin: 100px auto 20px auto; /* más espacio arriba en móvil también */
    gap: 30px;
  }

  .login-image {
    order: -1; /* Imagen arriba en móvil */
  }
}

.contador {
  display: flex;
  justify-content: space-around;
  text-align: center;
  gap: 20px;
  flex-wrap: wrap;
}

.contador div {
  flex: 1;
}

.count {
  font-size: 2.5rem;
  font-weight: bold;
  color: #2d1d07; /* tu marrón oscuro */
}

.count::before {
  content: "+";
  margin-right: 4px;
}

.contador p {
  margin-top: 8px;
  font-size: 1rem;
}

/* Responsive para móvil */
@media (max-width: 768px) {
  .contador {
    flex-direction: column;
    align-items: center;
  }
  
  .contador div {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* Reducir espacio general del formulario */
#tutor-registration-wrap {
  margin-top: 10px !important;   /* menos espacio arriba */
  padding-top: 0 !important;
}

/* Reducir espacio entre campos */
#tutor-registration-wrap .tutor-form-group {
  margin-bottom: 0px !important; /* compacta los apartados */
	margin-bottom: -15px !important;
  padding: 0px 0 !important;
  line-height: 1.2 !important;
}

/* Ajustar espacio entre etiqueta (Nombre, Apellidos, etc.) y el input */
#tutor-registration-wrap label {
  margin-bottom: 3px !important;
  display: inline-block;
}

/* Reducir espacio del bloque de fortaleza de contraseña */
#tutor-registration-wrap .tutor-password-strength-checker {
  margin-top: 0px !important;
  margin-bottom: -50px !important;
  padding: 0px 0 !important;
  line-height: 1.2 !important;
}

/* Texto marrón oscuro en la tabla de contenido */
.tutor-accordion.tutor-mt-24,
.tutor-accordion.tutor-mt-24 * {
    color: #2d1d07 !important;
}

/* Texto blanco dentro de los tooltips */
.tooltip-txt.tooltip-right {
    color: #ffffff !important;
}

/* Cambiar el color del texto en la pestaña de descripción de producto */
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #2d1d07 !important;
}

/* Reemplazar el icono de Ares Club por el logo */
.tutor-dashboard-menu-item .tutor-icon-aresclub {
    background: url("https://arescapitalacademy.com/wp-content/uploads/2025/09/Logo-Ares-Club-3.png") no-repeat center center;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 0px;
}