<div id="fondo-politicas" class="politica-app overlay-politica"></div>
<div id="contenido-politicas" class="politica-app modal-politica">
    <div class="alert alert-warning" role="alert">
        Debes leer la politica y despues <a href="#" class="alert-link">Aceptar</a> sus terminos y condiciones para cerrar este mensaje.
    </div>
    <div class="col-md-12 "><?= $Politica->politicaCONTENIDO ?></div>
    <div class="col-md-12 ">
        <div class="col-md-12 ">                
            <button type="button" id="btn-aceptarpolitica" class="btn btn-primary btn-lg  btn-block" >Aceptar <i class="fa fa-check-circle"></i> </button>
        </div>
    </div>
    <div class="col-md-12 spacer" style="height: 60px;"></div>
</div>
<script type="text/javascript" >
    function abrirPolitica(funcionAceptar) {
        $("#fondo-politicas").fadeIn();
        $("#contenido-politicas").fadeIn();
        $("#btn-aceptarpolitica").click(function () {
            funcionAceptar();
            cerrarPolitica();
        }); 
    }
    function cerrarPolitica() {
        $("#fondo-politicas").fadeOut();
        $("#contenido-politicas").fadeOut();
    }

</script>