@extends('pags.app')

@section('content')
    <div class="escudo">
        <img id="escudo" src="assets/images/shield-lg.png">
    </div>

    <main>
        <div class="container-xl">
            <div class="py-24">
                <div class="row gx-24">

                    @include('../pags.sidebar')

                    <div class="col-12 col-lg-9 col-xl-10">
                        <div class="py-24 py-md-32">
                            <h4 class="fw-light mb-0">Poder Legislativo del Estado de México</h4>
                            <h1 class="fw-bold">Consulta <br> Ley para la Inclusión de la Personas en Situación de
                                Discapacidad del Estado de México</h1>
                            <div class="tab-content" id="tabDiputadoContent">
                                {{-- *****************                             --}}
                                <div class="tab-pane fade" id="perfil" role="tabpanel" aria-labelledby="perfil-tab">
                                    <div class="row align-items-stretch gx-24">

                                    </div>
                                </div>

                                {{-- *****************                             --}}
                                <div class="tab-pane fade show active" id="iniciativas" role="tabpanel"
                                     aria-labelledby="iniciativas-tab">
                                    <div class="mb-24">
                                        <div
                                            class="card-iniciativa position-relative bg-lighter rounded-4 p-16 pt-md-40 p-md-32 mb-24">
                                            <h2>Bienvenida al Mecanismo de Consulta del Acuerdo General
                                                sobre la Política de Inclusión y de Protección de los Derechos Humanos
                                                de las Personas con Discapacidad
                                                en la SCJN.</h2>
                                            <br>
                                            <div>
                                                <p>La Dirección General de Derechos Humanos (DGDH) te da la bienvenida
                                                    al Mecanismo de
                                                    Consulta del Proyecto del “Acuerdo General de Administración por el
                                                    que se establece
                                                    la Política de Inclusión y las Medidas Generales para la Protección
                                                    de los Derechos
                                                    Humanos de las Personas con Discapacidad en la Suprema Corte de
                                                    Justicia de la Nación”,
                                                    el cual tiene como finalidad promover y proteger los derechos de las
                                                    personas con discapacidad
                                                    que trabajan en la SCJN.</p>
                                            </div>

                                            <div class="fs-lg-18">
                                                <p>Esta consulta forma parte de las políticas que permiten adoptar
                                                    plenamente el modelo social de la discapacidad en la SCJN, cuya idea
                                                    central radica en la eliminación de aquellas barreras que les
                                                    impiden el acceso a los derechos en condiciones de igualdad, además
                                                    de que les permitirá hacer efectivo su derecho a la participación y
                                                    la consulta previa, contenido en la Convención sobre los Derechos de
                                                    las Personas con Discapacidad como parte del parámetro de
                                                    regularidad constitucional de nuestro país.</p>
                                            </div>
                                            <br>

                                            <div class="fs-lg-18">
                                                <p>Si tú laboras en la SCJN y tienes alguna discapacidad, puedes formar
                                                    parte de esta Consulta de dos maneras:</p>
                                            </div>

                                            <div class="scrollable-x-panel">
                                                <div class="d-flex flex-wrap fs-13 fw-semibold">
                                                    <div
                                                        class="icon-text-card d-flex align-items-center me-16 mb-16 morado">
                                                        <div class="icon">
                                                            <img
                                                                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAUVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////9jlXTzAAAAGnRSTlMA03lKFe07u1po9QyY2i2mw+JTBYjLsRxzucSdp/MAAAM4SURBVFjDzVfHoqsgEBU7gmCNif//oY+hN425qzcbUeAw9TAWxY1UFA3DyJe1+JOw6dSC2r/sX4bTCf59fyv3DwgpnOXX/WQWuxpMimLt5bD+EaAUm+ZDjWskXujXLWtPXxyOlAJ7KutOUEGHgmD+on0mLu0sbZ3VrkMMdzfJxauKRNWoZW3eZ6c5txWDzc1i8drL0JhVQ4SwzjZi0l2VGJRuuteRrBu7bA6tgBXNUleA89YaeG57aw3e0sh6aYxGVqgONWx8wVHiObozICeZeH60L5YkLC/xRUbaOG/y0w8MmmGwi0Gh8V8BANfeg4B9jE2DjmPbaMOkBkwj8gAAq9AwZJ0nK4m3hLRg3jkSk16IqZCHPiDOvUNtveKJitrhCmwmUenbmd6q5Asvos9VlEi9OV/tZ3AU8gtaZwUegnOcgPHT/il10XWwn9RYWDbgmjsjirr87OAflCrgxR3iPDCF24g8hR27m17HRAUUftmNzgpApXAfnodiF3oKQD42xAOQzhuLUIUqsuDtXjfrNAOwIucFvzjiatMC+EcAIHfQTH1nAQ5noQWoTTk8Aagcm1gAmdrHQwDs3hwADdx2D7C5tQ4AJ2cYgLrrOvDx2BmBWtvVEBJXjcIl4GYknrV22Z/l+C8AosA9ky1K5cNQ4VPpgqwQ0thwPZNk/SdGNFzJGMl8TjXeMiwn8ktS89SnzVPisz68C3WGGV9/6kz3EMKy5KZQbYXpsiIEri8Yj2KGgHHMbXeOlELWRvcYEMYQ9RjAgiTh+bfhklBhErYftlrbmGZLx18BhbaZnglHzSCsQVpLSYjsZnEOtPTDUkYxStT1zdqmaSLKz7TUQlWMiJjasg7zHatbjS6uu861FZmQeaHVANMNQCZpvOTSAPxM73cDkEvbJL2hOOiihaZz1bcCA7zJb9LaGzLIlbjsPBd32ft95QV5RJRQ2n5WdsHv7/QVWUZkMfK+l+5E6x0Z5CmBucbtbNgtGVxQArMN+MzuyeCCElZC1X8TJd/I4IIShCMqjCtyUTWJ5Gos9zt3+QOFn/0fXi9rH/2b3SgKxjXdV2lyZOCas0cyXijHnwLwm7/VR+In7D/bq4swU8W6WwAAAABJRU5ErkJggg==">
                                                        </div>
                                                        <div>
                                                            <p class="d-none d-xl-block">
                                                                A través de este micrositio, que ha sido específicamente
                                                                diseñado para que consultes el Proyecto de Acuerdo
                                                                General y
                                                                nos envíes tus comentarios en la sección
                                                                correspondiente.
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="icon-text-card d-flex align-items-center me-16 mb-16 azul">
                                                        <div class="icon">
                                                            <img
                                                                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMA8UMUCPrbZjOYqOdZ0CDFtaGITm4oeYLSbXYAAAKASURBVBgZ7cFZdptAAEXB1yPQzOPd/07TEISRrGOf5DNxlX78+B842zTW6W/ZIZCFwepv+MQlef0x33LTen3Pr6XTZSAz47YlQzbo4srV6zM7BKBdvA4N2eiUuZGs0cEvLRAGqxcVp7bTLgKVThUQtetaTpWeVFyik1QCtdfJ10ApyUUuo25mMjOkSJYkLcCkywQskhJZTIMhm/WhBfpO8hPZKk3ArMsMTNJKNknqeqDVZQVqp10CNqkCrC4WqKQNSNq5Glj1MAOTDiWQpA0odCmATUpAqUMFzHoogE2HDhikGeh16YFZGoBOhw0o9DADSYcZGCVvgFmnBjBeGoFZhwRYPbgAwSrzLVBImgBjdbAGmCQVQPTKygDB6TIApvAqe8A4Sa4mS9Y5m8hqJ8kZoC/lCwMkfVgDWTDsNu3KwE0otdvYmUAWVt00gYek38qai7H6LfEQGj2xNYcw6aEbOY1OD1PgUFu98MUQ637qdNMtY9+PS6ebburrOBRe/yA7DW3sx8brpivnuex045uxj+0wWT0rak6hcjr4Zqw51GPjdXCV4VQX+rC23JhGkl9qbmLhJRWGm7bTyRqebVpbXrSrNp7VVofVkMVl9b5rBnbJsAv9OE1jH9iZxG5oOu/XJZKZVZmPQFh0spFTLJwOroicotVpCUD0kjYgWF1cZBcW3SyBXXS62ABskjdAoZuSrC71pKzJSt0UgPFqgF53CahXvVhrIOmuBRoloNFNSTbrk5ms1E0DjGqBVN20wKg3RqCtbhLQyvBZ6PRGF/isFm8MemvgDfFGobcW3lD5ogem4q0J6MsXetXzpV7fiXwp6juRL0V9pym+1OjHj3/TL2qnWfdFhM29AAAAAElFTkSuQmCC">
                                                        </div>
                                                        <div>
                                                            <p class="d-none d-xl-block">
                                                                Participando en las Asambleas Consultivas que llevaremos
                                                                a cabo
                                                                el 23, 24 y 25 de noviembre, a las que te podrás
                                                                inscribir en el
                                                                apartado final de este micrositio.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <br>

                                            <div class="fs-lg-18">
                                                <div class="row justify-content-center my-5">
                                                    <div class="col-lg-6 col-md-8 col-12">
                                                        <div
                                                            style="position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: auto; -webkit-overflow-scrolling: touch;">
                                                            <iframe allowfullscreen="" frameborder="0"
                                                                    id="ensembleEmbeddedContent_vbASiLRZCEm4KUMoa_yCJQ"
                                                                    scrolling="no"
                                                                    src="https://aldeasolutions.mx/hapi/v1/contents/8812b0bd-59b4-4908-b829-43286bfc8225/plugin?embedAsThumbnail=false&amp;displayTitle=false&amp;startTime=0&amp;autoPlay=false&amp;hideControls=true&amp;showCaptions=false&amp;displaySharing=false&amp;displayAnnotations=false&amp;displayAttachments=false&amp;displayLinks=false&amp;displayEmbedCode=false&amp;displayDownloadIcon=false&amp;displayMetaData=false&amp;displayCredits=false&amp;audioPreviewImage=false&amp;displayCaptionSearch=false&amp;displayViewersReport=false&amp;displayAxdxs=false"
                                                                    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
                                                                    title="Bienvenida"></iframe>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <br>
                                            <div class="d-flex flex-column flex-md-row justify-content-center">
                                                <a href=""
                                                   class="btn btn-outline-darker border-2 rounded-4 text-nowrap py-16 px-32 flex-grow-1 flex-md-grow-0">
                                                    Video con interpretación en Lengua de Señas Mexicana</a>
                                            </div>
                                            <br>
                                            <br>
                                            <br>
                                            <div class="fs-lg-18">
                                                <div class="row justify-content-center my-5">
                                                    <div class="col-lg-6 col-md-8 col-12">
                                                        <div
                                                            style="position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: auto; -webkit-overflow-scrolling: touch;">
                                                            <iframe allowfullscreen="" frameborder="0"
                                                                    id="ensembleEmbeddedContent_vbASiLRZCEm4KUMoa_yCJQ"
                                                                    scrolling="no"
                                                                    src="https://aldeasolutions.mx/hapi/v1/contents/8812b0bd-59b4-4908-b829-43286bfc8225/plugin?embedAsThumbnail=false&amp;displayTitle=false&amp;startTime=0&amp;autoPlay=false&amp;hideControls=true&amp;showCaptions=false&amp;displaySharing=false&amp;displayAnnotations=false&amp;displayAttachments=false&amp;displayLinks=false&amp;displayEmbedCode=false&amp;displayDownloadIcon=false&amp;displayMetaData=false&amp;displayCredits=false&amp;audioPreviewImage=false&amp;displayCaptionSearch=false&amp;displayViewersReport=false&amp;displayAxdxs=false"
                                                                    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
                                                                    title="Bienvenida"></iframe>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <br>
                                            <div class="d-flex flex-column flex-md-row justify-content-center">
                                                <a href=""
                                                   class="btn btn-outline-darker border-2 rounded-4 text-nowrap py-16 px-32 flex-grow-1 flex-md-grow-0 ">
                                                    Video con interpretación en Lengua de Señas Mexicana</a>
                                            </div>
                                            <br>
                                            <div class="fs-lg-18">
                                                <p>Si necesitas asistencia relacionada con los contenidos desarrollados
                                                    en el
                                                    micrositio o se presenta algún problema con la accesibilidad de la
                                                    información,
                                                    por favor envía un correo electrónico a:
                                                    <a aria-label="Si necesitas asistencia relacionada con los contenidos o sobre cualquier tema de accesibilidad en la información, por favor envía un correo electrónico a: consultaprevia@mail.scjn.gob.mx"
                                                       href="mailto:consultaprevia@mail.scjn.gob.mx">Consultaprevia@mail.scjn.gob.mx</a>

                                                </p>
                                            </div>

                                            <div class="fs-lg-18">
                                                <p>En caso de que requieras soporte técnico respecto a la navegación en
                                                    el portal,
                                                    envío de información, carga o descarga de archivos y otros problemas
                                                    tecnológicos,
                                                    manda un correo electrónico a:
                                                    <a aria-label="Si necesitas asistencia relacionada con los contenidos o sobre cualquier tema de accesibilidad en la información, por favor envía un correo electrónico a: consultaprevia@mail.scjn.gob.mx"
                                                       href="mailto:consultaprevia@mail.scjn.gob.mx">Consultaprevia@mail.scjn.gob.mx</a>
                                                </p>
                                            </div>


                                        </div>

                                    </div>
                                </div>
                                {{-- *****************                             --}}
                                <div class="tab-pane fade" id="comunicados" role="tabpanel"
                                     aria-labelledby="comunicados-tab">
                                    <div class="comunicado bg-light rounded-4 overflow-hidden mb-24">
                                        <div class="row gx-0">
                                            <div class="col-12 col-lg-5">
                                                <figure class="ratio ratio-16x9 mb-0">
                                                    <img src="assets/images/Icons-pag_Mesa de trabajo 1 copia.png"
                                                         alt="">
                                                </figure>
                                            </div>
                                            <div class="col-12 col-lg-7">
                                                <div class="p-16 p-lg-24">
                                                    <h4>1. Generalidades de la Ley.</h4>
                                                    <p>En total, se estima que casi el 12% de la población de América
                                                        Latina
                                                        y el Caribe vive con al menos una discapacidad, lo que
                                                        representa
                                                        alrededor de 66 millones de personas.</p>
                                                    <div class="d-flex">
                                                        <a href="info1.html"
                                                           class="btn btn-outline-darker border-2 rounded-4 py-16 px-32 flex-grow-1 flex-md-grow-0">Revisar
                                                            información</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="comunicado bg-light rounded-4 overflow-hidden mb-24">
                                        <div class="row gx-0">
                                            <div class="col-12 col-lg-5">
                                                <figure class="ratio ratio-16x9 mb-0">
                                                    <img src="assets/images/Icons-pag_Mesa de trabajo 1.png" alt="">
                                                </figure>
                                            </div>
                                            <div class="col-12 col-lg-7">
                                                <div class="p-16 p-lg-24">
                                                    <h4>2. Sistema para la Inclusión de las Personas en Situación de
                                                        Discapacidad</h4>
                                                    <p>Las personas con discapacidad experimentan significativas
                                                        desigualdades en materia de salud en comparación con las
                                                        personas
                                                        sin discapacidad.</p>
                                                    <div class="d-flex">
                                                        <a href="/"
                                                           class="btn btn-outline-darker border-2 rounded-4 py-16 px-32 flex-grow-1 flex-md-grow-0">Abrir
                                                            comunicado</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="comunicado bg-light rounded-4 overflow-hidden mb-24">
                                        <div class="row gx-0">
                                            <div class="col-12 col-lg-5">
                                                <figure class="ratio ratio-16x9 mb-0">
                                                    <img src="assets/images/Icons-pag-02.png" alt="">
                                                </figure>
                                            </div>
                                            <div class="col-12 col-lg-7">
                                                <div class="p-16 p-lg-24">
                                                    <h4>3. Instituto Mexiquense para la Discapacidad.</h4>
                                                    <p>En total, se estima que casi el 12% de la población de América
                                                        Latina
                                                        y el Caribe vive con al menos una discapacidad, lo que
                                                        representa
                                                        alrededor de 66 millones de personas.</p>
                                                    <div class="d-flex">
                                                        <a href="/"
                                                           class="btn btn-outline-darker border-2 rounded-4 py-16 px-32 flex-grow-1 flex-md-grow-0">Revisar
                                                            información</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="comunicado bg-light rounded-4 overflow-hidden mb-24">
                                        <div class="row gx-0">
                                            <div class="col-12 col-lg-5">
                                                <figure class="ratio ratio-16x9 mb-0">
                                                    <img src="assets/images/Icons-pag-03.png" alt="">
                                                </figure>
                                            </div>
                                            <div class="col-12 col-lg-7">
                                                <div class="p-16 p-lg-24">
                                                    <h4>4. Programa y registro estatal de discapacidad.</h4>
                                                    <p>Las personas con discapacidad experimentan significativas
                                                        desigualdades en materia de salud en comparación con las
                                                        personas
                                                        sin discapacidad.</p>
                                                    <div class="d-flex">
                                                        <a href="/"
                                                           class="btn btn-outline-darker border-2 rounded-4 py-16 px-32 flex-grow-1 flex-md-grow-0">Abrir
                                                            comunicado</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="comunicado bg-light rounded-4 overflow-hidden mb-24">
                                        <div class="row gx-0">
                                            <div class="col-12 col-lg-5">
                                                <figure class="ratio ratio-16x9 mb-0">
                                                    <img src="assets/images/Icons-pag-05.png" alt="">
                                                </figure>
                                            </div>
                                            <div class="col-12 col-lg-7">
                                                <div class="p-16 p-lg-24">
                                                    <h4>5. Acciones relativas a las personas en situación de
                                                        discapacidad.</h4>
                                                    <p>En total, se estima que casi el 12% de la población de América
                                                        Latina
                                                        y el Caribe vive con al menos una discapacidad, lo que
                                                        representa
                                                        alrededor de 66 millones de personas.</p>
                                                    <div class="d-flex">
                                                        <a href="/"
                                                           class="btn btn-outline-darker border-2 rounded-4 py-16 px-32 flex-grow-1 flex-md-grow-0">Revisar
                                                            información</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="comunicado bg-light rounded-4 overflow-hidden mb-24">
                                        <div class="row gx-0">
                                            <div class="col-12 col-lg-5">
                                                <figure class="ratio ratio-16x9 mb-0">
                                                    <img src="assets/images/Icons-pag-06.png" alt="">
                                                </figure>
                                            </div>
                                            <div class="col-12 col-lg-7">
                                                <div class="p-16 p-lg-24">
                                                    <h4>6. Recursos jurídicos</h4>
                                                    <p>Las personas con discapacidad experimentan significativas
                                                        desigualdades en materia de salud en comparación con las
                                                        personas
                                                        sin discapacidad.</p>
                                                    <div class="d-flex">
                                                        <a href="/"
                                                           class="btn btn-outline-darker border-2 rounded-4 py-16 px-32 flex-grow-1 flex-md-grow-0">Abrir
                                                            comunicado</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- *****************                             --}}
                                {{-- *****************                             --}}
                                <div class="tab-pane fade" id="formulario" role="tabpanel"
                                     aria-labelledby="formulario-tab">
                                    <div class="row align-items-stretch gx-24">
                                        @include('formulario.form')
                                    </div>
                                </div>
                            </div>
                            <div class="px-48 py-24">
                                <a id="backToTop"
                                   class="btn btn-light d-flex align-items-center justify-content-center d-md-none rounded-4 py-16">
                                    <i class="bi bi-arrow-up-short fs-24 me-8 lh-1"></i><span>Regresa a inicio</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

@endsection