body
{
	background: radial-gradient(circle at top, #1a2a6c, #000000);
	margin: 0;
	min-height: 100vh;
}

.logo-container
{
	background: radial-gradient(circle at top, #1a2a6c, #000000);
	padding: 20px;
	text-align: center;
	border-bottom: 2px solid #00d4ff;
}

.llamada-accion
{
	color: #ffffff;
	font-size: 2rem;
	background: radial-gradient(circle at top, #1a2a6c, #000000);
	padding: 10px 15px;
	border-radius: 8px;
	border: 1px solid #ccc;
	text-align: center;
	font-style: italic;
}

.nav-links, .links
{
	color: #00d4ff !important;
	text-shadow: 0 0 10px rgba(0, 212, 255, 0.33);
	margin: 0 15px;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 1.3em;
	font-weight: bold;
}

.footer p
{
	color: #ffffff;
	text-shadow: 0 0 10px rgba(0, 212, 255, 0.33);
	margin: 0 15px;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 1.77em;
	font-weight: bold;
}

.main-content { background: #ffffff; }
.container { background: #ffffff; }
.header { background: #ffffff; }

.cart-form
{
	border: 1px solid #e0e0e0; 
	border-radius: 12px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	background: #ffffff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.33);
}

#landing_page
{
	max-width: 1200px;
	margin: 40px auto;
	padding: 20px;
}

.top-links-container
{
	background: radial-gradient(circle at top, #1a2a6c, #000000);
	backdrop-filter: blur(10px);
	padding: 15px;
	width: 100%;
}

.sicor-container h1, .sicor-container b
{
	color: #00d4ff;
	text-shadow: 0 0 10px rgba(0, 212, 255, 0.33);
}

.llamada-accion b
{
	color: #ffcc00;
}

.descripcion
{
	font-size: 2rem;
	line-height: 1.6;
	color: #ffffff;
	text-shadow: 0 0 10px rgba(0, 212, 255, 0.33);
}

.dashboard-menu
{
	border: 1px solid #e0e0e0; 
	border-radius: 12px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	background: #ffffff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.33);
}

.dashboard-menu .menu-item {
	border: 1px solid #e0e0e0; 
	border-radius: 12px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.33);
	background: #ffffff;
	margin-bottom: 10px;
}

.dashboard-menu .menu-item h5
{
	font-size: 1.6rem;
	line-height: 1.6;
	background: #ffffff;
	text-shadow: 0 0 10px rgba(0, 212, 255, 0.33);
	border-left: 0;
	padding: 0;
	margin: 0;
}

.dashboard-menu .menu-item form
{
	background: radial-gradient(circle at top, #1a2a6c, #000000);
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 4px 6px rgba(0,0,0,0.33);
}

.dashboard-menu .menu-item h3
{
	background: radial-gradient(circle at top, #1a2a6c, #000000);
	color: #00d4ff;
	text-shadow: 0 0 10px rgba(0, 212, 255, 0.33);
	font-size: 2.2rem;
	font-weight: 700;
	border-left: 0;
	padding: 15px;
	margin: 15px;
	border-radius: 12px;
	transition: all 0.3s ease;
}

.menu-item:hover
{
	border-color: #00d4ff;
	box-shadow: 0 0 15px rgba(0, 212, 255, 0.33);
	transform: translateY(-5px);
}

.btn-success
{
	background: linear-gradient(180deg, #1a73e8 0%, #0d47a1 100%) !important;
	border: none !important;
	padding: 12px !important;
	font-weight: bold !important;
	text-transform: uppercase;
	border-radius: 8px !important;
	box-shadow: 0 4px 10px rgba(0,0,0,0.33) !important;
	cursor: pointer;
}

.btn-success:hover
{
	background: linear-gradient(180deg, #00d4ff 0%, #1a73e8 100%) !important;
}

.login-container
{
	background: radial-gradient(circle at top, #1a2a6c, #000000);
	box-shadow: 0 0 20px rgba(0, 212, 255, 0.33);
	border: 1px solid #00d4ff;
	border-radius: 15px;
	padding: 30px;
}

.sicor-container
{
	background: radial-gradient(circle at top, #1a2a6c, #000000);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(0, 212, 255, 0.3);
	border-radius: 15px;
	padding: 40px;
	margin-bottom: 30px;
	box-shadow: 0 0 20px rgba(0, 212, 255, 0.33);
}

.login-container h2, .login-container h3
{
	color: #00d4ff !important;
	text-shadow: 0 0 10px rgba(0, 212, 255, 0.33);
	text-align: center;
}

.login-container input[type="text"], .login-container input[type="password"], input[type="email"]
{
	border: 1px solid #444;
	padding: 12px;
	width: 100%;
	margin-bottom: 15px;
	border-radius: 5px;
	box-sizing: border-box;
}

.btn-login, .btn-register, .btn-recover
{
	width: 100%;
	padding: 12px;
	background: #ffcc00;
	color: #000;
	font-weight: bold;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background 0.3s;
}

.btn-login:hover
{
	background: #e6b800;
}

.recover-form, .register-form, .login-form
{
	background: radial-gradient(circle at top, #1a2a6c, #000000);
}

footer
{
	background: radial-gradient(circle at top, #1a2a6c, #000000);
	text-align: center;
	padding: 40px;
	color: #aaa;
	font-size: 0.9em;
	border-top: 1px solid #222;
}