@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">
                        <h1 class="fw-light mb-0">Poder Legislativo del Estado de México</h1>
                        {{-- <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>Contenido 2</h2>
                                            <br>
                                            <div>
                                                <p>En este apartado podrás conocer el texto 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”. </p>

                                                <p>El contenido del Proyecto de Acuerdo se dividió conforme a 
                                                    cada una de las secciones que lo integran, lo que facilitará 
                                                    su análisis; para conocer estos apartados, en la columna de 
                                                    “Secciones” elige el que sea de tu interés y podrás revisar 
                                                    la información en los siguientes formatos accesibles: </p>
                                                <ul>
                                                    <li>Proyecto de Acuerdo original.</li>
                                                    <li>Proyecto de Acuerdo en lenguaje claro o lectura facilitada.</li>
                                                    <li>Infografía del Acuerdo.</li>
                                                    <li>Video con interpretación en Lengua de Señas Mexicana.</li>
                                                    <li>Audio que describe el contenido del Acuerdo.</li>
                                                </ul>
                                            </div>
                                            <br>
                                            <div class="row row-cols-1 row-cols-md-3 g-4">
                                                <div class="col">
                                                  <div class="card h-100">
                                                    <a href="#"><img src="assets/images/icono_text.png" alt="..." width="20%"></a>
                                                    <div class="card-body">
                                                      <h5 class="card-title">Proyecto del acuerdo original</h5>
                                                    </div>
                                                  </div>
                                                </div>
                                                <div class="col">
                                                  <div class="card h-100">
                                                    <a href="#"><img src="assets/images/icono_text.png" alt="..." width="20%"></a>
                                                    <div class="card-body">
                                                      <h5 class="card-title">Proyecto de Acuerdo en Lenguaje claro o lectura facilitada</h5>
                                                    </div>
                                                  </div>
                                                </div>
                                                <div class="col">
                                                  <div class="card h-100">
                                                    <a href="#"><img src="assets/images/icono_text.png" alt="..." width="20%"></a>
                                                    <div class="card-body">
                                                      <h5 class="card-title">Resumen de Acuerdo en ñenguaje claro o lectura facilitada</h5>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                              <br>
                                              <br>
                                              <div class="row row-cols-1 row-cols-md-3 g-4">
                                                <div class="col">
                                                  <div class="card h-100">
                                                    <a href="#"><img src="assets/images/icono_text.png" alt="..." width="20%"></a>
                                                    <div class="card-body">
                                                      <h5 class="card-title">Proyecto del acuerdo original</h5>
                                                    </div>
                                                  </div>
                                                </div>
                                                <div class="col">
                                                  <div class="card h-100">
                                                    <a href="#"><img src="assets/images/icono_text.png" alt="..." width="20%"></a>
                                                    <div class="card-body">
                                                      <h5 class="card-title">Proyecto de Acuerdo en Lenguaje claro o lectura facilitada</h5>
                                                    </div>
                                                  </div>
                                                </div>
                                                <div class="col">
                                                  <div class="card h-100">
                                                    <a href="#"><img src="assets/images/icono_text.png" alt="..." width="20%"></a>
                                                    <div class="card-body">
                                                      <h5 class="card-title">Resumen de Acuerdo en ñenguaje claro o lectura facilitada</h5>
                                                    </div>
                                                  </div>
                                                </div>
                                              </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>
                                            <br>
                                            <br>
                                            <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>
                                            <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>
                                            
                                            <br>
                                            <br>
                                            <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>
                                            <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>
                                            
                                            <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="info2.html"
                                                       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="info3.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-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="info4.html"
                                                       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="info5.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-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="info6.html"
                                                       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