<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
    <head>
        <title>Bienvenido/a</title>
        <link rel="shortcut icon" href="/build/images/icon.png" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
                        <link rel="stylesheet" href="/build/app.b1df0d9b.css">
        
    <link rel="stylesheet" href="/build/frontend.89c7a21b.css">
                <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-139855249-1"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'UA-139855249-1');
        </script>
            </head>
    <body style="background-image:url(/build/images/frontend/bck-front.png); background-position: top right; background-repeat: no-repeat;" class="route-homepage ">
                <!--[if lte IE 9]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->

<!-- Add your site or application content here -->

<!-- preloader -->
<div class="page-loader">
    <div class="loader">Loading...</div>
</div>
<!-- preloader -->

<!-- header start -->
<header id="sticky-header" class="header-area header-2 header-transparent pt-2 pb-40">
    <div class="header-area">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="main-menu">
                        <nav class="navbar navbar-expand-lg">
                            <div class="navbar-brand" href="/">
                                <a class="logo-accesibilidapp" title="AccesibilidApp" href="/">
                                    <img src="/build/images/logo.png" alt="Logo AccesibilidApp">
                                </a>
                                <a class="logo-cocemfe" title="COCEMFE" target="_blank" href="http://www.cocemfe.es">
                                    <img src="/build/images/logo-cocemfe.png" alt="Logo COCEMFE">
                                </a>
                                <a class="logo-fundacion" title="Fundación Vodafone" target="_blank" href="http://www.fundacionvodafone.es">
                                    <img src="/build/images/logo-fundacion-vodafone.png" alt="Logo Fundación Vodafone">
                                </a>
                            </div>
                            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                                <span class="navbar-icon"></span>
                                <span class="navbar-icon"></span>
                                <span class="navbar-icon"></span>
                            </button>

                            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                <ul class="navbar-nav ml-auto">
                                    <li class="nav-item">
                                        <a class="nav-link" href="/#about">Sobre AccesibilidApp </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="/#features">Funcionalidades </a>
                                    </li>
                                                                        <li class="nav-item">
                                        <a class="nav-link" href="/#contact">Contacto </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="/login"><i class="fa fa-lock mr-2"></i> Acceso </a>
                                    </li>
                                                                        <!--
                                    <li class="nav-item">
                                        <a class="nav-link dropdown-toggle" id="dropdownMenuLanguages" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#langswitcher">ESP <i class="fa fa-chevron-down ml-2"></i></a>
                                        <div class="dropdown-menu dropdown-menu-right" id="langswitcher" aria-labelledby="dropdownMenuLanguages">
                                                                                                                                                                                                                                                                                                                                                                                                                <a class="dropdown-item" hreflang="ca" href="/ca/"><span class="ml-2">Català</span></a> 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a class="dropdown-item disabled" hreflang="eu" href="/eu/"><span class="ml-2">Euskera</span></a> 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a class="dropdown-item disabled" hreflang="gl" href="/gl/"><span class="ml-2">Galego</span></a> 
                                                                                                                                                                                                                                                </div>
                                    </li>
                                    -->
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- header end -->


        <div class="frontend-video-wrapper text-center">
    <video src="/build/images/frontend/video-presentacion-accesibilidapp.mp4" poster="/build/images/frontend/video-presentacion-accesibilidapp.jpg" controls></video>
</div>
<div class="main-tabs container text-center">
    <a class="active" href="#tab-send">
        <i class="fa fa-mobile-alt mr-3"></i>
        Información sobre el envío de incidencias
    </a>
    <a class="" href="#tab-manage">
        <i class="fa fa-user mr-3"></i>
        Información sobre la gestión de incidencias
    </a>
</div>
<div class="main-tabs-content">
    <div id="tab-send" class="tab-content-wrapper active">
        <!-- slider start -->
<div id="home" class="slider-area slider-2">
   <div class="is-not-a-slider-active">
        <div class="single-slider slider-height d-flex align-items-center">
            <div class="container">
                <div class="row">
                    <div class="col-xl-8 col-lg-8 col-md-8">
                        <div class="silder-content pt-0">
                            <h1 class="mb-15" data-animation="fadeInDown" data-delay=".3s">Concepto de AccesibilidApp</h1>
                            <p data-animation="fadeInDown" data-delay=".5s">Accesibilidapp es una aplicación que te permite enviar y comunicar incidencias sobre los elementos de accesibilidad de las ciudades (entornos, transportes y edificación) a las entidades responsables de su gestión y/o mantenimiento. ¡Participa en la mejora de tu ciudad o de aquellas otras localidades en que te encuentres!</p>
                            <div class="get-app mt-30">
                                <a href="https://play.google.com/store/apps/details?id=cat.puntzero.accesibilidapp" target="_blank" data-animation="fadeInUp" data-delay=".7s">
                                    <i class="ti-android"></i>
                                    <p>Disponible en
                                        <br>
                                        <strong>Google Store</strong>
                                    </p>
                                </a>
                                <a href="https://apps.apple.com/us/app/accesibilidapp/id1466205303?l=es&ls=1" data-animation="fadeInUp" data-delay=".9s" target="_blank">
                                    <i class="ti-apple"></i>
                                    <p>Disponible en
                                        <br>
                                        <strong>Apple Store</strong>
                                    </p>
                                </a>
                                <span class="logo-zp">
                                    <img src="/build/images/zp_winner.png" alt="Logo Zero Project 2021 Winner">          
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-4">
                        <div class="slider-app-thumb pt-0" data-animation="fadeInRight" data-delay="1.2s">
                            <img src="/build/images/frontend/iphone-linea.png" alt="Imágen de muestra de la app para móviles">
                        </div>
                    </div>
                </div>
            </div>
        </div>
   </div>
</div>
<!-- slider end -->

<div class="pt-10 pb-80">
<!-- news-area start -->
<div id="blog" class="latest-blog-area">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-8 offset-lg-2 offset-xl-3">
                <div class="area-title text-center  mb-60">
                    <h2 class="mb-15">Últimas noticias</h2>
                    <p>Aquí encontrarás las últimas novedades de AccesibilidApp:</p>
                </div>
            </div>
        </div>
        <div class="row">
                            <div class="col-xl-4 col-lg-4 col-md-6">
                    <div class="blog-wrapper purpil-blog mb-30 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                        <div class="blog-thumb mb-25" style="background-image: url(/uploads/media/ff4b0113e9d49e65e08ff1de76a26ddf.jpg)">
                            <a title="Vehículos de movilidad personal, amenaza para los peatones vulnerable" href="/news/39"><!-- <img src="/uploads/media/ff4b0113e9d49e65e08ff1de76a26ddf.jpg" alt=""> --></a>
                        </div>
                        <div class="blog-content">
                            <h5><a href="/news/39">Vehículos de movilidad personal, amenaza para los peatones vulnerable</a></h5>
                            <div class="blog-meta mb-10">
                                <span>09/04/2024</span>
                            </div>
                            <p>Enlace a publicaci&oacute;n del CERMI Estatal

La aparici&oacute;n inopinada de los veh&iacute;culos [...]</p>
                        </div>
                    </div>
                </div>
                            <div class="col-xl-4 col-lg-4 col-md-6">
                    <div class="blog-wrapper purpil-blog mb-30 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                        <div class="blog-thumb mb-25" style="background-image: url(/uploads/media/02e322a28ef3fb2723bf196364de990f.png)">
                            <a title="COCEMFE invita a la población a recoger incidencias de accesibilidad en espacios de ocio" href="/news/38"><!-- <img src="/uploads/media/02e322a28ef3fb2723bf196364de990f.png" alt=""> --></a>
                        </div>
                        <div class="blog-content">
                            <h5><a href="/news/38">COCEMFE invita a la población a recoger incidencias de accesibilidad en espacios de ocio</a></h5>
                            <div class="blog-meta mb-10">
                                <span>15/09/2023</span>
                            </div>
                            <p>La Confederaci&oacute;n Espa&ntilde;ola de Personas con Discapacidad F&iacute;sica y Org&aacute;nica [...]</p>
                        </div>
                    </div>
                </div>
                            <div class="col-xl-4 col-lg-4 col-md-6">
                    <div class="blog-wrapper purpil-blog mb-30 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                        <div class="blog-thumb mb-25" style="background-image: url(/uploads/media/8b846910f1b4d4d208512f4186e393b7.jpg)">
                            <a title="Publicación de informe de Plataformas únicas de COCEMFE" href="/news/37"><!-- <img src="/uploads/media/8b846910f1b4d4d208512f4186e393b7.jpg" alt=""> --></a>
                        </div>
                        <div class="blog-content">
                            <h5><a href="/news/37">Publicación de informe de Plataformas únicas de COCEMFE</a></h5>
                            <div class="blog-meta mb-10">
                                <span>29/06/2023</span>
                            </div>
                            <p>Queremos un espacio urbano accesible que tenga en cuenta a las personas con discapacidad

Nuestro informe [...]</p>
                        </div>
                    </div>
                </div>
                    </div>
    </div>
</div>
<!-- news-area end -->
 
</div>

<!-- features-area start -->
<div class="features-area pt-0 about-app">
    <div class="container">
        <h2 class="text-center">Funcionalidades</h2>
        <div class="row">
            <div class="col-xl-4 col-lg-4 col-md-4">
                <div class="features-wrapper text-center mb-30 wow fadeIn" data-wow-delay="0.2s">
                    <div class="features-icon-img mb-20">
                        <img src="/build/images/frontend/camera.svg" alt="Icono de una cámera para el apartado Participa en mejorar tu ciudad">
                    </div>
                    <h4>Participa en mejorar tu ciudad</h4>
                    <p>Accesibilidapp te permite como ciudadana/o <strong>ser parte activa</strong> de la resolución de las incidencias de accesibilidad existentes en tu ciudad.</p>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4">
                <div class="features-wrapper text-center mb-30 wow fadeIn" data-wow-delay="0.4s">
                    <div class="features-icon-img mb-20">
                        <img src="/build/images/frontend/warning.svg" alt="Icono de una señal de aviso para el apartado Información para el usuario">
                    </div>
                    <h4>Información actualizada</h4>
                    <p>Con AccesibilidApp podrás conocer el estado de tus incidencias y cada cambio que se produzca en relación a ellas.</p>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4">
                <div class="features-wrapper text-center mb-30 wow fadeIn" data-wow-delay="0.6s">
                    <div class="features-icon-img mb-20">
                        <img src="/build/images/frontend/web-management.svg" alt="Icono de un ordenador para el apartado Gestión de incidencias">
                    </div>
                    <h4>Gestión de incidencias</h4>
                    <p>Los ayuntamientos disponen ahora, con la colaboración de COCEMFE y sus entidades, de una herramienta ágil y bidireccional con la ciudadanía para conocer y gestionar la accesibilidad de los entornos de que son responsables.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- features-area end -->

<!-- about-app-area start -->
<div id="about" class="about-app-area wow fadeInUp pt-80 pb-120" data-wow-delay="0.3s">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-6">
                <div class="about-app pt-50">
                    <h2 class="color-white">Sobre AccesibilidApp</h2>
                    <div class="wrapper">
                        <p>“AccesibilidApp” es una plataforma de comunicación de incidencias de accesibilidad entre la ciudadanía y las entidades responsables de su gestión y mantenimiento, promovida por COCEMFE.</p> <p>Esta plataforma promueve la participación, la comunicación ágil y la gestión eficiente entre los diferentes agentes implicados en la mejora de la accesibilidad y la movilidad de las personas con discapacidad.</p> <p>En aquellos municipios en que no exista convenio de colaboración con sus ayuntamientos u otros organismos supraterritoriales, COCEMFE y sus entidades realizarán acciones de comunicación e intermediación con estos.</p> <p>En el caso en que la comunicación se deba realizar a “Otras Entidades” con las que no exista convenio de colaboración, COCEMFE y sus entidades realizarán también las acciones de comunicación e intermediación con éstas.</p></h2>
                    </div>
                    <!--
                    <a href="#" class="btn btn-perpil mt-10" data-animation="fadeInUp" data-delay=".7s">+ Información</a>
                    -->
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 pt-50">
                <div class="about-app-thumb">
                    <img src="/build/images/frontend/iphone-sobre-1_1.png" alt="Imágen de muestra de la app para móviles">
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 pt-50">
                <div class="about-app-thumb">
                    <img src="/build/images/frontend/iphone-sobre-2.png" alt="Imágen de muestra de la app para móviles">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- about-app-area end -->

 <!-- how-it-area-area start -->
<!-- how-it-area-area start -->

 <!-- features-area start -->
<div id="features" class="features-area pt-115 pb-90">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-8 offset-lg-2 offset-xl-3">
                <div class="area-title text-center mb-60">
                    <h2 class="mb-15">Paso a paso</h2>
                    <div class="wrapper">
                        AccesibilidApp es una herramienta ágil y rápida de utilizar. Estos son los 6 sencillos pasos para mandar una incidencia:
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features wow h-100 fadeIn" data-wow-delay="0.4s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/list.svg" alt="Icono para la funcionalidad Ubicación en el mapa">
                    </div>
                    <div class="features-content">
                        <h4>Ubicación en el mapa</h4>
                        <div class="wrapper">
                            Selecciona la ubicación de la incidencia o permítenos geolocalizarte.
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features wow h-100 fadeIn" data-wow-delay="0.6s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/map.svg" alt="Icono para la funcionalidad Código postal">
                    </div>
                    <div class="features-content">
                        <h4>Código postal</h4>
                        <div class="wrapper">
                            En función del código postal al que pertenezca tu incidencia se asignará a una entidad gestora.
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features wow h-100 fadeIn" data-wow-delay="0.8s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/network.svg" alt="Icono para la funcionalidad Selecciona una tipología de incidencia">
                    </div>
                    <div class="features-content">
                        <h4>Selecciona una tipología de incidencia</h4>
                        <div class="wrapper">
                            Escoge a qué tipología de incidencia pertenece de un listado predefinido.
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features wow h-100 fadeIn" data-wow-delay="1s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/smartphone.svg" alt="Icono para la funcionalidad Fotografía">
                    </div>
                    <div class="features-content">
                        <h4>Fotografía</h4>
                        <div class="wrapper">
                            Toma una foto de la incidencia para que pueda ser procesada e identificada correctamente.
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features wow h-100 fadeIn" data-wow-delay="1.2s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/exclamation.svg" alt="Icono para la funcionalidad Comentarios">
                    </div>
                    <div class="features-content">
                        <h4>Comentarios</h4>
                        <div class="wrapper">
                            Añade un comentario que nos permita entender mejor la incidencia.
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features wow h-100 fadeIn" data-wow-delay="1.4s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/paper-plane.svg" alt="Icono para la funcionalidad Envía tu incidencia">
                    </div>
                    <div class="features-content">
                        <h4>Envía tu incidencia</h4>
                        <div class="wrapper">
                            Confirma todos los pasos y envía la incidencia para que sea procesada por un gestor.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- features-area start -->

<!-- screenshot-area  start -->
<div id="screenshots" class="screenshot-area pt-115 pb-110 wow fadeInUp" data-wow-delay=".2s">
    <div class="app-padding">
                <div class="container-fluid">
            <div class="app-active app-active-2">
                <div class="app-item">
                    <img class="smartphone-border" src="/build/images/frontend/iphone.png" alt="Imágen de un teléfono móvil que enmarca la imágen de muestra">
                    <a class="popup-image" href="/build/images/frontend/app-1login_2.png">
                        <img src="/build/images/frontend/app-1login_2.png" alt="Imágen de muestra de la app para móviles - Pantalla de inicio">
                    </a>
                </div>
                <div class="app-item">
                    <img class="smartphone-border" src="/build/images/frontend/iphone.png" alt="Imágen de un teléfono móvil que enmarca la imágen de muestra">
                    <a class="popup-image" href="/build/images/frontend/app-2menu_2.png">
                        <img src="/build/images/frontend/app-2menu_2.png" alt="Imágen de muestra de la app para móviles - Menú principal">
                    </a>
                </div>
                <div class="app-item">
                    <img class="smartphone-border" src="/build/images/frontend/iphone.png" alt="Imágen de un teléfono móvil que enmarca la imágen de muestra">
                    <a class="popup-image" href="/build/images/frontend/app-3incidencia.png">
                        <img src="/build/images/frontend/app-3incidencia.png" alt="Imágen de muestra de la app para móviles - Selección de tipologías de incidencia">
                    </a>
                </div>
                <div class="app-item">
                    <img class="smartphone-border" src="/build/images/frontend/iphone.png" alt="Imágen de un teléfono móvil que enmarca la imágen de muestra">
                    <a class="popup-image" href="/build/images/frontend/app-4incidencia.png">
                        <img src="/build/images/frontend/app-4incidencia.png" alt="Imágen de muestra de la app para móviles - Geolocalización de la incidencia">
                    </a>
                </div>
                <div class="app-item">
                    <img class="smartphone-border" src="/build/images/frontend/iphone.png" alt="Imágen de un teléfono móvil que enmarca la imágen de muestra">
                    <a class="popup-image" href="/build/images/frontend/app-5incidencia.png">
                        <img src="/build/images/frontend/app-5incidencia.png" alt="Imágen de muestra de la app para móviles - Añadir imágen">
                    </a>
                </div>
                <div class="app-item">
                    <img class="smartphone-border" src="/build/images/frontend/iphone.png" alt="Imágen de un teléfono móvil que enmarca la imágen de muestra">
                    <a class="popup-image" href="/build/images/frontend/app-6incidencia.png">
                        <img src="/build/images/frontend/app-6incidencia.png" alt="Imágen de muestra de la app para móviles - Añadir comentarios">
                    </a>
                </div>
                <div class="app-item">
                    <img class="smartphone-border" src="/build/images/frontend/iphone.png" alt="Imágen de un teléfono móvil que enmarca la imágen de muestra">
                    <a class="popup-image" href="/build/images/frontend/app-7incidencia.png">
                        <img src="/build/images/frontend/app-7incidencia.png" alt="Imágen de muestra de la app para móviles - Resúmen de la incidencia">
                    </a>
                </div>
                <div class="app-item">
                    <img class="smartphone-border" src="/build/images/frontend/iphone.png" alt="Imágen de un teléfono móvil que enmarca la imágen de muestra">
                    <a class="popup-image" href="/build/images/frontend/app-8incidencia.png">
                        <img src="/build/images/frontend/app-8incidencia.png" alt="Imágen de muestra de la app para móviles - Pantalla de agradecimiento">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- screenshot-area  end -->

<!-- faq start -->
<div id="faq" class="faq-area pt-115 pb-90">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-8 offset-lg-2 offset-xl-3">
                <div class="area-title text-center mb-90">
                    <h2 class="mb-15">FAQs</h2>
                    Resolución de dudas frecuentes
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-6 col-lg-6">
                <div class="faq-wrapper faq-wrapper-2 mb-30 wow fadeInLeft" data-wow-delay=".3s">
                    <div class="accordion" id="accordion">
                        <div class="card">
                            <div class="card-header" id="headingOne">
                                <h5 class="mb-1">
                                    <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        ¿Para qué sirve AccesibiliApp? 
                                    </button>
                                </h5>
                            </div>

                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                                <div class="card-body">
                                    Para comunicar las incidencias en materia de accesibilidad a las entidades y organismos responsables de su gestión con el fin de requerir que estas procedan a su solución.
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingTwo">
                                <h5 class="mb-1">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false"
                                        aria-controls="collapseTwo">
                                        ¿Qué tipo de incidencia puedo enviar 
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                                <div class="card-body">
                                    <p>Existen tres entornos sobre los que se pueden enviar incidencias: urbano, transportes y edificación.</p> <p>Los tipos genéricos de incidencias son los siguientes:</p> <ul><li>Elementos removibles que impiden/dificultan la movilidad o distorsionan el itinerario accesible</li> <li>Desperfectos del pavimento</li> <li>Desperfectos en el mobiliario urbano</li> <li>Desperfectos en aparcamientos para personas con movilidad reducida (PMR)</li> <li>Desperfectos/averías en las infraestructuras para el acceso al transporte urbano / Interurbano</li> <li>Desperfectos/averías en los vehículos de transporte</li> <li>Señalización defectuosa</li> <li>Iluminación defectuosa que dificulta la movilidad</li></ul>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingThree">
                                <h5 class="mb-1">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false"
                                        aria-controls="collapseThree">
                                        ¿Por qué es importante geolocalizar la incidencia? 
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                                <div class="card-body">
                                    Porque nos ayudará a localizar de manera más exacta la incidencia y proceder a su comunicación a la entidad o persona responsable de su solución.
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingFour">
                                <h5 class="mb-1">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false"
                                        aria-controls="collapseThree">
                                        ¿Por qué es importante categorizar tu incidencia? 
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
                                <div class="card-body">
                                    Porque nos proporciona información relevante y nos permite definir y agrupar las incidencias en diferentes categorías.
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="headingFive">
                                <h5 class="mb-1">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false"
                                        aria-controls="collapseThree">
                                        ¿Contactarán conmigo para comunicarme el estado de la incidencia? 
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
                                <div class="card-body">
                                    Sí, las entidades registradas como gestoras le comunicarán el estado en que se encuentra la incidencia, y los cambios que se produzcan en cada momento, a través de mensajes a su email.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3">
                <div class="faq-img faq-img-2 mb-30 wow fadeInRight" data-wow-delay=".5s">
                    <img src="/build/images/frontend/iphone-faq.png" alt="Imágen de muestra de la app para móviles">
                </div>
            </div>
            <div class="col-xl-3 col-lg-3">
                <div class="faq-img faq-img-2 mb-30 wow fadeInRight" data-wow-delay=".5s">
                    <img src="/build/images/frontend/iphone-faq2.png" alt="Imágen de muestra de la app para móviles">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- faq end -->

    </div>
    <div id="tab-manage" class="tab-content-wrapper">
        <!-- slider start -->
<div id="home-manage" class="slider-area slider-2">
   <div class="is-not-a-slider-active">
        <div class="single-slider slider-height-2 d-flex align-items-center">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="silder-content pt-140">
                            <h1 class="mb-15" data-animation="fadeInDown" data-delay=".3s">Gestiona todas las incidencias con un sólo click</h1>
                            <p data-animation="fadeInDown" data-delay=".5s">Una herramienta cómoda y ágil para gestionar las incidencias reportadas por la ciudadanía. Localiza, analiza e interacciona con los/las usuarios/as para poder disponer de un entorno accesible.</p>
                            <div class="get-app mt-30">
                                <a href="/login" class="mb-10" data-animation="fadeInUp" data-delay=".7s">
                                    <p>
                                        Acceder a tu cuenta
                                    </p>
                                </a>
                                <a href="/register" class="mb-10" data-animation="fadeInUp" data-delay=".9s">
                                    <p>
                                        Darte de alta
                                    </p>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="is-not-aslider-app-thumb pt-140" data-animation="fadeInRight" data-delay="1.2s">
                            <img src="/build/images/frontend/mackbook-cocemfe.png" alt="Imágen de muestra del apartado de gestión de la aplicación">
                        </div>
                    </div>
                </div>
            </div>
        </div>
   </div>
</div>
<!-- slider end -->

<div class="pt-100">
<!-- news-area start -->
<div id="blog" class="latest-blog-area">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-8 offset-lg-2 offset-xl-3">
                <div class="area-title text-center  mb-60">
                    <h2 class="mb-15">Últimas noticias</h2>
                    <p>Aquí encontrarás las últimas novedades de AccesibilidApp:</p>
                </div>
            </div>
        </div>
        <div class="row">
                            <div class="col-xl-4 col-lg-4 col-md-6">
                    <div class="blog-wrapper purpil-blog mb-30 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                        <div class="blog-thumb mb-25" style="background-image: url(/uploads/media/ff4b0113e9d49e65e08ff1de76a26ddf.jpg)">
                            <a title="Vehículos de movilidad personal, amenaza para los peatones vulnerable" href="/news/39"><!-- <img src="/uploads/media/ff4b0113e9d49e65e08ff1de76a26ddf.jpg" alt=""> --></a>
                        </div>
                        <div class="blog-content">
                            <h5><a href="/news/39">Vehículos de movilidad personal, amenaza para los peatones vulnerable</a></h5>
                            <div class="blog-meta mb-10">
                                <span>09/04/2024</span>
                            </div>
                            <p>Enlace a publicaci&oacute;n del CERMI Estatal

La aparici&oacute;n inopinada de los veh&iacute;culos [...]</p>
                        </div>
                    </div>
                </div>
                            <div class="col-xl-4 col-lg-4 col-md-6">
                    <div class="blog-wrapper purpil-blog mb-30 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                        <div class="blog-thumb mb-25" style="background-image: url(/uploads/media/02e322a28ef3fb2723bf196364de990f.png)">
                            <a title="COCEMFE invita a la población a recoger incidencias de accesibilidad en espacios de ocio" href="/news/38"><!-- <img src="/uploads/media/02e322a28ef3fb2723bf196364de990f.png" alt=""> --></a>
                        </div>
                        <div class="blog-content">
                            <h5><a href="/news/38">COCEMFE invita a la población a recoger incidencias de accesibilidad en espacios de ocio</a></h5>
                            <div class="blog-meta mb-10">
                                <span>15/09/2023</span>
                            </div>
                            <p>La Confederaci&oacute;n Espa&ntilde;ola de Personas con Discapacidad F&iacute;sica y Org&aacute;nica [...]</p>
                        </div>
                    </div>
                </div>
                            <div class="col-xl-4 col-lg-4 col-md-6">
                    <div class="blog-wrapper purpil-blog mb-30 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                        <div class="blog-thumb mb-25" style="background-image: url(/uploads/media/8b846910f1b4d4d208512f4186e393b7.jpg)">
                            <a title="Publicación de informe de Plataformas únicas de COCEMFE" href="/news/37"><!-- <img src="/uploads/media/8b846910f1b4d4d208512f4186e393b7.jpg" alt=""> --></a>
                        </div>
                        <div class="blog-content">
                            <h5><a href="/news/37">Publicación de informe de Plataformas únicas de COCEMFE</a></h5>
                            <div class="blog-meta mb-10">
                                <span>29/06/2023</span>
                            </div>
                            <p>Queremos un espacio urbano accesible que tenga en cuenta a las personas con discapacidad

Nuestro informe [...]</p>
                        </div>
                    </div>
                </div>
                    </div>
    </div>
</div>
<!-- news-area end -->
 
</div>

<!-- about-app-area start -->
<div id="about-manage" class="about-app-area wow fadeInUp pt-80 pb-120" data-wow-delay="0.3s">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-6">
                <div class="about-app pt-50">
                    <h2 class="color-white">Sobre AccesibilidApp</h2>
                    <div class="wrapper">
                        <p>“AccesibilidApp” es una plataforma de comunicación de incidencias de accesibilidad entre la ciudadanía y las entidades responsables de su gestión y mantenimiento, promovida por COCEMFE.</p> <p>Esta plataforma promueve la participación, la comunicación ágil y la gestión eficiente entre los diferentes agentes implicados en la mejora de la accesibilidad y la movilidad de las personas con discapacidad.</p> <p>En aquellos municipios en que no exista convenio de colaboración con sus ayuntamientos u otros organismos supraterritoriales, COCEMFE y sus entidades realizarán acciones de comunicación e intermediación con estos.</p> <p>En el caso en que la comunicación se deba realizar a “Otras Entidades” con las que no exista convenio de colaboración, COCEMFE y sus entidades realizarán también las acciones de comunicación e intermediación con éstas.</p></h2>
                    </div>
                    <a href="#" class="btn btn-perpil mt-10" data-animation="fadeInUp" data-delay=".7s">+ Información</a>
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 pt-50">
                <div class="about-app-thumb">
                    <img src="/build/images/frontend/iphone-sobre-1_1.png" alt="Imágen de muestra de la app para móviles">
                </div>
            </div>
            <div class="col-xl-3 col-lg-3 pt-50">
                <div class="about-app-thumb">
                    <img src="/build/images/frontend/iphone-sobre-2.png" alt="Imágen de muestra de la app para móviles">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- about-app-area end -->

<!-- features-area start -->
<div id="features-manage" class="features-area pt-115 pb-90">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-8 offset-lg-2 offset-xl-3">
                <div class="area-title text-center mb-60">
                    <h2 class="mb-15">Funcionalidades</h2>
                    <div class="wrapper">
                        Estas son algunas de las funcionalidades de Accesibilidapp:
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features h-100 wow fadeIn" data-wow-delay="0.4s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/dashboard.svg" alt="Icono de una pantalla para el apartado Panel de control de incidencias">
                    </div>
                    <div class="features-content">
                        <h4>Panel de control de incidencias</h4>
                        <div class="wrapper">
                            Gestione todas las incidencias de su entorno desde un panel ágil y modular.
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features h-100 wow fadeIn" data-wow-delay="0.6s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/list.svg" alt="Icono de una lista para el apartado Clasificación por tipologías">
                    </div>
                    <div class="features-content">
                        <h4>Clasificación por tipologías</h4>
                        <div class="wrapper">
                            Defina las tipologías de incidencia que quiere recibir de la ciudadanía
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features h-100 wow fadeIn" data-wow-delay="0.8s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/traffic-light.svg" alt="Icono de un semáforo para el apartado Sistema de estados">
                    </div>
                    <div class="features-content">
                        <h4>Sistema de estados</h4>
                        <div class="wrapper">
                            Las incidencias quedan clasificadas en estados para conocer su situación en todo momento
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features h-100 wow fadeIn" data-wow-delay="1s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/alarm.svg" alt="Icono de una alarma para el apartado Notificaciones">
                    </div>
                    <div class="features-content">
                        <h4>Notificaciones</h4>
                        <div class="wrapper">
                            Mantenga una comunicación fluida con las personas que envían las incidencias y los encargados de resolverlas
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features h-100 wow fadeIn" data-wow-delay="1.2s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/reminder.svg" alt="Icono de un calendario para el apartado Recordatorios">
                    </div>
                    <div class="features-content">
                        <h4>Recordatorios</h4>
                        <div class="wrapper">
                            Establezca el período de tiempo en que una incidencia deba ser resuelta y haga un seguimiento
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                <div class="main-features h-100 wow fadeIn" data-wow-delay="1.4s">
                    <div class="features-icon">
                        <img src="/build/images/frontend/result.svg" alt="Icono de un informe para el apartado Informes a medida">
                    </div>
                    <div class="features-content">
                        <h4>Informes a medida</h4>
                        <div class="wrapper">
                            Exporte la información que desea en el formato más cómodo para su monitorización
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- features-area start -->

<!-- screenshot-area  start -->
<div id="screenshots-manage" class="screenshot-area pt-115 pb-110 wow fadeInUp" data-wow-delay=".2s">
    <div class="app-padding">
        <div class="container-fluid">
            <div class="app-active-manage app-active-2">
                <div class="app-item">
                    <a class="popup-image" href="/build/images/frontend/screenshot/Macbook/Lista-de-incidencias.png">
                        <img src="/build/images/frontend/screenshot/Macbook/Lista-de-incidencias.png" alt="Imágen de muestra del apartado de gestión de la aplicación - Dashboard">
                    </a>
                </div>
                <div class="app-item">
                    <a class="popup-image" href="/build/images/frontend/screenshot/Macbook/Detalle-incidencia---1.png">
                        <img src="/build/images/frontend/screenshot/Macbook/Detalle-incidencia---1.png" alt="Imágen de muestra del apartado de gestión de la aplicación - Gestión de incidencias">
                    </a>
                </div>
                <div class="app-item">
                    <a class="popup-image" href="/build/images/frontend/screenshot/Macbook/Detalle-incidencia---2.png">
                        <img src="/build/images/frontend/screenshot/Macbook/Detalle-incidencia---2.png" alt="Imágen de muestra del apartado de gestión de la aplicación - Detalle de una incidencia">
                    </a>
                </div>
                <div class="app-item">
                    <a class="popup-image" href="/build/images/frontend/screenshot/Macbook/Entidad.png">
                        <img src="/build/images/frontend/screenshot/Macbook/Entidad.png" alt="Imágen de muestra del apartado de gestión de la aplicación - Gestión de entidades">
                    </a>
                </div>
                <div class="app-item">
                    <a class="popup-image" href="/build/images/frontend/screenshot/Macbook/Mensajes.png">
                        <img src="/build/images/frontend/screenshot/Macbook/Mensajes.png" alt="Imágen de muestra del apartado de gestión de la aplicación - Detalle de una entidad">
                    </a>
                </div>
                <div class="app-item">
                    <a class="popup-image" href="/build/images/frontend/screenshot/Macbook/Perfil-de-usuario.png">
                        <img src="/build/images/frontend/screenshot/Macbook/Perfil-de-usuario.png" alt="Imágen de muestra del apartado de gestión de la aplicación - Gestión de mensajes">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- screenshot-area  end -->

<!-- faq start -->
<div id="faq-manage" class="faq-area pt-115 pb-90">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-8 offset-lg-2 offset-xl-3">
                <div class="area-title text-center mb-90">
                    <h2 class="mb-15">FAQs</h2>
                    Resolución de dudas frecuentes
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-6 col-lg-6">
                <div class="faq-wrapper faq-wrapper-2 mb-30 wow fadeInLeft" data-wow-delay=".3s">
                    <div class="accordion" id="manage-accordion">
                        <div class="card">
                            <div class="card-header" id="manage-headingOne">
                                <h5 class="mb-1">
                                    <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#manage-collapseOne" aria-expanded="true" aria-controls="#manage-collapseOne">
                                        ¿Para qué sirve AccesibiliApp? 
                                    </button>
                                </h5>
                            </div>

                            <div id="manage-collapseOne" class="collapse show" aria-labelledby="manage-headingOne" data-parent="#accordion">
                                <div class="card-body">
                                    Para comunicar las incidencias en materia de accesibilidad a las entidades y organismos responsables de su gestión con el fin de requerir que estas procedan a su solución.
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="manage-headingTwo">
                                <h5 class="mb-1">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#manage-collapseTwo" aria-expanded="false"
                                        aria-controls="#manage-collapseTwo">
                                        ¿Qué tipo de incidencia puedo enviar 
                                    </button>
                                </h5>
                            </div>
                            <div id="manage-collapseTwo" class="collapse" aria-labelledby="manage-headingTwo" data-parent="#accordion">
                                <div class="card-body">
                                    <p>Existen tres entornos sobre los que se pueden enviar incidencias: urbano, transportes y edificación.</p> <p>Los tipos genéricos de incidencias son los siguientes:</p> <ul><li>Elementos removibles que impiden/dificultan la movilidad o distorsionan el itinerario accesible</li> <li>Desperfectos del pavimento</li> <li>Desperfectos en el mobiliario urbano</li> <li>Desperfectos en aparcamientos para personas con movilidad reducida (PMR)</li> <li>Desperfectos/averías en las infraestructuras para el acceso al transporte urbano / Interurbano</li> <li>Desperfectos/averías en los vehículos de transporte</li> <li>Señalización defectuosa</li> <li>Iluminación defectuosa que dificulta la movilidad</li></ul>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="manage-headingThree">
                                <h5 class="mb-1">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#manage-collapseThree" aria-expanded="false"
                                        aria-controls="#manage-collapseThree">
                                        ¿Por qué es importante geolocalizar la incidencia? 
                                    </button>
                                </h5>
                            </div>
                            <div id="manage-collapseThree" class="collapse" aria-labelledby="manage-headingThree" data-parent="#accordion">
                                <div class="card-body">
                                    Porque nos ayudará a localizar de manera más exacta la incidencia y proceder a su comunicación a la entidad o persona responsable de su solución.
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="manage-headingfure">
                                <h5 class="mb-1">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#manage-collapsefour" aria-expanded="false"
                                        aria-controls="#manage-collapseThree">
                                        ¿Por qué es importante categorizar tu incidencia? 
                                    </button>
                                </h5>
                            </div>
                            <div id="manage-collapsefour" class="collapse" aria-labelledby="manage-headingfure" data-parent="#accordion">
                                <div class="card-body">
                                    Porque nos proporciona información relevante y nos permite definir y agrupar las incidencias en diferentes categorías.
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header" id="manage-headingfure">
                                <h5 class="mb-1">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#manage-collapsefour" aria-expanded="false"
                                        aria-controls="#manage-collapseThree">
                                        ¿Contactarán conmigo para comunicarme el estado de la incidencia? 
                                    </button>
                                </h5>
                            </div>
                            <div id="manage-collapsefour" class="collapse" aria-labelledby="manage-headingfure" data-parent="#accordion">
                                <div class="card-body">
                                    Sí, las entidades registradas como gestoras le comunicarán el estado en que se encuentra la incidencia, y los cambios que se produzcan en cada momento, a través de mensajes a su email.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6">
                <div class="faq-img faq-img-2 mb-30 wow fadeInRight" data-wow-delay=".5s">
                    <img src="/build/images/frontend/tablet-landscape-cocemfe.png" alt="Imágen de muestra de la app para móviles">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- faq end -->

    </div>
</div>

                <!-- about-cocemfe-area start -->
<div id="cocemfe" class="about-cocemfe-area wow fadeInUp pt-80 pb-120" data-wow-delay="0.3s">
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-6">
                <div class="about-app pt-50">
                    <h2 class="color-white">Sobre COCEMFE</h2>
                    <div class="wrapper">
                        <p>COCEMFE es una ONG sin ánimo de lucro constituida en 1980. Su propósito es conseguir una sociedad inclusiva que garantice el ejercicio pleno de los derechos de las personas con discapacidad física y orgánica. Coordina, representa e impulsa al Movimiento Asociativo de personas con discapacidad física y orgánica en España, formado por 92 entidades estatales, autonómicas y provinciales, que a su vez representan a más de dos millones y medio de personas con discapacidad y aglutinan a más de 1.600 asociaciones.</p><p>Inscrita en el Registro Nacional de Asociaciones con el nº 815, desde 1983 está declarada de Entidad de Utilidad Pública, en 2004 fue premiada con la Gran Cruz de la Orden Civil de la Solidaridad Social. Desde 2010 COCEMFE está acreditada con el modelo de calidad y excelencia EFQM y cuenta con la certificación 300+, renovada en el año 2022.</p><p>El Movimiento Asociativo de COCEMFE pone a disposición de las personas con discapacidad física y orgánica del país más de 1.000 servicios dirigidos a mejorar su plena inclusión y participación activa en todos los ámbitos de la sociedad, beneficiando con ellos anualmente a más de 1.000.000 personas.</p>
                    </div>
                    <a href="https://www.cocemfe.es/conocenos/sobre-cocemfe/proposito" target="_blank" class="btn btn-perpil mt-10 pull-left" data-animation="fadeInUp" data-delay=".7s">+ Información</a>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6">
                <div class="about-app-thumb mt-40 pl-30 pr-30 w-100">
                    <img src="/build/images/logo-cocemfe-hight-transparent-horizontal.png" alt="Logo COCEMFE" />
                </div>
            </div>
        </div>
    </div>
</div>
<!-- about-cocemfe-area end -->

        <!-- contact-form-area start -->
<link rel="stylesheet" type="text/css" media="all" href="https://cocemfe.sinergiacrm.org/cache/themes/SuiteP/css/Stic/style.css?v=RrvDXPL3b7SRAIRB2-Retw">
<script type="text/javascript" src="https://cocemfe.sinergiacrm.org/cache/include/javascript/sugar_grp1_jquery.js?v=RrvDXPL3b7SRAIRB2-Retw"></script>
<script type="text/javascript" src="https://cocemfe.sinergiacrm.org/cache/include/javascript/sugar_grp1_yui.js?v=RrvDXPL3b7SRAIRB2-Retw"></script>
<script type="text/javascript" src="https://cocemfe.sinergiacrm.org/cache/include/javascript/sugar_grp1.js?v=RrvDXPL3b7SRAIRB2-Retw"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js" async defer></script>


<div id="contact" class="contact-form-area pt-115 pb-80">
    <div class="container">
        <div class="row">
            <div class="col-xl-5 col-lg-5">
                <div class="area-title mb-40">
                    <h2 class="mb-15">Escríbenos</h2>
                </div>
                <div class="contact-form mb-50 wow fadeInLeft" data-wow-delay=".3s">

                		        <form action="https://cocemfe.sinergiacrm.org/index.php?entryPoint=stic_Web_Forms_saveRecaptcha" name="WebToLeadForm" method="POST" id="WebToLeadForm" >

                    

                    			        <input type="hidden" id="event_id" name="event_id" value="2fe43b75-4bd0-43bd-90b2-665486125741" />
                    <input type="hidden" id="redirect_url" name="redirect_url" value="https://www.accesibilidapp.es/" />
                    <input type="hidden" id="redirect_ko_url" name="redirect_ko_url" value="https://www.cocemfecrm.es/CRM/servidor_html/mensaje_error/error_registro_accesibilidapp.html" />
                    <input type="hidden" id="validate_identification_number" name="validate_identification_number" value="1" />
                    <input type="hidden" id="assigned_user_id" name="assigned_user_id" value="bb71267c-483e-aad3-b451-65c60b56837b" />
                    <input type="hidden" id="req_id" name="req_id" value="Contacts___first_name;Contacts___last_name;Contacts___email1;Contacts___primary_address_postalcode;stic_Registrations___ccf_mensaje_c;stic_Registrations___ccf_lopd_c;" />
                    <input type="hidden" id="bool_id" name="bool_id" value="stic_Registrations___ccf_lopd_c;" />
                    <input type="hidden" id="webFormClass" name="webFormClass" value="EventInscription" />
                    <input type="hidden" id="stic_Payment_Commitments___payment_type" name="stic_Payment_Commitments___payment_type" value="" />
                    <input type="hidden" id="stic_Payment_Commitments___periodicity" name="stic_Payment_Commitments___periodicity" value="punctual" />
                    <input type="hidden" id="language" name="language" value="es_ES" />
                    <input type="hidden" id="defParams" name="defParams" value="%7B%22include_payment_commitment%22%3A0%2C%22include_organization%22%3A1%2C%22account_code_mandatory%22%3A0%2C%22include_registration%22%3A1%2C%22account_name_optional%22%3A1%2C%22email_template_id%22%3A%22%22%2C%22include_recaptcha%22%3A1%2C%22recaptcha_configKeys%22%3A%5B%22COCEMFECRM%22%5D%2C%22recaptcha_selected%22%3A%220%22%7D" />
                    <input type="hidden" id="timeZone" name="timeZone" value="" />


                    <div class="input-group">
                        <label id="lbl_Contacts___first_name" for="Contacts___first_name">Nombre</label> <span class="required" style="color: #ff0000;">*</span>
                        <input id="Contacts___first_name" name="Contacts___first_name" type="text" span="" sugar="slot" /> 
                    </div>

                    <div class="input-group">
                        <label id="lbl_Contacts___last_name" for="Contacts___last_name">Apellidos</label> <span id="lbl_Contacts___last_name_required" class="required">*</span> 
                        <input id="Contacts___last_name" name="Contacts___last_name" type="text" span="" sugar="slot" /> 
                    </div>

                    <div class="input-group">
                        <label id="lbl_Contacts___email1" for="Contacts___email1">Correo electrónico</label> <span id="lbl_Contacts___email1_required" class="required">*</span> 
                        <input id="Contacts___email1" name="Contacts___email1" type="text" onchange="validateEmailAdd(this);" span="" sugar="slot" /> 
                    </div>

                    <div class="input-group">
                        <label id="lbl_Contacts___phone_mobile" for="Contacts___phone_mobile">Teléfono de contacto</label> 
                        <input id="Contacts___phone_mobile" name="Contacts___phone_mobile" type="text" span="" sugar="slot" /> 
                    </div>

                    <div class="input-group">
                        <label id="lbl_Contacts___primary_address_postalcode" for="Contacts___primary_address_postalcode">Código postal</label> <span class="required" style="color: #ff0000;">*</span>
                        <input id="Contacts___primary_address_postalcode" name="Contacts___primary_address_postalcode" type="text" span="" sugar="slot" /> 
                    </div>

                    <div class="input-group radio form-radio">
                        <label id="lbl_Contacts___stic_gender_c" for="Contacts___stic_gender_c">Género</label> 
                        <div class="form-group">
                            <input type="radio" id="Contacts___stic_gender_c_female" name="Contacts___stic_gender_c" value="female">
                            <label for="Contacts___stic_gender_c_female">Femenino</label>
                            <input type="radio" id="Contacts___stic_gender_c_male" name="Contacts___stic_gender_c" value="male">
                            <label for="Contacts___stic_gender_c_male">Masculino</label>
                            <input type="radio" id="Contacts___stic_gender_c_other" name="Contacts___stic_gender_c" value="other">
                            <label for="Contacts___stic_gender_c_other">Otros</label> 
                        </div>
                    </div>

                    <div class="input-group radio form-radio">
                        <label id="lbl_Contacts___ccf_discapacidad_c" for="Contacts___ccf_discapacidad_c">Discapacidad</label> 
                        <div class="form-group">
                            <input type="radio" id="Contacts___ccf_discapacidad_c_si" name="Contacts___ccf_discapacidad_c" value="si">
                            <label for="Contacts___ccf_discapacidad_c_si">Sí</label>
                            <input type="radio" id="Contacts___ccf_discapacidad_c_no" name="Contacts___ccf_discapacidad_c" value="no">
                            <label for="Contacts___ccf_discapacidad_c_no">No</label>
                        </div>
                    </div>


                    <div class="input-group">
                        <label id="lbl_Accounts___name" for="Accounts___name">Si nos contactas en nombre de una entidad, indicanos el nombre:</label> 
                        <input id="Accounts___name" name="Accounts___name" type="text" span="" sugar="slot" /> 
                    </div>

                    <div class="input-group">
                        <label id="lbl_Accounts___stic_identification_number_c" for="Accounts___stic_identification_number_c">Si nos contactas en nombre de una entidad, indicanos el CIF:</label> 
                        <input id="Accounts___stic_identification_number_c" name="Accounts___stic_identification_number_c" type="text" span="" sugar="slot" /> 
                    </div>

                                        <input id="stic_Registrations___status" type="hidden" name="stic_Registrations___status" value="participates">
                    <input id="stic_Registrations___attendees" type="hidden" name="stic_Registrations___attendees" value="1" span="" sugar="slot" />
                    <input id="stic_Registrations___ccf_consulta_relacionada_con_c" type="hidden" name="stic_Registrations___ccf_consulta_relacionada_con_c" value="accesibilidad">

                    <div class="input-group">
                        <label id="lbl_stic_Registrations___ccf_mensaje_c" for="stic_Registrations___ccf_mensaje_c">Mensaje</label> <span class="required" style="color: #ff0000;">*</span>
                        <textarea id="stic_Registrations___ccf_mensaje_c" name="stic_Registrations___ccf_mensaje_c" type="text" /></textarea></span> 
                    </div>

                    <div class="input-group checkbox form-check">
                        <div class="form-check">
                            <input type="checkbox" id="stic_Registrations___ccf_lopd_c" name="stic_Registrations___ccf_lopd_c" /> 
                            <label id="lbl_stic_Registrations___ccf_lopd_c" for="stic_Registrations___ccf_lopd_c">He leído y acepto 
                              <a href="https://www.cocemfe.es/aviso-legal/" target="_blank"> el aviso legal,</a>
                              <a href="https://www.cocemfe.es/politica-de-privacidad/" target="_blank"> la política de protección de datos y </a>
                              <a href="https://www.cocemfe.es/autorizacion-tratamiento-datos/" target="_blank">la autorización de datos</a></label> <span class="required" style="color: #ff0000;">*</span>
                            </label>
                        </div>
                    </div>

                    <input class="btn btn-perpil" type="button" onclick="submitForm(this.form);" name="Submit" value="ENVIAR" />

                    <div class='g-recaptcha' data-sitekey='6LeqlLwpAAAAAKyOAXY3h51UT2dV-2RKuKoL_hAc'></div><input name='stic-recaptcha-id' id='stic-recaptcha-id' type='hidden' value='COCEMFECRM' />

		        </form>		

		        <script type="text/javascript">
							var stic_Web_Forms_LBL_PROVIDE_WEB_FORM_FIELDS = "Rellene los campos obligatorios";
							var stic_Web_Forms_LBL_INVALID_FORMAT = "Compruebe el formato del campo";
							var stic_Web_Forms_LBL_SERVER_CONNECTION_ERROR = "Ha fallado la conexión con el servidor";
							var stic_Web_Forms_LBL_SIZE_FILE_EXCEED = "El tamaño del archivo no puede ser superior a ";
							var stic_Web_Forms_LBL_SUM_SIZE_FILES_EXCEED = "La suma de los tamaños de los archivos no puede ser superior a ";
							var APP_LBL_REQUIRED_SYMBOL = "*";
							var APP_DATE_FORMAT = "%d/%m/%Y";
						/**
 * This file is part of SinergiaCRM.
 * SinergiaCRM is a work developed by SinergiaTIC Association, based on SuiteCRM.
 * Copyright (C) 2013 - 2023 SinergiaTIC Association
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 *
 * You can contact SinergiaTIC Association at email address info@sinergiacrm.org.
 */
/**
 * Change the visibility of a field
 * @param field field to be changed
 * @param visibility visibility applied to the field
 */
function changeVisibility(field, visibility) {
  var o_td = document.getElementById("td_" + field);
  var o_td_lbl = document.getElementById("td_lbl_" + field);
  if (o_td) {
    o_td.style.display = visibility;
  }

  if (o_td_lbl) {
    o_td_lbl.style.display = visibility;
  }
}

/**
 * Show a hidden field
 * @param field field to be shown
 */
function showField(field) {
  changeVisibility(field, "table-cell");
}

/**
 * Hide a field
 * @param field field to be hidden
 */
function hideField(field) {
  changeVisibility(field, "none");
}

/**
 * Add a field as required
 * @param field field that will be set as required
 */
function addRequired(field) {
  var reqs = document.getElementById("req_id").value;
  if (-1 == reqs.search(field + ";")) {
    document.getElementById("req_id").value += field + ";";
  }

  var requiredLabel = document.getElementById("lbl_" + field + "_required");
  if (!requiredLabel) {
    var rlParent = document.getElementById("td_lbl_" + field);
    if (rlParent) {
      var newLabel = document.createElement("span");
      newLabel.id = "lbl_" + field + "_required";
      newLabel.class = "required";
      newLabel.style = "color: rgb(255, 0, 0);";
      newLabel.innerText = APP_LBL_REQUIRED_SYMBOL;
      rlParent.appendChild(newLabel);
    }
  }
}

/**
 * Delete a field as required
 * @param field field that will be set as no required
 */
function removeRequired(field) {
  var reqs = document.getElementById("req_id").value;
  document.getElementById("req_id").value = reqs.replace(field + ";", "");
  var requiredLabel = document.getElementById("lbl_" + field + "_required");
  if (requiredLabel) {
    requiredLabel.parentNode.removeChild(requiredLabel);
  }
}

/**
 * Validate different form fields
 * @returns {Boolean}
 */
function checkFields() {
  // Check the required fields, nif / cif fields, mails and date fields
  if (!validateRequired() || !validateNifCif() || !validateMails() || !validateDates()) {
    return false;
  } else {
    // If everything is correct replace the Boolean fields
    var boolHidden = document.getElementById("bool_id");
    if (boolHidden != null) {
      var reqs = boolHidden.value;
      if (reqs.length) {
        // If there are Boolean fields, they are treated
        bools = reqs.substring(0, reqs.lastIndexOf(";"));
        var boolFields = new Array();
        var boolFields = bools.split(";");
        nbrFields = boolFields.length;
        for (var i = 0; i < nbrFields; i++) {
          var element = document.getElementById(boolFields[i]);
          element.value == (element.value == "on" ? 1 : 0);
        }
      }
    }
    return true;
  }
}

/**
 * Check the format of the date fields
 * @returns {Boolean}
 */
function validateDates() {
  var elements = $.find("input[type=text].date_input");
  if (elements && elements.length > 0) {
    for (var i = 0; i < elements.length; i++) {
      // The field may not be mandatory, therefore, it is only validated if the element has any value
      if (elements[i].value && !validateDate(elements[i].value)) {
        var label = document.getElementById("lbl_" + elements[i].id);
        alert(stic_Web_Forms_LBL_INVALID_FORMAT + ": " + label.textContent.trim().replace(/:$/, ""));
        selectTextInput(elements[i]);
        return false;
      }
    }
  }
  return true;
}

/**
 * Validate a date using the format indicated in APP_DATE_FORMAT. Does not take into account if the year is leap year
 * @param date
 * @returns {Boolean}
 */
function validateDate(date) {
  var number = /\d+/g;
  var numbers = [];
  var match = number.exec(date);

  while (match != null) {
    numbers.push(match[0]);
    match = number.exec(date);
  }

  if (numbers.length != 3) {
    // If we don't have three numeric fields, it sure isn't a date
    return false;
  }

  var format = /\%Y|\%m|\%d/g;
  var fields = [];
  match = format.exec(APP_DATE_FORMAT); // We separate the fields from the format
  while (match != null) {
    fields.push(match[0]);
    match = format.exec(APP_DATE_FORMAT);
  }

  var idxFields = []; // Index the fields to be able to access them directly
  for (var i = 0; i < fields.length; i++) {
    idxFields[fields[i].replace("%", "")] = i;
  }

  // Retrieve the values ​​of each field
  var day = numbers[idxFields.d];
  var month = numbers[idxFields.m];
  var year = numbers[idxFields.Y];

  // Check the length of the fields
  if (month.length != 2 || day.length != 2 || year.length != 4) {
    return false;
  }

  // Check the format of separators
  if (date.replace(number, "") != APP_DATE_FORMAT.replace(format, "")) {
    return false;
  }
  day = parseInt(day);
  month = parseInt(month);
  year = parseInt(year);

  // Check the value of the month and day
  if (month > 12 || month < 1) {
    return false;
  } else {
    if (day < 1) {
      return false;
    }

    switch (month) {
      case 1:
      case 3:
      case 5:
      case 7:
      case 8:
      case 10:
      case 12:
        return day <= 31;
      case 2:
        return day <= 29; // Leap years are not taken into account
      case 4:
      case 6:
      case 9:
      case 11:
        return day <= 30;
    }
  }
}

/**
 * Check the required fields
 * @returns {Boolean}
 */
function validateRequired() {
  // Check the required fields
  var reqHidden = document.getElementById("req_id");
  if (reqHidden != null) {
    var reqs = reqHidden.value;
    if (reqs.length) {
      // If there are required fields check them
      reqs = reqs.substring(0, reqs.lastIndexOf(";"));
      var reqFields = new Array();
      var reqFields = reqs.split(";");
      nbrFields = reqFields.length;

      for (var i = 0; i < nbrFields; i++) {
        var lbl_element;
        var element = document.getElementById(reqFields[i]);
        var error = 0;
        if (element != null) {
          lbl_element = "#lbl_" + element.id;
          $(lbl_element).removeClass("current-required-field");
          switch (element.type) {
            case "checkbox":
              if (element.checked == 0) {
                error = 1;
              }
              break;

            case "select-one":
              if (element.selectedIndex <= 0) {
                error = 1;
              }
              break;

            case "select-multiple":
              let numOptionsSelected = $("select[id='input_selectmultiple'] option:selected").length;
              if (element.selectedIndex <= 0 && numOptionsSelected <= 1) {
                error = 1;
              }
              break;

            default:
              // Type fields: text, email, password...
              if (element.value.length <= 0) {
                error = 1;
              }
          }
        } else {
          //radio type fields
          error = 1;
          var options = document.getElementsByName(reqFields[i]);

          lbl_element = "#lbl_" + options[0].name;
          $(lbl_element).removeClass("current-required-field");

          options.forEach(function(option) {
            if (option.checked) {
              error = 0;
            }
          });
        }

        if (error) {
          alert(stic_Web_Forms_LBL_PROVIDE_WEB_FORM_FIELDS);
          $(lbl_element).addClass("current-required-field");
          selectTextInput(element);
          return false;
        }
      }
    }
  }
  return true;
}

/**
 * Validate form emails
 * @returns {Boolean}
 */
 function validateMails() {
  var fields = ["Contacts___email1", "Contacts___email2", "Accounts___email1", "Accounts___email2"];
  var ret = true;
  for (var i = 0; i < fields.length && ret; i++) {
    emailInput=document.getElementById(fields[i])
    if(emailInput != undefined)
    {
      ret = validateEmailAdd(emailInput);
    }
  }
  return ret;
}

/**
 * Validate an email address
 * Regex validation email from https://html5-tutorial.net/form-validation/validating-email/
 * @param obj DOM object of the input containing the mail
 * @returns {Boolean}
 */

function validateEmailAdd(obj) {
  obj.value=obj.value.trim();
  if (obj != null && obj.value.length > 0 && !isValidEmail(obj.value)) {
    var label = document.getElementById("lbl_" + obj.id);
    alert(stic_Web_Forms_LBL_INVALID_FORMAT + ": " + label.textContent.replace(/: +$/, ""));
    selectTextInput(obj);
    return false;
  } else {
    return true;
  }
}

/**
 * Check the identification number fields for contacts and accounts as needed
 * @returns {Boolean}
 */
function validateNifCif() {
  var validateIdentificationNumber = document.getElementById("validate_identification_number");

  // Return true if identification number validation is not required
  if (validateIdentificationNumber && validateIdentificationNumber.value == "0") {
    console.log("Identification number validation is not required.");
    return true;
  }

  // NIF validation
  var identificationType = $("#Contacts___stic_identification_type_c").val();
  // Validate if the stic_identification_type_c field is not defined or is defined as NIF or NIE. 
  // Other values like passports and so on should not be validated as there's no rule to do it.
  if (identificationType == null || identificationType == "nif" || identificationType == "nie") {
    var nif = document.getElementById("Contacts___stic_identification_number_c");
    // The nif field may not be required so it can be empty. If so, it is not necessary to validate it
    if (nif && nif.value && !isValidDNI(nif.value)) {
      label = " ";
      if (nif.labels && nif.labels[0]) {
        label += (nif.labels[0].textContent.slice(-1) == ":" ? nif.labels[0].textContent.substring(0, nif.labels[0].textContent.length - 1) : nif.labels[0].textContent);
      }
      alert(stic_Web_Forms_LBL_INVALID_FORMAT + label + ".");
      nif.focus();
      return false;
    }
  }

  // CIF validation
  var cif = document.getElementById("Accounts___stic_identification_number_c");
  // The cif field may not be required so it can be empty. If so, it is not necessary to validate it
  if (cif && cif.value && !isValidCif(cif.value)) {
    label = " ";
    if (cif.labels && cif.labels[0]) {
      label += (cif.labels[0].textContent.slice(-1) == ":" ? cif.labels[0].textContent.substring(0, cif.labels[0].textContent.length - 1) : cif.labels[0].textContent);
    }
    alert(stic_Web_Forms_LBL_INVALID_FORMAT + label + ".");
    cif.focus();
    return false;
  }

  return true;
}

/**
 * Check with each change of value in the field that only number and separator are allowed of decimals '.'
 * @returns {Boolean}
 */
function isNumberKey(evt) {
  var charCode = evt.which ? evt.which : event.keyCode;
  if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)) {
    return false;
  }

  if (charCode == 46) {
    var evento = evt || event;
    var dots = evento.currentTarget.value.match(/\./g); // If there is already a point, you cannot add another
    if (dots && dots.length > 0) {
      return false;
    }
    if (evento.currentTarget.value.length == 0) {
      // If the point is at the beginning it includes a 0
      evento.currentTarget.value = "0";
    }
  }

  return true;
}

/**
 * Format a value in a number with fixed-point notation
 * @param input currency type field in which to validate the format
 */
function formatCurrency(input) {
  var value = Number(input.value);
  if (!isNaN(value)) {
    input.value = value.toFixed(2);
  }
}

/**
 * Valid if a cif is valid
 * Adapted to javascript from its original in:
 * http://www.michublog.com/informatica/8-funciones-para-la-validacion-de-formularios-con-expresiones-regulares
 * @param cif
 * @returns {Boolean}
 */
function isValidCif(cif) {
  cif.toUpperCase();
  cifRegEx1 = /^[ABEH][0-9]{8}/i;
  cifRegEx2 = /^[KPQS][0-9]{7}[A-J]/i;
  cifRegEx3 = /^[CDFGJLMNRUVW][0-9]{7}[0-9A-J]/i;

  if (cif.match(cifRegEx1) || cif.match(cifRegEx2) || cif.match(cifRegEx3)) {
    control = cif.charAt(cif.length - 1);
    sum_A = 0;
    sum_B = 0;
    for (i = 1; i < 8; i++) {
      if (i % 2 == 0) {
        sum_A += parseInt(cif.charAt(i));
      } else {
        t = (parseInt(cif.charAt(i)) * 2).toString();
        p = 0;
        for (j = 0; j < t.length; j++) {
          p += parseInt(t.charAt(j));
        }
        sum_B += p;
      }
    }

    sum_C = parseInt(sum_A + sum_B) + ""; // Así se convierte en cadena
    sum_D = (10 - parseInt(sum_C.charAt(sum_C.length - 1))) % 10;
    letters = "JABCDEFGHI";

    if (control >= "0" && control <= "9") {
      return control == sum_D;
    } else {
      return control.toUpperCase() == letters[sum_D];
    }
  } else {
    return false;
  }
}

/**
 * Check if it is a correct ID (between 5 and 8 letters followed by the corresponding letter).
 * Accept NIEs (Foreigners with X, Y or Z at the beginning)
 * http://trellat.es/funcion-para-validar-dni-o-nie-en-javascript/
 * @param dni
 * @returns {Boolean}
 */
function isValidDNI(dni) {
  var number, lett, letter;
  var regular_expression_dni = /^[XYZ]?\d{5,8}[A-Z]$/;
  dni = dni.toUpperCase();

  if (regular_expression_dni.test(dni) === true) {
    number = dni.substr(0, dni.length - 1);
    number = number.replace("X", 0);
    number = number.replace("Y", 1);
    number = number.replace("Z", 2);
    lett = dni.substr(dni.length - 1, 1);
    number = number % 23;

    letter = "TRWAGMYFPDXBNJZSQVHLCKET";
    letter = letter.substring(number, number + 1);

    return letter == lett;
  } else {
    return false;
  }
}

/**
 * Assign a value to a select field
 * @param select form field element
 * @param value value that the select option must have to be selected
 */
//
function setSelectValue(select, value) {
  for (var i = 0; i < select.options.length; i++) {
    if (select.options[i].value == value) {
      select.options[i].selected = true;
    } else {
      select.options[i].selected = false;
    }
  }
  // Save the previous value
  select.prev_value = select.options[select.selectedIndex].value;
}

/**
 * Select the text of an input text of the form
 * @param input Object from which the text will be selected
 */
function selectTextInput(input) {
  if (typeof input.setSelectionRange != "undefined") {
    input.setSelectionRange(0, input.value.length);
  }
  input.focus();
}

/**
 * Verify that the size of the form attachments does not exceed the size defined in the PHP configuration
 */
var items;
var formSizeArray = [];

var url =
  $("form")
    .attr("action")
    .split("=")[0] + "=stic_Web_Forms_attachment_limits_response";
$.ajax({
  url: url,
  dataType: "jsonp"
});

/**
 * Gets values of the PHP configuration in the system
 * @param data array from which the values ​​are obtained
 */
function getConfigVariables(data) {
  items = data;
  if (!items.uploadMaxFilesize || !items.postMaxSize) {
    alert(stic_Web_Forms_LBL_SERVER_CONNECTION_ERROR);
  }
}

/**
 * Check if the attachment file size added to the input file is sizer
 * to the configuration variable php upload_max_filesize
 */
$(".document").change(function() {
  var numInput = this.id.substring(this.id.length - 1, this.id.length);
  var errorZone = "#error_zone_" + numInput;
  if (this.files[0]) {
    var fileName = this.files[0].name;
    var fileSize = this.files[0].size;
    if (fileSize > items.uploadMaxFilesizeBytes) {
      $(errorZone).html("<span>" + stic_Web_Forms_LBL_SIZE_FILE_EXCEED + items.uploadMaxFilesize + "B </span>");
      formSizeArray[numInput - 1] = fileSize;
    } else {
      $(errorZone).html("");
      formSizeArray[numInput - 1] = fileSize;
    }
  } else {
    $(errorZone).html("");
    formSizeArray[numInput - 1] = 0;
  }
});

/**
 * Check the total size of the files attached to the form
 * @returns {Boolean}
 */
function checkFormSize() {
  if (items) {
    var formSize = 0;
    var fileZizeError = 0;

    formSizeArray.forEach(function(inputSize) {
      if (inputSize) {
        if (inputSize > items.uploadMaxFilesizeBytes) {
          fileZizeError = 1;
        }
        formSize = formSize + inputSize;
      }
    });

    if (fileZizeError) {
      alert(stic_Web_Forms_LBL_SIZE_FILE_EXCEED + items.uploadMaxFilesize + "B");
      return false;
    }

    if (formSize <= items.postMaxSizeBytes) {
      return true;
    } else {
      alert(stic_Web_Forms_LBL_SUM_SIZE_FILES_EXCEED + items.postMaxSize + "B");
      return false;
    }
  } else {
    return true;
  }
}

/**
 * Fills the timeZone variable on loading.
 */
$('#timeZone').val(Intl.DateTimeFormat().resolvedOptions().timeZone);
/**
 * This file is part of SinergiaCRM.
 * SinergiaCRM is a work developed by SinergiaTIC Association, based on SuiteCRM.
 * Copyright (C) 2013 - 2023 SinergiaTIC Association
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 *
 * You can contact SinergiaTIC Association at email address info@sinergiacrm.org.
 */
var formHasAlreadyBeenSent = false;
/**
 * Form submission function
 * @param form form to be sent
 */
/*
function submitForm(form) {
  if (grecaptcha && grecaptcha.getResponse().length !== 0 && 
      checkFields() && checkFormSize()) {
    if (typeof validateCaptchaAndSubmit != "undefined") {
      validateCaptchaAndSubmit();
    } else {
      if (formHasAlreadyBeenSent != true) {
        formHasAlreadyBeenSent = true;
        form.submit();
      } else {
        console.log("Form is locked because it has already been sent.");
      }
    }
  }
  return false;
}*/

function submitForm(form) {
    // Primero, verificamos si el reCAPTCHA está presente y marcado
    if (grecaptcha && grecaptcha.getResponse().length !== 0) {
      // Luego, validamos los campos y el tamaño del formulario
      if (checkFields() && checkFormSize()) {
      // Si la función validateCaptchaAndSubmit existe, la llamamos
        if (typeof validateCaptchaAndSubmit != "undefined") {
          validateCaptchaAndSubmit();
        } else {
          // Si el formulario no ha sido enviado aún, lo enviamos
          if (formHasAlreadyBeenSent != true) {
            formHasAlreadyBeenSent = true;
            form.submit();
          } else {
            console.log("Form is locked because it has already been sent.");
          }
        }
      }
    } else {
      alert("Por favor, complete el reCAPTCHA.");
    }
  return false;
}
		        </script>

                                
                </div>
            </div>
            <div class="col-xl-5 col-lg-6 offset-lg-1 offset-xl-1">
                <div class="area-title mb-40">
                    <h2 class="mb-15">Contacto</h2>
                    <div class="wrapper">
                        Para más información no dudes en contactar con COCEMFE por cualquiera de las siguientes vías
                    </div>
                </div>
                <div class="contact-info contact-info-2  mb-50 wow fadeinright" data-wow-delay=".3s">
                    <ul>
                        <li>
                            <div class="contact-icon">
                                <i class="ti-headphone"></i>
                            </div>
                            <div class="contact-text">
                                <h5>Teléfono</h5>
                                <span>91 744 36 00</span>
                            </div>
                        </li>
                        <li>
                            <div class="contact-icon">
                                <i class="ti-email"></i>
                            </div>
                            <div class="contact-text">
                                <h5>Correo electrónico</h5>
                                <span>accesibilidapp@cocemfe.es</span>
                            </div>
                        </li>
                        <li>
                            <div class="contact-icon">
                                <i class="ti-location-pin"></i>
                            </div>
                            <div class="contact-text">
                                <h5>Ubicación</h5>
                                <span>C/ Luis Cabrera, 63. Madrid.</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- contact-form-area end -->


        <footer class="wow fadeInUp" data-wow-delay=".3s">
    <div class="footer-area pt-100" style="">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-8">
                    <div class="footer-text mb-30">
                        <a href="http://www.cocemfe.es" target="_blank" title="Web COCEMFE">
                            <img class="image-white mb-25" src="/build/images/logo-cocemfe.png" alt="Logo COCEMFE">
                        </a>
                        <div class="wrapper">
                            Confederación Española de Personas con Discapacidad Física y Orgánica.<br/>C/ Luis Cabrera, 63<br/>cocemfe@cocemfe.es<br/>Teléfono: 91 744 36 00<br/>Fax: 91 413 19 96</h4>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4">
                    <div class="footer-text mb-30">
                        <h4>Síguenos</h4>
                        <div class="footer-icon">
                            <a aria-label="https://www.facebook.com/COCEMFEnacional" href="https://www.facebook.com/COCEMFEnacional"><i title="https://www.facebook.com/COCEMFEnacional" class="ti-facebook"></i></a>
                            <a aria-label="https://twitter.com/COCEMFEnacional" href="https://twitter.com/COCEMFEnacional"><i title="https://twitter.com/COCEMFEnacional" class="ti-twitter-alt"></i></a>
                            <a aria-label="http://www.youtube.com/user/cocemfesc" href="http://www.youtube.com/user/cocemfesc"><i title="http://www.youtube.com/user/cocemfesc" class="ti-youtube"></i></a>
                        </div>
                    </div>
                    <div class="footer-text mb-30">
                        <img class=" mb-15" src="/build/images/logo-ministerio-dsa.jpg" alt="Logo Ministerio DSA">
                    </div>
                </div>
            </div>
            <div class="row mt-60">
                <div class="col-12">
                    <div class="copyright copyright-2 pt-25 pb-25">
                        <p>
                            <span>&copy; 2026 COCEMFE</span> | 
                            <a class="" href="/legal" title="Política de privacidad y condiciones de uso">Política de privacidad y condiciones de uso</a> | 
                            <a class="" href="/cookies" title="Política de cookies">Política de cookies</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

        <script type="text/javascript">
                    </script>
                        <script src="/build/runtime.be789d2f.js"></script><script src="/build/app.5a3c89b0.js"></script>
        
    <script src="/build/frontend.22135fe3.js"></script>
        <script type="text/javascript">
                    </script>
                                            <div id="fairlane-cookie-consent" class="cookie-consent">
        <p>
            Este sitio utiliza cookies. Al continuar navegando en él, usted está consintiendo su uso.
                            <a href="/es/cookies" target="_blank">Más información</a>
                    </p>
        <button>De acuerdo</button>
    </div>
    <script type="text/javascript"> 
        const cookie_consent_accept_url = 'https://www.accesibilidapp.es/fairlane/cookie-consent/accept';
    </script>

    </body>
</html>
