/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/

   .form-card {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background-color: #ffffff;
                padding: 30px;
                border-radius: 10px;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
                text-align: center;
            }

            .form-container {
                display: inline-block;
                text-align: left;
                position: relative;
            }

            .form-content {
                width: 100%;
                max-width: 400px;
                margin: 0 auto;
            }

            .button-container {
                margin-top: 20px;
                text-align: center;
            }

            .p-grid {
                margin: 0;
            }

            .p-grid .p-col-12 {
                width: 100%;
            }

            .p-grid .p-col-8 {
                width: 66.6666%;
            }
      
        /* Estilo para el input */
        .ui-inputfield.ui-inputtext {
            color: #000; /* Cambia el color del texto del input a azul */
            width: 320px; /* Ancho del input al 100% */
            margin-bottom: 5px; /* Incrementar el espacio entre inputs */
            padding: 10px; /* Incrementar el padding */
            font-size: 16px; /* Aumentar el tamaño de la fuente */
        }

       

        /* Estilo para el botón */
        .button-container {
            margin-top: 30px; /* Incrementar el espacio entre el formulario y los botones */
            margin: 20px;
            text-align: center; /* Centrar los botones */
        }
        .button-container .ui-button {
    margin-right: 10px; /* Ajusta el espacio entre los botones */
}
        
        .ui-button-raised {
    background-color: #007bff; /* Color de fondo */
    color: #fff; /* Color del texto */
    border: 1px solid transparent; /* Borde transparente */
    padding: 10px 20px; /* Espaciado interno */
    border-radius: 4px; /* Bordes redondeados */
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s; /* Transiciones suaves */
}