/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 16 2025 | 14:30:29 */
/* .form_gobernacion form {
    display:flex;
    align-items:center;
    gap:10px
}
.form_gobernacion select{
    background:#fff;
    padding:10px !important
} */


.form_gobernacion form .gform-body{
    width:80%;
}

.form_gobernacion form .gform-footer{
    width:20%
}

/* Botón con fondo azul y máscara */
.form_gobernacion form .gform-footer input.gform_button {
  border-radius: 10px;
  width: 100%;
  padding: 7px 0;
  font-weight: 600;


  background-color: #15355c;
 
}



/* Máscara con la imagen como overlay */
.form_gobernacion form .gform-footer input.gform_button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('/wp-content/uploads/2025/07/Subsanacion-de-documentos-Fondo-Cundinamarca-_-Gobernacion-de-Cundinamarca-16.svg') center/contain no-repeat;
    opacity: 0.3; /* Transparencia para crear efecto de máscara */
    pointer-events: none;
    z-index: 1;
}

/* Texto del botón por encima de la máscara */
.form_gobernacion form .gform-footer input.gform_button {
    position: relative;
    z-index: 2;
}

/* Efecto hover */
.form_gobernacion form .gform-footer input.gform_button:hover {
    background: #1a4066; /* Azul más oscuro al pasar el mouse */
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(21, 53, 92, 0.3);
}

.form_gobernacion form .gform-footer input.gform_button:hover::before {
    opacity: 0.5; /* Aumenta la opacidad de la máscara en hover */
}

/* Efecto al hacer clic */
.form_gobernacion form .gform-footer input.gform_button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(21, 53, 92, 0.2);
}

/* Alternativa: Máscara con blend mode */
.form_gobernacion form .gform-footer input.gform_button.blend-mask {
    background: 
        url('/wp-content/uploads/2025/07/Subsanacion-de-documentos-Fondo-Cundinamarca-_-Gobernacion-de-Cundinamarca-16.svg') center/contain no-repeat,
        #15355c;
    background-blend-mode: multiply; /* Mezcla la imagen con el fondo azul */
}

.form_gobernacion .gform_description{
	display:none !important
}

/* Responsive */
@media (max-width: 768px) {
    .form_gobernacion form .gform-footer input.gform_button {
        padding: 10px 0px;
        font-size: 14px;
    }
}

.form_gobernacion form .gform-body input{
    background:#fff;
    padding:10px 15px !important
}