/* Sugerencias de cargos: estilo moderno */
#listaCargos {
    position: absolute;
    z-index: 1050;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1.5px solid #e5e7eb;
    border-radius: 12px;
    margin-top: 2px;
    box-shadow: 0 8px 16px rgba(30,40,60,0.07);
    list-style: none;           /* Quitar los puntos */
    padding: 0;
    max-height: 220px;          /* Altura máxima: ~8 sugerencias */
    overflow-y: auto;
    transition: box-shadow 0.2s;
}

/* Cada opción de cargo */
#listaCargos li.option {
    padding: 12px 18px;
    cursor: pointer;
    font-size: 1rem;
    border-bottom: 1px solid #f1f1f1;
    transition: background 0.15s, color 0.15s;
}

/* Último elemento sin borde */
#listaCargos li.option:last-child {
    border-bottom: none;
}

/* Hover y foco */
#listaCargos li.option:hover,
#listaCargos li.option.active {
    background: #0e82fd;
    color: #fff;
    border-radius: 8px;
}

/* Si usas modo oscuro, puedes ajustar colores aquí */
body.theme-dark #listaCargos {
    background: #222736;
    border-color: #363a4f;
    color: #fff;
    box-shadow: 0 8px 16px rgba(10,20,40,0.26);
}
body.theme-dark #listaCargos li.option:hover,
body.theme-dark #listaCargos li.option.active {
    background: #3054c9;
    color: #fff;
}


/* Estilo para los select con nice-select */
.nice-select.open .list {
    max-height: 200px; /* altura máxima visible */
    overflow-y: auto;  /* activa scrollbar vertical */
    overflow-x: hidden;
}



/* === Paleta y utilidades === */
:root{
  --vino-900:#4a0b14;
  --vino-800:#5a0f19; /* rojo vino base */
  --vino-700:#7b112c;
  --vino-cta:#9b1c31; /* botones */
  --blanco:#ffffff;
  --blanco-80:rgba(255,255,255,.8);
  --blanco-60:rgba(255,255,255,.6);
}

/* 1) Un solo fondo global con un pseudo fijo */
html, body { min-height: 100%; }
body { background: none !important; }  /* quitamos cualquier fondo previo */
body::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, var(--vino-800), var(--vino-900));
}

/* 2) Forzar transparencia en wrappers que suelen traer fondo */
.wrapper,
.main-content,
section,
.signup-section,
.ptb-100,
.container,
.row {
  background: transparent !important;
  background-image: none !important;
}

/* 3) Anula también backgrounds de pseudo-elementos decorativos del theme */
.wrapper::before, .wrapper::after,
.main-content::before, .main-content::after,
.signup-section::before, .signup-section::after,
section::before, section::after {
  content: none !important;
  background: transparent !important;
}

/* 4) Si usas preloader, que no tape el fondo */
.loader-content{
  background: transparent !important;
}


/* === Card/Form blanco con texto negro === */
.signup-form{
  background: #ffffff;
  color: #111;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

/* Título encima del form dentro de la columna: negro */
.signup-section .section-title h3,
.signup-section .section-title p{
  color: #111 !important;
}

/* Inputs/Selects blancos SOLO dentro del form */
.signup-form .form-control,
.signup-form select.form-control,
.signup-form select.category,
.signup-form .nice-select{
  background-color: #ffffff;
  border: 1px solid #ced4da;
  color: #111;
}
.signup-form .form-control::placeholder{ color: #6c757d; }
.signup-form .form-control:focus,
.signup-form select.form-control:focus{
  background-color: #fff;
  border-color: var(--vino-cta);
  box-shadow: 0 0 0 .2rem rgba(155,28,49,.15);
}

/* Lista de sugerencias (cargos) dentro del form: blanca */
.signup-form .dropdown-cargos{
  background: #fff;
  border: 1px solid #ced4da;
  color: #111;
}
.signup-form .dropdown-cargos li{ color: #111; }
.signup-form .dropdown-cargos li:hover{ background: #f8f9fa; }

/* Etiquetas y textos del form en negro */
.signup-form label,
.signup-form small,
.signup-form p,
.signup-form h1, .signup-form h2, .signup-form h3, .signup-form h4, .signup-form h5, .signup-form h6{
  color: #111 !important;
}

/* Botón principal: rojo vino */
.signup-form .signup-btn button{
  background: var(--vino-cta);
  color: #fff;
  border: 0;
  padding: .75rem 1.25rem;
  border-radius: .5rem;
}
.signup-form .signup-btn button:hover{ filter: brightness(1.05); }



.colour {
    color: #fff !important;
}


/* Solo este h3 en blanco */
.signup-section .section-title h3.colour {
  color: #fff !important;
}