@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

body {
	font-family: 'Inter', sans-serif;
	background-color: #f3f4f6;
}

.alertify .ajs-header {
   	color: #fff;
   	font-weight: 600;
   	background: #d13141;
}

/* Personaliza los colores de AESA */

.aesa-red {
	background-color: #cc2222;
}


/* Rojo principal para el botón */

.aesa-red-hover:hover {
	background-color: #a01a1a;
}


/* Rojo oscuro para el hover */

.aesa-focus:focus {
	--tw-ring-color: #cc2222;
}


/* Estilos del Carrusel de Imágenes */

.carousel-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.carousel-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0;
	/* Por defecto oculta */
	transition: opacity 1.5s ease-in-out;
	/* Transición suave de 1.5 segundos */
}

.carousel-image.active-image {
	opacity: 1;
	/* Imagen visible */
}

.p-0 {
	padding: 0px
}

.m-0 {
	margin: 0px;
}

.cursor-pointer {
	cursor: pointer;
}


/* URLs de Imágenes de Relleno, ajustadas para el ambiente administrativo/corporativo. */


.image-1 {
	background-image: url('/resources/img/background_01.png');
}

.image-2 {
	background-image: url('/resources/img/background_02.png');
}

.image-3 {
	background-image: url('/resources/img/background_03.png');
}

.image-4 {
	background-image: url('/resources/img/background_04.png');
}

.image-5 {
	background-image: url('/resources/img/background_05.png');
}

.image-6 {
	background-image: url('/resources/img/background_06.png');
}


/* Estilos generados a partir de las clases de Tailwind usadas en el HTML */


/* Base Reset */

*,
::before,
::after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: currentColor;
}


/* Main Container Setup */

.min-h-screen {
	min-height: 100vh;
}

.flex {
	display: flex;
}

.items-center {
	align-items: center;
}

.justify-center {
	justify-content: center;
}

.p-4 {
	padding: 1rem;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.max-w-5xl {
	max-width: 64rem;
}

.shadow-2xl {
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.rounded-2xl {
	border-radius: 1rem;
}

.overflow-hidden {
	overflow: hidden;
}

.min-h-\[600px\] {
	min-height: 600px;
}


/* Altura mínima para desktop */

.w-full {
	width: 100%;
}


/* Left Panel (Industrial Image) */

.hidden {
	display: none;
}

.p-12 {
	padding: 3rem;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.inset-0 {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.bg-black {
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.opacity-60 {
	opacity: 0.6;
}


/* Opacidad ligeramente reducida */

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.z-10 {
	z-index: 10;
}

.text-center {
	text-align: center;
}

.space-y-4>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.font-extrabold {
	font-weight: 800;
}

.tracking-tight {
	letter-spacing: -0.025em;
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.font-light {
	font-weight: 300;
}

.w-1\/3 {
	width: 33.333333%;
}

.border-t-2 {
	border-top-width: 2px;
}

.border-red-500 {
	--tw-border-opacity: 1;
	border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.pt-2 {
	padding-top: 0.5rem;
}

.text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.opacity-80 {
	opacity: 0.8;
}


/* Logo Styling */

.h-16 {
	height: 4rem;
}

.mb-4 {
	margin-bottom: 1rem;
}

.max-w-\[250px\] {
	max-width: 250px;
}


/* Right Panel (Login Form) */

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.flex-col {
	flex-direction: column;
}

.p-8 {
	padding: 2rem;
}

.sm\:p-12 {
	padding: 3rem;
}

.lg\:p-16 {
	padding: 4rem;
}

.max-w-xs {
	max-width: 20rem;
}


/* Form Content */

.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem;
}

.font-semibold {
	font-weight: 600;
}

.text-gray-800 {
	--tw-text-opacity: 1;
	color: rgb(31 41 55 / var(--tw-text-opacity));
}

.space-y-6>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}


/* Input Styles */

.block {
	display: block;
}

.font-medium {
	font-weight: 500;
}

.text-gray-700 {
	--tw-text-opacity: 1;
	color: rgb(55 65 81 / var(--tw-text-opacity));
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.border {
	border-width: 1px;
}

.border-gray-300 {
	--tw-border-opacity: 1;
	border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.rounded-lg {
	border-radius: 0.5rem;
}

.shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.placeholder-gray-400 {
	--tw-placeholder-opacity: 1;
	color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.focus\:outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.focus\:border-red-500:focus {
	--tw-border-opacity: 1;
	border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.focus\:ring-2:focus {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px+ var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.transition {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}


/* Button Styles */

.justify-center {
	justify-content: center;
}

.py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.border-transparent {
	border-color: transparent;
}

.shadow-md {
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:ring-offset-2:focus {
	--tw-ring-offset-width: 2px;
}

.focus\:ring-red-500:focus {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}


/* Footer/Links */

.text-gray-500 {
	--tw-text-opacity: 1;
	color: rgb(107 114 128 / var(--tw-text-opacity));
}

.hover\:text-red-700:hover {
	--tw-text-opacity: 1;
	color: rgb(185 28 28 / var(--tw-text-opacity));
}

.mt-4 {
	margin-top: 1rem;
}

.text-gray-400 {
	--tw-text-opacity: 1;
	color: rgb(156 163 175 / var(--tw-text-opacity));
}


/* Media Queries para Responsive Design (Desktop) */

@media (min-width: 768px) {
	.md\:flex {
		display: flex;
	}
	.md\:w-1\/2 {
		width: 50%;
	}
}