.mensaje_error {
    color: red;
}

.button_lp_volver {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #ffffff !important;                /* Color del texto */
    background-color: #65A4F2;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.button_lp_volver:hover {
    background-color: #005CD0;
    color: #ffffff !important;              /* Color del texto */
   text-decoration: none !important;
}

.button_logopsico {
    background-color: #65A4F2 !important;   /* Color azul */
    color: #ffffff !important;                /* Color del texto */
    padding: 10px 20px;                       /* Espaciado interno */
    font-family: Arial, sans-serif;           /* Fuente del texto */
    font-size: 16px;                          /* Tamaño del texto */
    border: none;                             /* Sin bordes */
    border-radius: 5px;                       /* Bordes redondeados */
    cursor: pointer;                          /* Cursor en forma de mano */
    transition: background-color 0.3s;        /* Transición suave */
    outline: none;                            /* Evitar borde al seleccionar */
}

.button_logopsico:hover {
    background-color: #005CD0 !important;   /* Color más oscuro al pasar el mouse */
    color: #ffffff !important;              /* Color del texto */
}

.button_logopsico:focus {
    outline: 2px solid #65A4F2;             /* Borde personalizado en foco */
    outline-offset: 2px;                      /* Espaciado entre el borde y el botón */
}

.textbox_logopsico_newsletter {
    width: 300px;
    font-size: 18px;                          /* Tamaño del texto */
    border: 1px solid #ccc;                 /* Borde gris claro */
    border-radius: 5px;                       /* Bordes redondeados */
    background-color: #fff;                 /* Color de fondo */
    color: #333;                            /* Color del texto */
    transition: border-color 0.3s;            /* Efecto de transición suave */
}

.textbox_logopsico_contacta {
    width: 600px;
    font-size: 18px;                          /* Tamaño del texto */
    border: 1px solid #ccc;                 /* Borde gris claro */
    border-radius: 5px;                       /* Bordes redondeados */
    background-color: #fff;                 /* Color de fondo */
    color: #333;                            /* Color del texto */
    transition: border-color 0.3s;            /* Efecto de transición suave */
}


/* Estilo responsive: aplica a pantallas menores de 700px */
@media screen and (max-width: 700px) {
    .textbox_logopsico_contacta {
        width: 300px;
        font-size: 18px;            /* Puedes ajustar si deseas menor tamaño */
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: #fff;
        color: #333;
        transition: border-color 0.3s;
    }

    .textbox_logopsico_newsletter {
        width: 250px;
        font-size: 18px;                          /* Tamaño del texto */
        border: 1px solid #ccc;                 /* Borde gris claro */
        border-radius: 5px;                       /* Bordes redondeados */
        background-color: #fff;                 /* Color de fondo */
        color: #333;                            /* Color del texto */
        transition: border-color 0.3s;            /* Efecto de transición suave */
    }

}

.textbox_logopsico_newsletter:-webkit-autofill,
.textbox_logopsico_newsletter:-webkit-autofill:hover,
.textbox_logopsico_newsletter:-webkit-autofill:focus,
.textbox_logopsico_contacta:-webkit-autofill,
.textbox_logopsico_contacta:-webkit-autofill:hover,
.textbox_logopsico_contacta:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; /* Fondo blanco */
    -webkit-text-fill-color: #333 !important;                    /* Texto gris oscuro */
    background-clip: content-box !important;                     /* Fija fondo interior */
    transition: background-color 5000s ease-in-out 0s;           /* Evita parpadeos */
}


.textbox_logopsico {
    width: 100%;                              /* Ancho completo */
    /*padding: 10px;                            /* Espaciado interno */
    font-size: 16px;                          /* Tamaño del texto */
    border: 1px solid #ccc;                 /* Borde gris claro */
    border-radius: 5px;                       /* Bordes redondeados */
    background-color: #fff;                 /* Color de fondo */
    color: #333;                            /* Color del texto */
    box-sizing: border-box;                   /* Incluye padding en el ancho total */
    transition: border-color 0.3s;            /* Efecto de transición suave */
}

.textbox_logopsico:focus {
    border-color: #888;                     /* Color del borde al enfocar */
    outline: none;                            /* Elimina el contorno predeterminado */
}

.titulo_logopsico {
    font-size: 32px !important;               /* Tamaño grande del texto */
    color: #0066D9 !important;              /* Color azul */
    text-align: left !important;            /* Centrado horizontal */
    font-weight: bold !important;             /* Negrita */
    margin-bottom: 20px !important;           /* Espaciado inferior */
    font-family: Arial, sans-serif;           /* Tipo de fuente */
}