/*
 # ########*###########################
 Autor: José Luis Rodriguez
 Mail: jrodriguez@bincodex.com
 Web: https://bincodex.com
 Fecha: 2026-07-02 22:32:06
 Archivo: registro.css
 Codificación: UTF-8
 Editado en: Kate 25.04.3
 ####################################
 */




.hero-afl {
	min-height:100vh;
	background: linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.75)), url('../../img/wallpaper.jpg?v=2');
	background-size:cover;
	background-position:center;
	padding:50px 20px;
}


.form-container {
	max-width:1200px;
	margin:auto;
	background:rgba(255,255,255,.92);
	backdrop-filter:blur(15px);
	border-radius:30px;
	padding:50px;
	box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.header-afl {
	text-align:center;
	margin-bottom:50px;
}


.header-afl h1 {
	font-size:42px;
	color:#333;
}

.header-afl p {
	color:#666;
	margin-top:15px;
}

.steps-afl {
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:60px;
	user-select: none;
	cursor: pointer;
}

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

.step-afl span {
	width:50px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#ddd;
	color:#fff;
	margin:auto;
}

.step-afl.active span {
	background:#55aaff;
}

.step-afl small {
	display:block;
	margin-top:10px;
}

.line-afl {
	width:100px;
	height:4px;
	background:#ddd;
	margin:0 15px;
}

.line-afl.active {
	background:#55aaff;
}

.section-afl {
	display: none;
}

.section-afl.active {
	display: block;
}


.section-afl h2{
	margin-bottom:30px;
	color:#333;
}

.grid-afl{

	display:grid;

	grid-template-columns:
	repeat(auto-fit,minmax(250px,1fr));

	gap:25px;
}

.field.full {
	grid-column:1/-1;
}

label {
	display:block;
	margin-bottom:10px;
	color:#555;
	font-weight:600;
	font-size: 0.9em;
}

.confirm-checkbox-label {
	display: flex;
	gap: 20px;
	align-items: top;
}

input, select, texarea {
	width:100%;
	height:55px;
	border:1px solid #ddd;
	border-radius:14px;
	padding:0 20px;
	font-size:15px;
}


input[type="checkbox"] {
	width: 50%;
	height: 30px;
}


input:focus, select:focus, texarea:focus {
	outline:none;
	border-color:#55aaff;
	box-shadow:0 0 0 4px rgba(245,130,62,.15);
}


input:disabled, select:disabled, texarea:disabled {
	background: #a2a2a2;
	color: #d3d7cf;
}


.lst-afl {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.buttons {
	margin-top:50px;
	display:flex;
	justify-content:flex-end;
	gap:20px;
}

.btn-primary, .btn-secondary {
	border:none;
	padding:16px 35px;
	border-radius:50px;
	cursor:pointer;
	font-size:16px;
}

.btn-primary {
	background:#55aaff;
	color:#fff;
}

.btn-secondary {
	background:#ececec;
}




.section-lgn {
	background: #fff;
	padding: 20px;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	gap: 28px;
	box-shadow:0 20px 60px rgba(0,0,0,.08);
}







@media(max-width:900px){

	.steps-afl{
		overflow:auto;
		justify-content:flex-start;
	}

	.line-afl{
		min-width:60px;
	}

	.form-container {
		padding:30px;
	}

}