body {
			background-image: url('https://bibliotecas.udistrital.edu.co/ud/unidad_adm/reportes/acciones/encuesta_satisfaccion/img/encuesta.jpg'); /* Reemplaza con tu link o ruta local */
			background-position: center center;
			background-repeat: no-repeat;
			background-attachment: fixed; /* El fondo no se mueve al hacer scroll */
			background-size: cover;
			background-color: #464646; /* Color de respaldo mientras carga la imagen */
		}

		/* Capa opcional para que tus tech-cards resalten más */
		.bg-overlay {
			background: rgba(0, 0, 0, 0.4); /* Oscurece el fondo un 40% */
			min-height: 100vh;
			width: 100%;
			padding: 40px 0;
		}
	
	
	
        /*.profile-card {
            max-width: 800px;
            margin: 50px auto;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            background-color: #fff;
        }*/
		
		.profile-card {
			max-width: 800px;
			margin: 50px auto;
			padding: 30px;
			border-radius: 15px;
			box-shadow: 0 10px 25px #9E9E9E;
			//background-color: #00968847;
			background-color: #3b4746bf;
			
			
		}
		
		.profile-card-blanco {
			max-width: 1000px;
			margin: 50px auto;
			padding: 30px;
			border-radius: 15px;
			box-shadow: 0 10px 25px #9E9E9E;
			//background-color: #00968847;
			background-color: #fffffff7;
		}
		
        .form-check {
            padding: 12px 15px 12px 40px;
            margin-bottom: 10px;
            border: 1px solid #dee2e6;
            border-radius: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
        }
		
		
        .form-check:hover {
            background-color: #f8f9fa;
            border-color: #0d6efd;
        }
       
        .btn-submit {
            width: 100%;
            padding: 12px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
		
		
		body { background-color: #f0f2f5; }
        .tech-card {
            max-width: 650px;
            margin: 40px auto;
            background: white;
            padding: 30px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        }
		
        .option-item {
            position: relative;
            margin-bottom: 12px;
        }
		
       
		
        .custom-label {
            display: flex;
            align-items: center;
            padding: 15px 20px;
            border: 2px solid #e9ecef;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.2s ease;
            font-weight: 500;
            color: #495057;
        }
		
        .custom-label i {
            margin-right: 15px;
            font-size: 1.4rem;
            color: #6c757d;
        }
		
        
		
		
        /* Estilo especial para la opción negativa */
        .negativo-label {
            border-style: dashed;
            background-color: #fff9f9;
        }
        
		
		.language-card {
            max-width: 600px;
            margin: 40px auto;
            border: none;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }
        .list-group-item {
            cursor: pointer;
            transition: background 0.2s;
            padding: 1.2rem;
        }
        .list-group-item:hover {
            background-color: #f8f9fa;
        }
       
        .icon-box {
            width: 40px;
            text-align: center;
            font-size: 1.2rem;
            color: #6c757d;
		}	
					
/*		.pipe {
			border: 2px solid #e9ecef;
			border-radius: 12px;
			cursor: pointer;
			transition: all 0.2s ease;
			font-weight: 500;
			color: #495057;
		}
*/		
	.btn-encuesta {
    background-color: #3085d6; /* Azul similar a SweetAlert */
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Efecto al pasar el mouse (Hover) */
.btn-encuesta:hover {
    background-color: #2563eb;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Efecto al hacer clic */
.btn-encuesta:active {
    transform: translateY(0);
}

/* Estilo para cuando el botón está deshabilitado */
.btn-encuesta:disabled {
    background-color: #cbd5e1;
    cursor: not-allowed;
    transform: none;
}

div:where(.swal2-icon) .swal2-icon-content {
    display: flex;
    align-items: center;
    /* font-size: 3.75em; */
}




/* Estilo cuando está seleccionado */
        .form-check-input:checked + .custom-label {
            border-color: #0d6efd;
            background-color: #f0f7ff;
            color: #0d6efd;
        }
        .form-check-input:checked + .custom-label i {
            color: #0d6efd;
        }
		
		 .form-check-input:checked + .form-check-label {
            color: #0d6efd;
            font-weight: bold;
        }
		
		 .form-check-input {
            display: none; /* Escondemos el check real para estilizar la caja */
        }
		
		.form-check-input:checked + .negativo-label {
            border-color: #dc3545;
            background-color: #fff5f5;
            color: #dc3545;
        }
		
		 .form-check-input:checked + .form-check-label {
            color: #0d6efd;
            font-weight: 600;
        }