.container {
            max-width: 600px;
            margin: auto;
            padding: 20px;
            font-family: Arial, sans-serif;
        }
        .form-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
        }
        @media (min-width: 600px) {
            .form-grid {
                grid-template-columns: 1fr 1fr;
            }
            .full-width {
                grid-column: span 2;
            }
        }
		
		
        label {
            display: block;
            font-weight: bold;
        }
        input, select, button {
            width: 100%;
            padding: 8px;
            margin-top: 5px;
            box-sizing: border-box;
			border-radius: 10px;
            border: 3px solid #ccc;
        }
		
		button {
			width: 50%;
			padding: 8px;
			margin: 10px auto; /* Centra el botón */
			display: block; /* Asegura que el margen automático funcione */
			box-sizing: border-box;
			border-radius: 10px;
			border: 1px solid #ccc;
			background-color: #007bff;
			color: white;
			cursor: pointer;
			transition: background 0.3s;
}
		
        button {
            background-color: #000000;
            color: white;
            border: none;
            cursor: pointer;
        }