/*
Theme Name: Diviwk
Description: Tema hijo del Divi
Author: webkamy
Version: 1.0
Template: Divi
*/

/* Aquí puedes agregar tus estilos personalizados */

    #wk-presupuesto-form {
        display: flex;
        
        justify-content: center;
    }


    #wk-presupuesto {

        width: 100%;
        max-width: 600px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1rem;
        
    }
    
    #wk-presupuesto > div {
       
        margin-top: 10px;
    }

    #wk-presupuesto input[type="text"], #wk-presupuesto input[type="submit"], #wk-presupuesto input[type="email"], #wk-presupuesto select {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        box-sizing: border-box;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1rem;
    }    

    #wk-presupuesto-distancia {
        background-color: #666666;
        color: white;
        border-color: #444444;
        text-align: center;
        padding: 5px;
        border-radius: 10px;
    }

    #wk-presupuesto-resupuesta {
        
        color:white;
        
        padding: 0.5rem;

        visibility: hidden;
        opacity: 0;
        transition: visibility 0s 3s, opacity 3s linear;
    }

    #wk-presupuesto-resupuesta.wk-presupuesto-ok {
        background-color: green;
    }
    
    #wk-presupuesto-resupuesta.wk-presupuesto-no {
        background-color: red; 
    }

    #wk-presupuesto-resupuesta.wk-presupuesto-mostrar-respuesta {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
    }

    #wk-presupuesto-mapa {
        height: 400px; 
        width: 100%; 
        display: none; 
    }

    #wk-presupuesto-enviar {
        border-radius: 10px;
        border-color: #042159;
        background-color:#89d9c2;
        color: #042159;
        font-size: 15px;
        font-weight: bold;
    }
 
    #wk-presupuesto-acepto {
        display: inline;
    }