.formulario {
	max-width: 700px;
	margin: 0 auto;
	padding: 20px;
	border: 1px dashed #0073aa;
	border-radius: 8px;
}

.formulario__titulo {
	font-weight: bold;
	margin-bottom: 20px;
}

.formulario__campo {
	width: 100%;
	margin-bottom: 15px;
}

.formulario__campo input,
.formulario__campo textarea,
.formulario__campo select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.formulario__boton {
	background-color: #0073aa;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
}

.formulario__boton:hover {
	background-color: #005d8b;
}
.formulario__opciones {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 15px;
}

.formulario__opcion {
	padding: 10px 16px;
	border: 1px solid #0073aa;
	background-color: white;
	color: #0073aa;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 600;
	transition: 0.2s ease;
}

.formulario__opcion:hover,
.formulario__opcion--activo {
	background-color: #0073aa;
	color: white;
}
/* 🧩 Área paso 01: Tipo de operación*/
.formulario__opcion--activo {
	background-color: #0073aa;
	color: white;
}
.formulario__opciones {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.formulario__opcion {
    padding: 10px 16px;
    border: 1px solid #0073aa;
    background-color: #fff;
    color: #0073aa;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.2s ease;
}

.formulario__opcion--activo {
    background-color: #0073aa;
    color: white;
    font-weight: bold;
}


.formulario__tipo-opciones {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 10px;
}

.formulario__tipo-card {
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px;
	width: 120px;
	text-align: center;
	transition: 0.2s ease;
}

.formulario__tipo-card:hover {
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
}

.formulario__tipo-card--activo {
	border-color: #0073aa;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	background-color: #f0f8ff;
}

.formulario__tipo-icono {
	width: 100%;
	height: 60px;
	object-fit: contain;
}

.formulario__tipo-nombre {
	margin-top: 8px;
	font-weight: 600;
}
.step-form { max-width: 700px; margin: 0 auto; }
.step-content { display: none; }
.step-content.active { display: block; }
.steps-nav { display: flex; flex-wrap: wrap; margin-bottom: 20px; gap: 10px; }
.steps-nav button {
    flex: 1;
    padding: 10px;
    cursor: pointer;
    border: none;
    background-color: #eee;
    border-radius: 5px;
}
.steps-nav button.active {
    background-color: #0073aa;
    color: white;
    font-weight: bold;
}
.step-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.btn-operacion.selected {
    background-color: #0073aa;
    color: white;
    font-weight: bold;
}
.tipo-prop-card.selected {
    border: 2px solid #0073aa;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.formulario__paso {
	display: none;
}