body {
            font-family: 'Montserrat', sans-serif;
            margin: 0;
            padding: 0;
            background-image: url('../img/llamame-background.jpg'); 
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .main-content {
            display: flex;
            justify-content: center; /* Centra horizontalmente */
            align-items: center; /* Centra verticalmente */
            gap: 20px; /* Espacio entre las tarjetas */
            padding: 40px 20px; /* Espacio interno alrededor de las tarjetas */
            min-height: calc(100vh - 140px); /* Altura mínima para centrar, ajustando para header y footer */
        }

        .form-container, .maintenance-section {
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .form-container {
            max-width: 400px;
            width: 100%;
        }

        .maintenance-section {
            max-width: 600px;
            width: 100%;
        }

        .form-container h2,
        .maintenance-section h2 {
            color: #052788;
            margin-bottom: 20px;
            font-size: 24px;
        }

        .form-group {
            margin-bottom: 15px;
        }

        .form-group label {
            display: block;
            font-weight: bold;
            color: rgb(80,80,80);
            margin-bottom: 5px;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #C7C9C6;
            border-radius: 5px;
        }

        .form-group input[type="submit"] {
            background-color: #052788;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 20px;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s ease;
        }

        .form-group input[type="submit"]:hover {
            background-color: #0141a2;
        }

        .maintenance-section p {
            margin-bottom: 10px;
            color: #333;
        }

        .highlight {
            font-weight: bold;
            color: #052788;
        }

    .submit-button:hover {
        background-color: #0141a2;
        transform: scale(1.05); /* Efecto de escala al pasar el cursor */
        transition: transform 0.3s ease, background-color 0.3s ease; /* Transición suave */
    }

    #tipo, #dia, #hora {
        background: none;
        color: rgb(80,80,80);
    }

    #confirmacion {
        padding: 20px;
        background-color: #28a745; /* Verde de éxito */
        color: white;
        border-radius: 5px;
        margin-top: 20px;
        display: none;
    }

    #mensajeConfirmacion {
        font-size: 18px;
    }

    .enlacePDF {
        margin-top: 20px;
        color: #fff;
        background-color: #007bff;
        padding: 10px 20px;
        border-radius: 5px;
        text-decoration: none;
    }