/* Estilos para la tabla de resultados. */
table {
	border: none;
  border-collapse: collapse;
  width: 100%;
	margin-top: 17px;
}
th {
	background-color: #d9edf7;
	border-bottom: 1px solid #ddd;
}
td {
  padding: 0.25rem;
  text-align: center;
	border-bottom: 1px solid #ddd;
}
tbody tr:nth-child(odd) {
  background: #f9f9f9;
}
tfoot {
	background-color: #d9edf7de;
	border-bottom: 1px solid #ddd;	
}

/* Estilos miscelaneos */
button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}
.cff-processing-form {
    display: none !important;
}

.ui-dialog-titlebar-maximize {
    cursor: pointer;
}

#info {
	position: absolute;
	top: 20px;
	left: 40px;
	background: rgba(0,0,0,0.7);
	color: white;
	font-size: small;
	padding: 10px 20px;
	border-radius: 8px;
	pointer-events: none;
	z-index: 100;
}
#selected-info {
    position: absolute;
    bottom: 80px;
    left: 40px;
    background: rgba(0,0,0,0.7);
    color: #a5cee3;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: small;
    pointer-events: none;
    z-index: 100;
    border: 1px solid #020202;
}
#reset-btn {
    position: absolute;
    bottom: 30px;
    left: 40px;
    padding: 12px 24px;
    background: #836a36;
    color: white;
    border: none;
    border-radius: 15px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    z-index: 200;
    transition: background 0.2s;
}
#reset-btn:hover {
    background: #b5915b;
}
#reset-btn:active {
	transform: scale(0.98);
}

/* Estilos para el diálogo de reseleccionar estrado/pantalla*/
dialog {
	border: none;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.2);
	padding: 20px;
	width: 300px;
}

dialog::backdrop {
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(2px);
}

.dialog-content {
	  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-size: var(--wp--preset--font-size--small, 13px) !important;
    color: var(--wp--preset--color--inputtext);

	display: flex;
	flex-direction: column;
	gap: 10px;
}

.radio-group {
    display: flex;       /* Alinea los hijos (labels) en fila */
    flex-direction: row; /* Opcional, es el valor por defecto */
    gap: 20px;           /* Espacio horizontal entre los radios */
    margin-bottom: 10px; /* Espacio antes del botón */
}

/* Opcional: Para que los labels se vean mejor alineados */
.radio-group label {
    display: flex;
    align-items: center;
    gap: 5px;            /* Espacio entre el círculo y el texto */
    cursor: pointer;
}

.dialog-content input[type="radio"] {
  accent-color: var(--wp--preset--color--primary); /* El color del punto y del borde al seleccionar */
}

input[type="radio"]:focus-visible {
    outline: 3px solid var(--wp--preset--color--primary);
    outline-offset: 3px;
}

.btn-confirmar {
	background-color: var(--wp--preset--color--primary);
	color: white;
	border: none;
	padding: 10px;
	border-radius: 4px;
	cursor: pointer;
}

.btn-confirmar:hover { background-color: var(--wp--preset--color--secondary); }