/* Estilo para la lista desplegable del autocomplete de jQuery UI */
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background: #fff; /* Fondo blanco para que no sea transparente */
    border: 1px solid #ccc;
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
    list-style: none; /* Elimina el punto (viñeta) */
    padding: 0;
    margin: 0;
    max-height: 200px; /* Limita la altura para que tenga scroll */
    overflow-y: auto;
    overflow-x: hidden;
}

/* Estilo para cada elemento de la lista */
.ui-menu-item {
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    color: #333;
}

.ui-menu-item:hover {
    background: #f0f0f0; /* Color de fondo al pasar el ratón */
    cursor: pointer;
}


/* Asegura que el contenedor use todo el ancho móvil */
.ses-hosp-form-wrapper {
    max-width: 700px;      /* ANCHO MÁXIMO RAZONABLE PARA ESCRITORIO */
    margin: 0 auto;        /* Centra el formulario */
    width: 100%;           /* Ocupa 100% en móvil (donde 700px es mayor que la pantalla) */
    box-sizing: border-box;
    padding: 0 15px;       /* Espacio a los lados en móviles si es necesario*/ 
}	


/* Asegura que todos los elementos internos (incluida la firma) ocupen el 100% del contenedor padre limitado */
.ses-hosp-form-wrapper label,
.ses-hosp-form-wrapper input,
.ses-hosp-form-wrapper select,
.ses-hosp-form-wrapper button,
#signature-pad { 
    display: block; 
    width: 100%;    
    box-sizing: border-box;
}
.ses-hosp-form-wrapper label{
	color:navy;
	font-weight:bold;
}

/* Establece una altura uniforme para inputs, select y botones */
.ses-hosp-form-wrapper input,
.ses-hosp-form-wrapper select,
.ses-hosp-form-wrapper button {
    height: 40px;          
    padding: 0 12px;       
    line-height: 40px;
}

/* Define la altura específica para el área de firma */
#signature-pad { 
    height: 200px;
    border: 1px solid #ccc; /* Para que se vea el área de firma */
}
/* Reglas para ocultar/mostrar mediante JavaScript */
/* Asegura que los inputs internos no se oculten por estilos del tema */
#location_spain_group input,
#location_foreign_group input,
#location_spain_group label,
#location_foreign_group label {
    width: 100%;    /* Ocupa el 100% del contenedor padre */
    box-sizing: border-box;
}
/* AÑADE ESTAS CLASES DE UTILIDAD PARA QUE EL JS PUEDA CONTROLAR LA VISIBILIDAD */
.ses-hosp-hidden {
    display: none !important; 
}

.ses-hosp-visible {
    display: block !important; 
}