<!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.29ba2ed7.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" enctype="multipart/form-data">

                    

                    			        <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" 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> <span class="required" style="color: #ff0000;">*</span>
                        <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> <span class="required" style="color: #ff0000;">*</span>
                        <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">
                        <label id="lbl_Documents___document1" for="Documents___document1">Adjuntar archivo</label>
                        <input class="document" id="Documents___document1" type="file" name="documents[]" accept=".pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.txt" />
                        <span id="error_zone_1" class="error_zone"></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" 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">
    let formHasAlreadyBeenSent = false;

    document.addEventListener("DOMContentLoaded", function () {
      const form = document.getElementById("WebToLeadForm");
      const submitButton = form
        ? form.querySelector("input[type='button'][name='Submit']")
        : null;

      if (!form || !submitButton) return;

      /* ========================================================================
         HELPERS PARA MANEJO DE ERRORES CON MENSAJES INLINE
         ======================================================================== */

      function showErrorMessage(field, message) {
        removeErrorMessage(field);
        const errorMsg = document.createElement('span');
        errorMsg.className = 'error-message';
        errorMsg.textContent = message;
        errorMsg.setAttribute('role', 'alert');
        errorMsg.setAttribute('aria-live', 'polite');

        if (field.type === "checkbox") {
          const container = field.closest(".form-check") || field.parentNode;
          if (container && container.parentNode) {
            container.parentNode.insertBefore(errorMsg, container.nextSibling);
          }
        } else if (field.parentNode) {
          field.parentNode.insertBefore(errorMsg, field.nextSibling);
        }
      }

      function removeErrorMessage(field) {
        var errorMsg = null;
        if (field.type === "checkbox") {
          var container = field.closest ? field.closest(".form-check") : null;
          var block = container && container.parentNode ? container.parentNode : field.parentNode;
          errorMsg = block ? block.querySelector(".error-message") : null;
        } else {
          errorMsg = field.parentNode ? field.parentNode.querySelector(".error-message") : null;
        }
        if (errorMsg) {
          if (typeof errorMsg.remove === "function") {
            errorMsg.remove();
          } else if (errorMsg.parentNode) {
            errorMsg.parentNode.removeChild(errorMsg);
          }
        }
      }

      function clearVisualError(field) {
        if (!field) return;
        field.classList.remove("field-error", "shake");
        const row = field.closest(".input-group") || field.closest(".form-group") || field.parentNode;
        if (row) {
          row.classList.remove("field-error-outline", "has-error");
        }
        field.style.border = "";
        field.style.outline = "";
        const container = field.type === "checkbox" ? field.closest(".form-check") : null;
        if (container) {
          container.classList.remove("field-error-outline");
        }
        removeErrorMessage(field);
      }

      function markFieldError(field, message, outlineOnly) {
        if (!field) return;
        outlineOnly = !!outlineOnly;

        const row = field.closest(".input-group") || field.closest(".form-group") || field.parentNode;

        if (outlineOnly) {
          if (field.type === "checkbox") {
            const container = field.closest(".form-check");
            if (container) {
              container.classList.add("field-error-outline", "has-error");
              if (!(container.nextElementSibling && container.nextElementSibling.classList && container.nextElementSibling.classList.contains('error-message'))) {
                const errorMsg = document.createElement('span');
                errorMsg.className = 'error-message';
                errorMsg.textContent = message;
                errorMsg.setAttribute('role', 'alert');
                container.parentNode.insertBefore(errorMsg, container.nextSibling);
              }
              return;
            }
          }

          row.classList.add("field-error-outline", "has-error");

          const rowB = row.querySelector('.form-group') || row;
          if (rowB && !(rowB.nextElementSibling && rowB.nextElementSibling.classList && rowB.nextElementSibling.classList.contains('error-message'))) {
            const errorMsg = document.createElement('span');
            errorMsg.className = 'error-message';
            errorMsg.textContent = message;
            errorMsg.setAttribute('role', 'alert');
            rowB.parentNode.insertBefore(errorMsg, rowB.nextSibling);
          }
        } else {
          if (field.tagName === "INPUT" || field.tagName === "TEXTAREA" || field.tagName === "SELECT") {
            if (field.type === "checkbox") {
              const container = field.closest(".form-check");
              if (container) {
                container.classList.add("field-error-outline");
              }
            }
            field.classList.add("field-error", "shake");
            showErrorMessage(field, message);

            setTimeout(function () { field.classList.remove("shake"); }, 300);
          } else {
            row.classList.add("field-error-outline");
          }
        }
      }

      /* Limpiar errores cuando el usuario corrige */
      form.addEventListener("input", function (e) {
        if (e.target.matches("input, textarea, select")) {
          clearVisualError(e.target);
        }
      });

      form.addEventListener("change", function (e) {
        if (e.target.matches("input, textarea, select")) {
          clearVisualError(e.target);
        }
      });

      /* ========================================================================
         VALIDACIONES ESPECÍFICAS DE CAMPOS
         ======================================================================== */

      // ===== EMAIL =====
      const emailField = document.getElementById("Contacts___email1");
      if (emailField) {
        emailField.addEventListener("blur", function () {
          const email = this.value.trim();
          this.value = email;
          if (email === "") return;

          const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
          if (!emailRegex.test(email)) {
            markFieldError(this, "Por favor, introduce un email válido");
          }
        });
      }

      // ===== TELÉFONO =====
      const phoneField = document.getElementById("Contacts___phone_mobile");
      if (phoneField) {
        phoneField.addEventListener("blur", function () {
          let phone = this.value.trim();
          phone = phone.replace(/[^\d+]/g, "");
          if (phone.indexOf("+") !== -1 && phone.indexOf("+") !== 0) {
            phone = phone.replace(/\+/g, "");
          }
          this.value = phone;

          if (phone === "") return;

          if (!/^\+?\d+$/.test(phone)) {
            markFieldError(this, "El teléfono solo puede contener números y opcionalmente + al inicio");
            return;
          }

          const phoneDigits = phone.replace("+", "");
          if (phoneDigits.length < 9 || phoneDigits.length > 15) {
            markFieldError(this, "El teléfono debe tener entre 9 y 15 dígitos");
          }
        });
      }

      // ===== CÓDIGO POSTAL =====
      const cpField = document.getElementById("Contacts___primary_address_postalcode");
      if (cpField) {
        cpField.addEventListener("blur", function () {
          let cp = this.value.trim();
          cp = cp.replace(/\D/g, "");
          this.value = cp;

          if (cp === "") return;

          if (!/^\d{5}$/.test(cp)) {
            markFieldError(this, "El código postal debe tener exactamente 5 dígitos");
          }
        });
      }

      // ===== VALIDACIÓN DE ARCHIVOS =====
      const fileInput = document.getElementById("Documents___document1");
      if (fileInput) {
        fileInput.addEventListener("change", function () {
          clearVisualError(this);

          if (!this.files || this.files.length === 0) return;

          const file = this.files[0];
          const maxSize = 10 * 1024 * 1024;
          const allowedTypes = [
            'application/pdf',
            'application/msword',
            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
            'application/vnd.ms-excel',
            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
            'image/jpeg',
            'image/jpg',
            'image/png',
            'image/gif',
            'text/plain'
          ];

          if (file.size > maxSize) {
            markFieldError(this, "El archivo es demasiado grande (máximo 10 MB)");
            this.value = "";
            return;
          }

          if (allowedTypes.indexOf(file.type) === -1) {
            markFieldError(this, "Tipo de archivo no permitido. Usa: PDF, Word, Excel, imágenes o TXT");
            this.value = "";
            return;
          }
        });
      }

      // ===== SANITIZACIÓN BÁSICA =====
      const textFields = form.querySelectorAll('input[type="text"], textarea');
      Array.prototype.forEach.call(textFields, function (field) {
        field.addEventListener("blur", function () {
          let value = this.value;
          value = value.replace(/<[^>]*>/g, '');
          value = value.replace(/javascript:/gi, '');
          this.value = value.trim();
        });
      });

      /* ========================================================================
         FUNCIÓN AUXILIAR PARA VALIDAR GRUPOS DE RADIOS
         ======================================================================== */
      function validateRadioGroup(name) {
        const radios = form.querySelectorAll(
          'input[type="radio"][name="' + name + '"'
        );
        if (!radios.length) return { ok: true, first: null };

        var checked = false;
        Array.prototype.forEach.call(radios, function (r) {
          if (r.checked) checked = true;
        });
        return { ok: checked, first: radios[0] };
      }

      /* ========================================================================
         VALIDACIÓN COMPLETA AL ENVIAR EL FORMULARIO
         ======================================================================== */
      submitButton.addEventListener("click", function () {
        let isValid = true;
        let firstInvalid = null;

        // Limpiar todos los errores visuales previos
        Array.prototype.forEach.call(form.querySelectorAll("input, textarea, select"), function (field) { clearVisualError(field); });
        Array.prototype.forEach.call(form.querySelectorAll(".error-message"), function (msg) {
          if (typeof msg.remove === "function") {
            msg.remove();
          } else if (msg.parentNode) {
            msg.parentNode.removeChild(msg);
          }
        });

        // 1) VALIDAR CAMPOS CON ATRIBUTO REQUIRED
        const requiredFields = form.querySelectorAll("[required]");
        Array.prototype.forEach.call(requiredFields, function (field) {
          let empty = false;

          if (field.type === "checkbox") {
            empty = !field.checked;
          } else if (field.type === "radio") {
            empty = false;
          } else {
            empty = !String(field.value).trim();
          }

          if (empty) {
            isValid = false;
            if (!firstInvalid) firstInvalid = field;
            markFieldError(field, "Este campo es obligatorio", field.type === "checkbox");
          }
        });

        // 2) VALIDAR GRUPOS DE RADIO BUTTONS
        const radioGroups = [
          { name: "Contacts___stic_gender_c", label: "Género" },
          { name: "Contacts___ccf_discapacidad_c", label: "Discapacidad" }
        ];

        Array.prototype.forEach.call(radioGroups, function (group) {
          const result = validateRadioGroup(group.name);
          if (!result.ok) {
            isValid = false;
            if (!firstInvalid && result.first) firstInvalid = result.first;
            if (result.first) {
              markFieldError(result.first, "Debes seleccionar una opción de " + group.label, true);
            }
          }
        });

        // 3) VALIDAR CHECKBOX DE LOPD
        const lopd = document.getElementById("stic_Registrations___ccf_lopd_c");
        if (lopd && !lopd.checked) {
          isValid = false;
          if (!firstInvalid) firstInvalid = lopd;
          markFieldError(lopd, "Debes aceptar las políticas de privacidad", true);
        }

        // 4) VALIDACIONES ADICIONALES
        if (emailField && emailField.value.trim() !== "") {
          const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
          if (!emailRegex.test(emailField.value.trim())) {
            isValid = false;
            if (!firstInvalid) firstInvalid = emailField;
            markFieldError(emailField, "El formato del email no es válido");
          }
        }

        if (cpField && cpField.value.trim() !== "") {
          if (!/^\d{5}$/.test(cpField.value.trim())) {
            isValid = false;
            if (!firstInvalid) firstInvalid = cpField;
            markFieldError(cpField, "El código postal debe tener 5 dígitos");
          }
        }

        if (phoneField && phoneField.value.trim() !== "") {
          const phone = phoneField.value.trim();
          const phoneDigits = phone.replace(/\+/g, "");
          if (!/^\+?\d+$/.test(phone) || phoneDigits.length < 9 || phoneDigits.length > 15) {
            isValid = false;
            if (!firstInvalid) firstInvalid = phoneField;
            markFieldError(phoneField, "Formato de teléfono inválido (9-15 dígitos)");
          }
        }

        // 5) VALIDACIÓN DE ARCHIVO
        if (fileInput && fileInput.files && fileInput.files.length > 0) {
          const file = fileInput.files[0];
          const maxSize = 10 * 1024 * 1024;
          const allowedTypes = [
            'application/pdf',
            'application/msword',
            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
            'application/vnd.ms-excel',
            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
            'image/jpeg',
            'image/jpg',
            'image/png',
            'image/gif',
            'text/plain'
          ];

          if (file.size > maxSize) {
            isValid = false;
            if (!firstInvalid) firstInvalid = fileInput;
            markFieldError(fileInput, "El archivo supera el tamaño máximo de 10 MB");
          }

          if (allowedTypes.indexOf(file.type) === -1) {
            isValid = false;
            if (!firstInvalid) firstInvalid = fileInput;
            markFieldError(fileInput, "Tipo de archivo no permitido");
          }
        }

        // SI HAY ERRORES
        if (!isValid) {
          if (firstInvalid && typeof firstInvalid.focus === "function") {
            firstInvalid.focus();
            try {
              firstInvalid.scrollIntoView({ behavior: "smooth", block: "center" });
            } catch (e) {
              firstInvalid.scrollIntoView();
            }
          }
          return;
        }

        // 6) VALIDAR reCAPTCHA
        if (typeof grecaptcha !== "undefined" && grecaptcha.getResponse().length === 0) {
          alert("Por favor, completa el reCAPTCHA antes de enviar el formulario.");
          return;
        }

        // 7) ENVÍO DEL FORMULARIO
        if (!formHasAlreadyBeenSent) {
          formHasAlreadyBeenSent = true;
          submitButton.disabled = true;
          submitButton.value = "Enviando...";

          try {
            if (typeof validateCaptchaAndSubmit !== "undefined") {
              validateCaptchaAndSubmit();
            } else if (typeof submitForm === "function") {
              submitForm(form);
            } else {
              form.submit();
            }
          } catch (error) {
            console.error("Error al enviar el formulario:", error);
            formHasAlreadyBeenSent = false;
            submitButton.disabled = false;
            submitButton.value = "ENVIAR";
            alert("Hubo un error al enviar el formulario. Por favor, inténtalo de nuevo.");
          }
        }
      });
    });
                </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://accesibilidapp.es/fairlane/cookie-consent/accept';
    </script>

    </body>
</html>
