MINI MINI MANI MO
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="keywords" content="">
<meta name="description" content="Plaza Hidalgo s/n, Centro, 50000 Toluca de Lerdo, Méx.">
<meta property="og:description" content="Plaza Hidalgo s/n, Centro, 50000 Toluca de Lerdo, Méx."/>
<meta property="og:url" content="http://www.legislativoedomex.gob.mx"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content=""/>
<meta property="og:image:type" content="image/png"/>
<meta property="og:image:width" content=""/>
<meta property="og:image:height" content=""/>
<meta property="og:title" content="LXI Legislatura del Estado de México"/>
<link rel="icon" type="image/png" href="{{asset("storage/favicon.svg")}}">
<link href="{{asset("storage/css/style.css")}}" rel="stylesheet" type="text/css">
<link href="{{asset("storage/css/menu_home.css")}}" rel="stylesheet" type="text/css">
<link href="{{asset("storage/css/grid.css")}}" rel="stylesheet" type="text/css">
<title>LXI Legislatura del Estado de México</title>
<script src="https://kit.fontawesome.com/e6414ed8fa.js" crossorigin="anonymous"></script>
{{-- <link rel="stylesheet" type="text/css" href="{{asset("js/shadowbox/shadowbox.css")}}">--}}
{{-- <script type="text/javascript" src="{{asset("js/shadowbox/shadowbox.js")}}"></script>--}}
{{-- <script type="text/javascript">--}}
{{-- Shadowbox.init({--}}
{{-- language: "es"--}}
{{-- });--}}
{{-- </script>--}}
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
<script type="text/javascript">
$(document).on("scroll", function () {
if ($(document).scrollTop() > 50) {
$("header").removeClass("large").addClass("small");
} else {
$("header").removeClass("small").addClass("large");
}
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZR9SNPK8WJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-ZR9SNPK8WJ');
</script>
<style>
.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #111111bd;
display: flex;
opacity: 0;
pointer-events: none;
transition: opacity .6s .9s;
--transform: translateY(-100vh);
--transition: transform .8s;
}
.modal--show {
opacity: 1;
pointer-events: unset;
transition: opacity .6s;
--transform: translateY(0);
--transition: transform .8s .8s;
}
.modal__container {
margin: auto;
width: 90%;
max-width: 600px;
max-height: 90%;
background-color: #fff;
border-radius: 6px;
padding: 3em 2.5em;
display: grid;
gap: 1em;
place-items: center;
grid-auto-columns: 100%;
transform: var(--transform);
transition: var(--transition);
}
.modal__title {
font-size: 2.5rem;
}
.modal__paragraph {
margin-bottom: 10px;
}
.modal__img {
width: 90%;
max-width: 300px;
}
.modal__close {
text-decoration: none;
color: #fff;
background-color: #F26250;
padding: 1em 3em;
border: 1px solid;
border-radius: 6px;
display: inline-block;
font-weight: 300;
transition: background-color .3s;
}
.modal__close:hover {
color: #F26250;
background-color: #fff;
}
</style>
</head>
<body style="background:linear-gradient( 40deg, rgb(32,0,18,1.00) 0%, rgb(150,0,72,1.00) 100% );">
<div align="center">
<!-- POP UP -->
<!--
<div class="overlay" style="z-index: 1000;">
<div class="videoBox" id="videobox">
<a class="close"></a>
<video autoplay="autoplay" controls="controls" src="img/banners/dia_naranja.mp4"></video>
<a href="/60delalx" target="_blank"><img src="img/banners/popup_60delx.jpg" alt="Las 60 de la LX" style="width: 90%; max-width: 650px;"></a>
</div>
</div>
<script>
$(function() {
// CLOSE AND REMOVE ON ESC
$(document).on('keyup',function(e) {
if (e.keyCode == 27) {
$('.overlay').remove();
}
});
// CLOSE AND REMOVE ON CLICK
$('body').on('click','.overlay, .close', function() {
$('.overlay').remove();
});
// SO PLAYING WITH THE VIDEO CONTROLS DOES NOT
// CLOSE THE POPUP
$('body').on('click','.videoBox', function(e) {
e.stopPropagation();
});
});
</script>
--->
<!-- FIN POP UP -->
<header class="large">
<!-- MENU RESPONSIVO --->
<div id="responsive">
<nav>
<a href="/">
<div style="float: left; display: block;"><img src="{{asset("storage/img/congreso_edomex.svg")}}" class="logo"></div>
</a>
<div id="salto_menu"></div>
<ul class="topnav">
<li><a href="diputadasydiputados">Diputadas/os</a>
<li class="menu"><a href="{{asset("comision")}}/{{base64_encode(base64_encode(1))}}">JUCOPO</a></li>
<li><a href="comisiones">Comisiones</a>
<li><a href="dependencias">Dependencias</a>
<li><a href="asuntos">Asuntos</a></li>
<li><a href="gaceta">Gaceta</a>
<li><a href="legislacion">Legislación</a></li>
<li><a href="transparencia">Transparencia</a></li>
<li><a href="search"><i class="fas fa-search"></i></a></li>
<li class="icon"><a href="javascript:void(0);" style="font-size:1.3em;" onClick="myFunction()">☰</a>
</li>
</ul>
</nav>
<script>
function myFunction() {
document.getElementsByClassName("topnav")[0].classList.toggle("responsive");
}
</script>
</div>
<!-- FIN MENU RESPONSIVO --->
<!-- MENU DESPLEGABLE --->
<div id="scrolldown">
<nav style="width:95%; margin-top:0px;">
<a href="/">
<div style="float: left; display: block;"><img src="{{asset("storage/img/congreso_edomex.svg")}}"
class="logo"></div>
</a>
<div id="socialbox">
<div class="social"><a href="http://fb.me/legismex" target="_blank" title="Facebook" class="social"><i
class="fab fa-facebook"></i></a></div>
<div class="social"><a href="http://twitter.com/legismex" target="_blank" title="Twitter"
class="social"><i class="fab fa-twitter"></i></a></div>
<div class="social"><a href="http://instagram.com/legismex" target="_blank" title="Instagram"
class="social"><i class="fab fa-instagram"></i></a></div>
<div class="social"><a href="https://www.youtube.com/channel/UC9kqSF0ZBUhSRp4cyWL_oAA"
target="_blank"
title="YouTube" class="social"><i class="fab fa-youtube"></i></a></div>
</div>
<div style="clear: both;"></div>
<ul class="menu">
<li class="menu"><a href="diputadasydiputados">Legislatura ▾</a>
<ul class="dropdown">
<li class="menu"><a href="diputadasydiputados">Diputadas/os</a></li>
<li class="menu"><a
href="{{asset("comision")}}/{{base64_encode(base64_encode(1))}}">JUCOPO</a></li>
<!--<li class="menu"><a href="comision.php?id=2">Mesa Directiva</a></li>-->
<li class="menu"><a href="comisiones">Comisiones</a></li>
<li class="menu"><a href="dependencias">Dependencias</a></li>
</ul>
</li>
<li class="menu"><a href="iniciativas">Trabajo ▾</a>
<ul class="dropdown">
<li class="menu"><a href="asuntos">Asuntos</a></li>
<li class="menu"><a href="gaceta">Gaceta</a></li>
<li class="menu"><a href="legislacion">Legislación</a></li>
</ul>
</li>
<li class="menu"><a href="transparencia">Transparencia</a></li>
<!--<li class="menu"><a href="http://www.amnistiaedomex.gob.mx/landing" target="_blank">Amnistía</a></li>-->
</ul>
</nav>
</div>
<!-- FIN MENU DESPLEGABLE --->
</header>
<div id="section"
style="background: url('{{asset("storage/img/carrusel") . "/" . $carruselImg->img}}') top center no-repeat fixed;">
<!-- BUSCADOR -->
<div id="box_buscador_desk">
<form method="get" action="{{asset("search")}}">
<input type="text" name="tema" class="desk">
<button id="boton_buscador"><i class="fas fa-search"></i></button>
<div style="clear: both"></div>
</form>
<!--
<p style="text-align: justify; font-size: 0.9em; color: rgb(255,255,255); text-shadow: rgb(0,0,0) 1px 1px 1px;">El contenido de esta página ha sido temporalmente modificado por la suspensión de la difusión en los medios de comunicación de toda propaganda gubernamental durante el tiempo que comprende el proceso de Consulta Popular, desde la convocatoria y hasta la conclusión de la jornada consultiva (15 de julio al 01 de agosto de 2021). Lo anterior de conformidad con lo dispuesto tanto por la fracción VIII del artículo 35 de la Constitución Política de los Estados Unidos Mexicanos como por los numerales veintiséis y veintisiete del Acuerdo del Consejo General del Instituto Nacional Electoral por el cual se asignan los tiempos en radio y televisión para la difusión de la consulta popular, se aprueban los criterios de distribución de tiempos para autoridades electorales, así como el procedimiento que regule la suspensión de propaganda gubernamental.</p>
-->
</div>
<div id="box_buscador_movil">
<form method="get" action="buscador">
<input type="text" name="tema" placeholder="Ingresa una palabra..." class="movil">
<button id="boton_buscador"><i class="fas fa-search"></i></button>
<div style="clear: both"></div>
</form>
</div>
<!-- FIN BUSCADOR -->
<!-- LEYENDA VEDA 02 -->
<!--
<div style="background: rgba(0,0,0,0.35); padding: 20px 40px; border-radius: 30px; width: 80%; max-width: 800px; margin: 10px auto;">
<p style="text-align: justify; font-size: 0.8em; color: rgb(255,255,255); text-shadow: rgb(0,0,0) 1px 1px 1px;">El contenido de esta página ha sido temporalmente modificado por la suspensión de la difusión en los medios de comunicación de toda propaganda gubernamental durante el tiempo que comprende el proceso de Consulta Popular, desde la convocatoria y hasta la conclusión de la jornada consultiva (15 de julio al 01 de agosto de 2021). Lo anterior de conformidad con lo dispuesto tanto por la fracción VIII del artículo 35 de la Constitución Política de los Estados Unidos Mexicanos como por los numerales veintiséis y veintisiete del Acuerdo del Consejo General del Instituto Nacional Electoral por el cual se asignan los tiempos en radio y televisión para la difusión de la consulta popular, se aprueban los criterios de distribución de tiempos para autoridades electorales, así como el procedimiento que regule la suspensión de propaganda gubernamental.</p>
</div>
-->
<!-- FIN LEYENDA VEDA 02 -->
<!-- CONTENT -->
<div style="width: 95%; max-width: 1210px; margin: 15px auto; padding: 10px 0px; background: rgba(0,0,0,0.4);">
<div id="reciente">
<h1 style="color: white;">Lo más reciente</h1>
@foreach($comunicados as $item)
<div class="grid">
<figure class="effect-sadie">
@if(isset($item->fotos->first()->foto))
<img
src="{{asset("storage/img/fotos/comunicados") . "/" . $item->fotos->first()->foto}}"
alt="{{$item->titulo}}"/>
@endif
<figcaption>
<h2>
@php
$date = \Carbon\Carbon::create($item->fecha);
@endphp
<span style="font-size: 0.8em; font-weight: 400;">
{{$date->format("d")}} de {{$meses[($date->format('m')) - 1]}}
</span>
<br>{{$item->titulo}}
</h2>
<a href="{{route("comunicado.show", base64_encode(base64_encode($item->comunicado)))}}"
title="Leer más">Leer más</a>
</figcaption>
</figure>
</div>
@endforeach
<div style="clear: both"></div>
<a href="prensa">
<button href="prensa" type="button"> Más noticias</button>
</a>
</div>
</div>
<div style="width: 95%; max-width: 580px; margin: auto; padding: 30px; background: rgba(0,0,0,0.4);">
<!-- YOUTUBE -->
<h1 style="color: white;">Previamente</h1>
<div id="streaming_desktop">
<div style="width: 560px; height: 430px; margin: auto;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/U7d-6wQrnjI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<button onclick="window.open('https://www.youtube.com/channel/UC9kqSF0ZBUhSRp4cyWL_oAA','_blank');">
Canal de
YouTube
</button>
</div>
</div>
<div id="streaming_mobile">
<div style="width: 360px; height: 320px; margin: auto;">
<iframe width="360" height="205"
src="https://www.youtube.com/embed/U7d-6wQrnjI"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
<button onclick="window.open('https://www.youtube.com/c/LegislaturaEdoMex','_blank');">Canal de
YouTube
</button>
</div>
</div>
<!-- FIN YOUTUBE -->
<!-- EN VIVO YOUTUBE -->
<!--
<h1 style="color: white;"><img src="img/live.gif" height="15px" width="15px"> En vivo</h1>
<p style="color: white; text-align: left;">Sesión deliberante</p>
<div id="streaming_desktop">
<div style="width: 560px; margin: auto;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/U7d-6wQrnjI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div style="clear: both"></div>
</div>
</div>
<div id="streaming_mobile">
<div style="width: 360px; margin: auto;">
<iframe width="360" height="205" src="https://www.youtube.com/embed/U7d-6wQrnjI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div style="clear: both"></div>
</div>
</div>
-->
<!-- FIN EN VIVO YOUTUBE -->
<!-- EN VIVO FACEBOOK -->
<!--
<div id="streaming_desktop">
<div style="width: 560px; height: 350px; margin: auto;">
<h1 style="color: white;">En vivo <img src="img/live.gif" height="15px" width="15px"></h1>
<iframe src="https://www.facebook.com/plugins/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2Flegismex%2Fvideos%2F603830503970527%2F&show_text=false&width=560&t=0" width="560" height="314" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe>
</div>
</div>
<div id="streaming_mobile">
<div style="width: 360px; height: 240px; margin: auto;">
<h1 style="color: white;">En vivo <img src="img/live.gif" height="15px" width="15px"></h1>
<iframe src="https://www.facebook.com/plugins/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2Flegismex%2Fvideos%2F603830503970527%2F&show_text=false&width=360&t=0" width="360" height="205" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe>
</div>
</div>
-->
<!-- FIN EN VIVO FACEBOOK -->
<!-- TRANSMISIÓN EN VIVO LIVESTREAM -->
<!--
<div id="streaming_desktop">
<div style="width: 560px; height: 430px; margin: auto;">
<h1 style="color: white;">En vivo <img src="img/live.gif" height="15px" width="15px"></h1>
<iframe style="max-width: 100%; display: block; margin: auto;" src="http://www.livestreamingservices.com/html5pro/tvlegismex.php" scrolling="no" allowfullscreen="allowfullscreen" width="560" height="315" frameborder="0" align="middle"></iframe>
<div style="clear: both"></div>
</div>
</div>
<div id="streaming_mobile">
<div style="width: 100%; padding: 10px 0px; height: 205px; margin: auto;">
<h1 style="color: white;">En vivo</h1>
<iframe style="max-width: 100%; display: block; margin: auto;" src="http://www.livestreamingservices.com/html5pro/tvlegismex.php" scrolling="no" allowfullscreen="allowfullscreen" width="360" height="205" frameborder="0" align="middle"></iframe>
<div style="clear: both"></div>
</div>
</div>
-->
<!-- FIN TRANSMISIÓN EN VIVO MOBILE LIVESTREAM -->
<div style="clear: both"></div>
</div>
</div>
<div
style="width: 100%; padding: 0px; background:linear-gradient( 45deg, rgba(116,0,48,1.00) 20%, rgba(186,172,178,1.00) 100% );">
<div style="width: 100%; max-width: 1110px; margin: auto; padding: 30px 0px;">
<h1 style="color: white;">Actividades</h1>
<!-- PRÓXIMOS -->
<div
style="width: 90%; max-width: 500px; padding: 15px; margin: auto; float: left; border: rgba(255,255,255,1.0) solid 1px; background: rgba(255,255,255,1.0); box-shadow: rgba(116,0,48,0.40) 2px 2px 10px; margin: 10px;">
<h2>Próximas</h2>
@if(!count($eventosProximos))
<p>Espera pronto nuestra agenda de próximas actividades</p>
@else
@foreach($eventosProximos as $item)
@php
$date = \Carbon\Carbon::create($item->fecha);
@endphp
<div class="event_desktop">
<div
style="width: 58px; height: 58px; border: rgba(0,0,0,0.2) solid 1px; float: left; margin-right: 20px; background: rgba(255,255,255,1.0);">
<span
style="font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.1em; text-align: center; text-transform: uppercase;">
{{ucfirst(Date::parse($item->fecha)->format("D"))}}
</span><br>
<span
style="font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.0em; font-weight: 500; text-align: center;">{{$date->format("d")}}</span>
</div>
<div style="width: auto; float: left; text-align: left; max-width: 420px;">
<span
{{-- @dd($date->format("w"))--}}
style="font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.9em; ">{{ucfirst(Date::parse($item->presentada)->formatLocalized('%B'))}}- <i
class="far fa-clock"></i> {{$date->format("H:i")}} hrs.</span><br>
<span
style="font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.1em; font-weight: 500; ">{{$item->descripcion}}</span><br>
<span
style="font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.9em; "><i
class="fas fa-map-marker-alt"></i>@isset($item->sede)
{{$item->sede->sede}}
@endisset</span>
</div>
<div style="clear: both; height: 20px;"></div>
</div>
<div style="clear: both; height: 20px;"></div>
<!-- FIN DESKTOP -->
<!-- MOBILE -->
<div class="event_mobile">
</div>
@endforeach
@endif
@if(count($eventosProximos) > 2)
<a href="eventos">
<div class="myDIV" style="background:rgb(150,0,72);">Más información</div>
</a>
<!-- FIN MÁS EVENTOS -->
<div style="clear: both"></div>
@endif
</div>
<!--FIN PRÓXIMOS -->
<!-- RECIENTES -->
<div
style="width: 90%; max-width: 500px; padding: 15px; margin: auto; float: left; border: rgba(255,255,255,1.0) solid 1px; background: rgba(255,255,255,1.0); box-shadow: rgba(116,0,48,0.40) 2px 2px 10px; margin: 10px;">
<h2>Recientes</h2>
@if(!count($eventosRecientes))
<p>Espera pronto nuestra agenda de próximas actividades</p>
@else
@foreach($eventosRecientes as $item)
@php
$date = \Carbon\Carbon::create($item->fecha);
@endphp
<div class="event_desktop">
<div
style="width: 58px; height: 58px; border: rgba(0,0,0,0.2) solid 1px; float: left; margin-right: 20px; background: rgba(255,255,255,1.0);">
<span
style="font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.1em; text-align: center; text-transform: uppercase;">{{ucfirst(Date::parse($item->fecha)->format("D"))}}</span><br>
<span
style="font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.0em; font-weight: 500; text-align: center;">{{$date->format("d")}}</span>
</div>
<div style="width: auto; float: left; text-align: left; max-width: 420px;">
<span
style="font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.9em; ">{{ucfirst(Date::parse($item->fecha)->formatLocalized('%B'))}} - <i
class="far fa-clock"></i> {{$date->format("H:i")}} hrs.</span><br>
<span
style="font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.1em; font-weight: 500; ">{{$item->descripcion}}</span><br>
<span
style="font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.9em; "><i
class="fas fa-map-marker-alt"></i>@isset($item->sede)
{{$item->sede->sede}}
@endisset</span>
</div>
<div style="clear: both; height: 20px;"></div>
</div>
<div style="clear: both; height: 20px;"></div>
<!-- FIN DESKTOP -->
<!-- MOBILE -->
<div class="event_mobile">
</div>
@endforeach
@endif
@if(count($eventosRecientes) > 2)
<a href="eventos">
<div class="myDIV" style="background:rgb(150,0,72);">Más información</div>
</a>
<!-- FIN MÁS EVENTOS -->
<div style="clear: both"></div>
@endif
<div style="clear: both"></div>
</div>
<!--FIN RECIENTES -->
<div style="clear: both"></div>
</div>
</div>
<!-- ENLACES DE INTERÉS -->
<div style="width: 100%; padding: 0px; background: rgba(255,255,255,1.00);">
<div style="width: 100%; max-width: 1110px; margin: auto; padding: 30px 0px;">
<h1>Información de interés</h1>
<!-- DÍA NARANJA -->
@foreach($banners as $item)
@if($item->id == 1)
@if(\Carbon\Carbon::now()->format("d") == 25)
<a href="{{asset($item->documento_path)}}"
title="{{$item->titulo}}"
target="_blank">
<div style="width:90%; max-width: 650px; margin:50px auto;">
<img src="{{asset($item->foto_path)}}"
style="width: 100%;"
alt="{{$item->titulo}}">
</div>
</a>
@endif
@else
<a href="{{asset($item->documento_path)}}"
title="{{$item->titulo}}"
target="_blank">
<div style="width:90%; max-width: 650px; margin:50px auto;">
<img src="{{asset($item->foto_path)}}"
style="width: 100%;"
alt="{{$item->titulo}}">
</div>
</a>
@endif
@endforeach
<!-- DIÁLOGO PÚBLICO -->
{{-- <a href="dialogopublico" title="Diálogo Público - Revista del Poder Legislativo del Estado de México"--}}
{{-- alt="Diálogo Público - Revista del Poder Legislativo del Estado de México">--}}
{{-- <div id="dialogo_banner">--}}
{{-- <img src="{{asset("img/dialogopublico/$dialogoPublico->img_portada")}}" class="portada_dp">--}}
{{-- <img src="{{asset("img/dialogo_publico.png")}}" class="logo_dp">--}}
{{-- <div style="clear: both"></div>--}}
{{-- </div>--}}
{{-- </a>--}}
<!-- FIN DIÁLOGO PÚBLICO -->
<!-- END BANNER -->
<div style="clear: both"></div>
</div>
</div>
</div>
<section class="modal ">
<div class="modal__container">
{{-- <h2 class="modal__title">Erradiquemos la violencia digital contra las mujeres.</h2>--}}
<iframe width="560" height="315" src="https://www.youtube.com/embed/LN75s5FYTw0" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
<button class="modal__close">Cerrar</button>
</div>
</section>
<!-- FIN DE ENLACES DE INTERÉS -->
<div id="footer">
<div style="float:left; width:95%; max-width:420px; margin:0px 5% 30px 0px;">
<!--<img src="img/congreso_edomex_grayscale.svg" style="height: 85px;">-->
<h2 class="footer">Poder Legislativo del Estado de México</h2>
<p>Plaza Hidalgo s/n, Col. Centro<br>Toluca de Lerdo, Estado de México<br>Conmutador (722)
279-6400<br>© {{\Carbon\Carbon::now()->format("Y")}}
<br><a href="avisosdeprivacidad">Avisos de privacidad</a></p>
<!--<a href="/documentos/directorio/202103_directorio.pdf" target="_blank" title="Directorio telefónico">Directorio telefónico</a>-->
<!--<button onclick="window.open('/documentos/directorio/202107_directorio.pdf')">Directorio telefónico</button>-->
</div>
<!--
<div style="float:left; width:95%; max-width:250px; margin:0px 5% 0px 0px;">
<h2 class="footer">Acerca de</h2>
<a class="footer" href="legislacion">Legislación vigente</a><br>
<a class="footer" href="dependencias">Dependencias</a>
<h2 class="footer">Diputadas/os</h2>
<a class="footer" href="diputados">Directorio</a><br>
<a class="footer" href="comision-1">Junta de Coordinación Política</a><br>
<a class="footer" href="comision-2">Mesa Directiva</a><br>
<a class="footer" href="comisiones">Comisiones y Comités</a>
<h2 class="footer">Trabajo Legislativo</h2>
<a class="footer" href="iniciativas">Iniciativas</a><br>
<a class="footer" href="gaceta">Gaceta Parlamentaria</a><br>
</div>
<div style="float:left; width:95%; max-width:250px; margin:0px 5% 0px 0px;">
<h2 class="footer">Noticias</h2>
<a class="footer" href="prensa">Comunicados</a><br>
<a class="footer" href="galeria">Galería</a><br>
<a class="footer" href="dialogopublico">Revista "Diálogo Público"</a>
<h2 class="footer">Transparencia</h2>
<a class="footer" href="http://www.cddiputados.gob.mx/transparencia/">Unidad de Información</a><br>
</div>
-->
<div id="socialbox">
<p>Síguenos en redes sociales:</p>
<div class="social"><a href="http://fb.me/legismex" target="_blank" title="Facebook" class="social"><i
class="fab fa-facebook"></i></a></div>
<div class="social"><a href="http://twitter.com/legismex" target="_blank" title="Twitter" class="social"><i
class="fab fa-twitter"></i></a></div>
<div class="social"><a href="http://instagram.com/legismex" target="_blank" title="Instagram"
class="social"><i class="fab fa-instagram"></i></a></div>
<div class="social"><a href="https://www.youtube.com/channel/UC9kqSF0ZBUhSRp4cyWL_oAA" target="_blank"
title="YouTube"
class="social"><i class="fab fa-youtube"></i></a></div>
</div>
<div style="clear:both"></div>
</div>
</div>
</body>
<script type="text/javascript">
const modal = document.querySelector('.modal');
const closeModal = document.querySelector('.modal__close');
closeModal.addEventListener('click', (e) => {
e.preventDefault();
modal.classList.remove('modal--show');
});
$(document).ready(function () {
// modal.classList.add('modal--show');
});
</script>
</html>
OHA YOOOO