<?php
 session_start();
 include '../config.php';
 $lang = 'en';
 $seccion = $_GET['s'];

if(strlen($_SESSION['marco'])>90 && strlen($_COOKIE['persistID'])<2)
{
    $responsemarco = $_SESSION['marco'];
    //echo $_SESSION['myArray'];
}
else{
	$curl = curl_init();
    curl_setopt_array($curl, array(
        CURLOPT_URL => $endpoint_graph_cms,
        CURLOPT_RETURNTRANSFER => true,
        CURLOPT_ENCODING => '',
        CURLOPT_MAXREDIRS => 10,
        CURLOPT_TIMEOUT => 0,
        CURLOPT_FOLLOWLOCATION => true,
        CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
        CURLOPT_CUSTOMREQUEST => 'POST',
        CURLOPT_POSTFIELDS =>'{"query":"query MyQuery {\\r\\n  paginasMarcoNormativo(stage: PUBLISHED) {\\r\\n    estatutosArchivo\\r\\n    estatutosTexto\\r\\n    estatutosTextoBoton\\r\\n    estatutosTitulo\\r\\n    imagenDerecha\\r\\n    imagenIzquierda\\r\\n    reglamentoArchivo\\r\\n    reglamentoTexto\\r\\n    reglamentoTextoBoton\\r\\n    reglamentoTitulo\\r\\n    subtituloDePagina\\r\\n    tarifasArchivo\\r\\n    tarifasTexto\\r\\n    tarifasTextoBoton\\r\\n    tarifasTitulo\\r\\n    tituloDePagina\\r\\n    slug\\r\\n    localizations {\\r\\n      estatutosArchivo\\r\\n      estatutosTexto\\r\\n      estatutosTextoBoton\\r\\n      estatutosTitulo\\r\\n      imagenDerecha\\r\\n      imagenIzquierda\\r\\n      reglamentoArchivo\\r\\n      reglamentoTexto\\r\\n      reglamentoTextoBoton\\r\\n      reglamentoTitulo\\r\\n      slug\\r\\n      subtituloDePagina\\r\\n      tarifasArchivo\\r\\n      tarifasTexto\\r\\n      tarifasTextoBoton\\r\\n      tarifasTitulo\\r\\n      tituloDePagina\\r\\n      reglamentoSlug\\r\\n      tarifasSlug\\r\\n      estatutosSlug\\r\\n    }\\r\\n    estatutosSlug\\r\\n    reglamentoSlug\\r\\n    tarifasSlug\\r\\n  }\\r\\n}\\r\\n","variables":{}}',
        CURLOPT_HTTPHEADER => array(
          'Content-Type: application/json',
          'Cookie: __cfduid=da2693cdfd39b7377a8a05e305da45b8f1613001694'
        ),
      ));
   
  $responsemarco = curl_exec($curl);
  $_SESSION['marco'] = $responsemarco;
  curl_close($curl);
}

$arraymarco = json_decode($responsemarco, true);
//print_r ($arraymarco);
$urles = $arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['slug'];
$urlen = $arraymarco['data']['paginasMarcoNormativo'][0]['slug'];
//echo $responsemarco;


if($lang == 'en'){
	///////INFO PÁGINA
	$titulopag = $arraymarco['data']['paginasMarcoNormativo'][0]['tituloDePagina'];
	$subtitulopag = $arraymarco['data']['paginasMarcoNormativo'][0]['subtituloDePagina'];
    $imagenDerecha =$arraymarco['data']['paginasMarcoNormativo'][0]['imagenDerecha'];
    $imagenIzquierda =$arraymarco['data']['paginasMarcoNormativo'][0]['imagenIzquierda'];

    $estatutosTitulo=$arraymarco['data']['paginasMarcoNormativo'][0]['estatutosTitulo'];
    $estatutosTexto=$arraymarco['data']['paginasMarcoNormativo'][0]['estatutosTexto'];
    $estatutosTextoBoton=$arraymarco['data']['paginasMarcoNormativo'][0]['estatutosTextoBoton'];
    $estatutosArchivo=$arraymarco['data']['paginasMarcoNormativo'][0]['estatutosArchivo'];
    $estatutosSlug =$arraymarco['data']['paginasMarcoNormativo'][0]['estatutosSlug'];

    $reglamentoTitulo=$arraymarco['data']['paginasMarcoNormativo'][0]['reglamentoTitulo'];
    $reglamentoTexto=$arraymarco['data']['paginasMarcoNormativo'][0]['reglamentoTexto'];
    $reglamentoTextoBoton=$arraymarco['data']['paginasMarcoNormativo'][0]['reglamentoTextoBoton'];
    $reglamentoArchivo=$arraymarco['data']['paginasMarcoNormativo'][0]['reglamentoArchivo'];
    $reglamentoSlug =$arraymarco['data']['paginasMarcoNormativo'][0]['reglamentoSlug'];

    $tarifasTitulo=$arraymarco['data']['paginasMarcoNormativo'][0]['tarifasTitulo'];
    $tarifasTexto=$arraymarco['data']['paginasMarcoNormativo'][0]['tarifasTexto'];
    $tarifasTextoBoton=$arraymarco['data']['paginasMarcoNormativo'][0]['tarifasTextoBoton'];
    $tarifasArchivo=$arraymarco['data']['paginasMarcoNormativo'][0]['tarifasArchivo'];
    $tarifasSlug =$arraymarco['data']['paginasMarcoNormativo'][0]['tarifasSlug'];
}
if($lang == 'es'){
	$titulopag = $arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['tituloDePagina'];
	$subtitulopag = $arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['subtituloDePagina'];
    $imagenDerecha =$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['imagenDerecha'];
    $imagenIzquierda =$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['imagenIzquierda'];

    $estatutosTitulo=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['estatutosTitulo'];
    $estatutosTexto=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['estatutosTexto'];
    $estatutosTextoBoton=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['estatutosTextoBoton'];
    $estatutosArchivo=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['estatutosArchivo'];
    $estatutosSlug =$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['estatutosSlug'];

    $reglamentoTitulo=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['reglamentoTitulo'];
    $reglamentoTexto=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['reglamentoTexto'];
    $reglamentoTextoBoton=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['reglamentoTextoBoton'];
    $reglamentoArchivo=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['reglamentoArchivo'];
    $reglamentoSlug =$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['reglamentoSlug'];

    $tarifasTitulo=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['tarifasTitulo'];
    $tarifasTexto=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['tarifasTexto'];
    $tarifasTextoBoton=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['tarifasTextoBoton'];
    $tarifasArchivo=$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['tarifasArchivo'];
    $tarifasSlug =$arraymarco['data']['paginasMarcoNormativo'][0]['localizations'][0]['tarifasSlug'];
}

$titulopag = urldecode($titulopag);
$estatutosTexto =  urldecode($estatutosTexto);
$estatutosTextoBoton =  urldecode($estatutosTextoBoton);
$estatutosTitulo =  urldecode($estatutosTitulo);

$reglamentoTexto =  urldecode($reglamentoTexto);
$reglamentoTextoBoton =  urldecode($reglamentoTextoBoton);
$reglamentoTitulo =  urldecode($reglamentoTitulo);

$tarifasTexto =  urldecode($tarifasTexto);
$tarifasTextoBoton =  urldecode($tarifasTextoBoton);
$tarifasTitulo =  urldecode($tarifasTitulo);

$imagenPrincipal = "img/inicio/WB04.jpg";
?>

<!DOCTYPE html>
<html lang="es">
    <head>
        <?php include '../include/generales.php';
        ?>
			
        <style>
            .page-section {
                padding-top: 160px;
                padding-bottom: 30px;
            }
            .caja{
                    /* display: flex; */
                /* flex-flow: column wrap; */
                justify-content: center;
                align-items: center;
                height: 100%;
                overflow: hidden;
            }
            .box{
            /*width: 450px;*/
            /*height: 300px;*/
            overflow: hidden;
            }

            .box img{
            width: 100%;
            height: auto;
            }
            @supports(object-fit: cover){
                .box img{
                /*height: 100%;*/
                object-fit: cover;
                object-position: center center;
                }
            } 

            .padding-0{
                padding-right:0;
                padding-left:0;
            }

            .accordion a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}

.accordion a:hover,
.accordion a:hover::after {
  cursor: pointer;
  color: #48aa42;
}

.accordion a:hover::after {
  border: 1px solid #48aa42;
}

.accordion a.active {
  color: #48aa42;
  border-bottom: 1px solid #48aa42;
}

.accordion a::after {
    font-family: 'Ionicons';
    content: '\f218';
    position: absolute;
    float: right;
    right: 1rem;
    font-size: 20px;
    color:#2b4365;
    padding: 0;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #2b4365;
    text-align: center;
}
.accordion a.active::after {
  font-family: 'Ionicons';
  content: '\f209';
  color: #48aa42;
  border: 1px solid #48aa42;
}

.accordion .content {
  display: none;
  padding: 1rem;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}

.accordion .content p {
    font-size: 13px;
    font-weight: 300;
    font-family: 'Noto Sans', sans-serif;
    color: #888;
}
.accordion {
    padding-top: 40px;
    font-family:"Montserrat", sans-serif;
}	
.accordion a {
    color:#2b4365!important;
    font-weight:bold;
    text-decoration:none;
}
.accordion-item {
    padding: 12.5px 0;


}
.accordion a.btndescarga {
    background: #48aa42;
    border-radius: 10px;
    display: inline-block;
    width: auto;
    color: #fff!important;
    transition: .35s all ease;
    font-size: 15px;
    margin-right: 15px;
    padding: 10px;
}
.accordion a.btndescarga:hover {
    background: #2b4365;
}
.accordion a.btndescarga:after {
    display:none;
}
a.btndescarga i {
    padding: 0 10px;
    
}
.comunicado-bg.right {
    background-color: rgba(205,205,212, 0.4);
    padding: 40px 40px 38px 40px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    padding-left: 5%;
    background-position: right;
    padding-right: 35%;
    background-size: 30% 100%;
}
.comunicado-bg.left {
    background-color: rgba(205,205,212, 0.4);
    padding: 40px 40px 38px 40px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    padding-left: 35%;
    background-size: 30% 100%;
    padding-right: 5%;
}

.extendido {
    right:0;
    position: absolute;
}
.extendido img {
    height: 300px;
    width: 100%;
}
.title {
    margin: 100px 0;
}
.innerbox {
    background: rgba(205,205,212, 0.4);
    padding: 30px;
    margin-bottom: 30px;
}
.innerbox h5 {
    min-height: 60px;
}
.innerbox .btn.btn-primary, .bannerinferior .btn.btn-primary {
    bottom: 60px!important;
}


#caractform {
        width: 100%;
        margin: 10px auto;
        padding: 3em 2em 2em 2em;
        background: #fafafa;
        /* min-width: 1500px; */
        border-radius: 10px;
        font-size: 12px;
        font-family: "Montserrat";
    }
    #caractform .group {
        position: relative;
        margin-bottom: 35px;
        width: 33.33%;
        float: left;
        padding: 0 10px;
    }

    #caractform input, #caractform textarea  {
        font-size: 18px;
        padding: 10px 10px 10px 5px;
        -webkit-appearance: none;
        display: block;
        background: #fafafa;
        color: #636363;
        width: 100%;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #757575;
    }

    #caractform input:focus { outline: none; }


    /* Label */

    #caractform label {
        color: #999; 
        font-size: 14px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        transition: all 0.2s ease;
    }

    #caractform label span {
        font-size: 10px;

    }


    /* active */

    #caractform input:focus ~ label, #caractform input.used ~ label, #caractform textarea:focus ~ label, #caractform textarea.used ~ label  {
        top: -20px;
    transform: scale(.75); left: -2px;
        /* font-size: 14px; */
        color: #2b4365;
    }


    /* Underline */

    #caractform .bar {
        position: relative;
        display: block;
        width: 100%;
    }

    #caractform .bar:before, #caractform .bar:after {
        content: '';
        height: 2px; 
        width: 0;
        bottom: 1px; 
        position: absolute;
        background: #2b4365; 
        transition: all 0.2s ease;
    }

    #caractform .bar:before { left: 50%; }

    #caractform .bar:after { right: 50%; }


    /* active */

    #caractform input:focus ~ .bar:before, #caractform input:focus ~ .bar:after { width: 50%; }


    /* Highlight */

    #caractform .highlight {
        position: absolute;
        height: 60%; 
        width: 100px; 
        top: 25%; 
        left: 0;
        pointer-events: none;
        opacity: 0.5;
    }


    /* active */

    #caractform input:focus ~ .highlight {
        animation: inputHighlighter 0.3s ease;
    }


    /* Animations */

    @keyframes inputHighlighter {
        from { background: #2b4365; }
        to 	{ width: 0; background: transparent; }
    }


    /* Button */

    #caractform .button {
    position: relative;
    display: inline-block;
    padding: 12px 24px;
    margin: .3em 0 1em 0;
    width: 100%;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    letter-spacing: 1px;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #48aa42;
    cursor: pointer;
    transition: all 0.15s ease;
    }
    #caractform .button:focus { outline: 0; }


    /* Button modifiers */

    #caractform .buttonBlue {
    background: #2b4365;
    text-shadow: 1px 1px 0 #48aa42;
    }

    #caractform .buttonBlue:hover { background: #48aa42; }


    /* Ripples container */

    #caractform .ripples {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    }


    /* Ripples circle */

    #caractform .ripplesCircle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    }

    #caractform .ripples.is-active .ripplesCircle {
    animation: ripples .4s ease-in;
    }

    .btn-primary {
        font-family: "Montserrat", sans-serif;
    }
    /* Ripples animation */

    @keyframes ripples {
    0% { opacity: 0; }

    25% { opacity: 1; }

    100% {
        width: 200%;
        padding-bottom: 200%;
        opacity: 0;
    }
    }

    .selects select {
    word-wrap: normal;
    font-size: 14px;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    background: #fafafa;
    color: #636363;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
}
#caractform .selects label {
    position: relative;
    color: #2b4365;
    font-weight: 600;
}
#caractform .datos .group {
    width: 50%;
}
.infofinal {
    width: 100%;
    padding: 30px 10%;
    color:222;
}
.infofinal b {
    color: #2b4365;
    font-family: "Montserrat";
}
p#c1_text {
    margin-top: 40px;
}
p#nombre_completo_text {
    margin-top: 40px;
    text-align: center;
    border-top: 1px solid #2b4365;
    padding-top: 10px;
    margin-bottom: 0;
}
p#nombre_completo2_text, #puesto_text, #puesto2_text {
    text-align: center;
}
p#nombre_completo2_text {
    margin-bottom: 0;
}
p#puesto2_text {
    text-align: center;
}

div#resultsForm .btn-primary {
    float: right;
    /* position: absolute; */
}
h5#exampleModalLabel {
    width: 100%;
    float: left;
    padding: 10px 20px 30px;
}
@media(max-width:700px){
    .extendido {
        transform: none;
        position: relative;
    }
    .estadisticas .title {
        margin: 0;
        text-align: left!important;
    }
    .estadisticas .title h4.text-left {
        text-align: left!important;
        margin-bottom: 20px;
    }
    .extendido img {
        height: 100px;
        width: 100%;
        object-fit: cover;
    }
    h4, .h4 {
        font-size: 2rem;
        color: #2b4365;
    }
}
    </style>
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    </head>
    <body id="page-top" class="estadisticas" data-url = '<?php echo $page_url;?>'>
		
		<?php include '../include/nav2.php'; ?>

                <!-- Services-->
                <section class="page-section" id="services">
                <style type="text/css">#services .innerbox .btn.btn-primary{float: right;right: 0px;position: relative;bottom: 0 !important;}#services .text-blue {line-height: 1.75;min-height: 50px;}h5.text-blue {min-height: 10px;}</style>

                    <div class="container">
                        <div class="row">

                            <div class="col-lg-5 title" style="vertical-align: center;">
                                <h4 class="text-left"><?php echo $titulopag; ?></h4>
                            </div>	
                            
                            <div class="col-lg-7 padding-0 extendido">

                            <?php
                                if(strlen($imagenPrincipal)>10){

                                    echo '<img src="'.$cloudfront.$imagenPrincipal.'" class="padding-0 img-fluid">';

                                }
                            ?>
                                
                            </div>	
                                        
                        </div>	  
                    </div>
			<div class="container">
			  <div class="row">
                
                
                <div class="col-lg-12" style="margin-top: 30px;">
                <div class="container">
                    <div class="row">

<?php

 if(strlen($_SESSION['actionCardsmarco'])>90 && strlen($_COOKIE['persistID'])<2)
 {
	 $responseactionCards = $_SESSION['actionCardsmarco'];
	 //echo $_SESSION['actionCards'];
 }
 else{
	 $curl = curl_init();
	 curl_setopt_array($curl, array(
        CURLOPT_URL => $endpoint_graph_cms,
        CURLOPT_RETURNTRANSFER => true,
        CURLOPT_ENCODING => '',
        CURLOPT_MAXREDIRS => 10,
        CURLOPT_TIMEOUT => 0,
        CURLOPT_FOLLOWLOCATION => true,
        CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
        CURLOPT_CUSTOMREQUEST => 'POST',
        CURLOPT_POSTFIELDS =>'{"query":"query MyQuery {\\r\\n  actionCardsMarcoNormativo( stage: PUBLISHED, where: {estatus_not_contains: \\"eliminado\\"}) {\\r\\n    archivo\\r\\n    enlace\\r\\n    estatus\\r\\n    id\\r\\n    nuevaPestana\\r\\n    texto\\r\\n    textoDelBoton\\r\\n    titulo\\r\\n    localizations {\\r\\n      archivo\\r\\n      enlace\\r\\n      enviadoRevision\\r\\n      estatus\\r\\n      id\\r\\n      nuevaPestana\\r\\n      texto\\r\\n      textoDelBoton\\r\\n      titulo\\r\\n    }\\r\\n  }\\r\\n}\\r\\n","variables":{}}',
        CURLOPT_HTTPHEADER => array(
          'Content-Type: application/json',
          'Cookie: __cfduid=da2693cdfd39b7377a8a05e305da45b8f1613001694'
        ),
      ));
   $responseactionCards = curl_exec($curl);
   $_SESSION['actionCardsmarco'] = $responseactionCards;
   curl_close($curl);
 }
 
 //echo $responseactionCards;
 $arrayactionCards = json_decode($responseactionCards, true);

 foreach ($arrayactionCards['data']['actionCardsMarcoNormativo'] as $item) {
    
    if($lang == 'en'){

        $boton ="";
        
        if (strpos($item['enlace'], 'https://') !== false) {
            $target = "_blank";
        }
        else{
            $target="_self";
        }
                            
        if(strlen($item['archivo'])>0){
            $icon = "fas fa-file-pdf";
            $boton = '<a target="_blank" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="'.$cloudfront.$item['archivo'].'" googl="true"><i class="descarga-icon '.$icon.'" aria-hidden="true" googl="true"></i> '.urldecode($item['textoDelBoton']).'</a>';
        }

        if(strlen($item['enlace'])>5){
            $icon = "fas fa-link";

            $boton = '<a target="'.$target.'" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="'.$item['enlace'].'" googl="true"><i class="descarga-icon '.$icon.'" aria-hidden="true" googl="true"></i> '.urldecode($item['textoDelBoton']).'</a>';
        }

        if($item['enlace']== "#formulario"){
            $boton = '<a data-toggle="modal" data-target="#FormularioCaracteristicasEsp" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" googl="true"><i class="descarga-icon fab fa-wpforms" aria-hidden="true"></i> '.urldecode($item['textoDelBoton']).'</a>';
            
        }

            
            echo '
                <div class="col-lg-4 comunicado-bg"  id="">
                <div class="innerbox">
                    <h5 class="text-blue my-3 ">'.urldecode($item['titulo']).'</h5>
                    '.urldecode($item['texto']).'
                    
                    '.$boton.'
                </div>
                
            </div>';
        
        
    }

    if($lang == 'es'){

        foreach ($item['localizations'] as $subitem) {
            $boton ="";

            if (strpos($subitem['enlace'], 'https://') !== false) {
                $target = "_blank";
            }
            else{
                $target="_self";
            }
                                
            if(strlen($subitem['archivo'])>0){
                $icon = "fas fa-file-pdf";
                $boton = '<a target="_blank" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="'.$cloudfront.$subitem['archivo'].'" googl="true"><i class="descarga-icon '.$icon.'" aria-hidden="true" googl="true"></i> '.urldecode($subitem['textoDelBoton']).'</a>';
            }
    
            if(strlen($subitem['enlace'])>5){
                $icon = "fas fa-link";
    
                $boton = '<a target="'.$target.'" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="'.$subitem['enlace'].'" googl="true"><i class="descarga-icon '.$icon.'" aria-hidden="true" googl="true"></i> '.urldecode($subitem['textoDelBoton']).'</a>';
            }
    
            if($subitem['enlace'] == "#formulario"){
                $boton = '<a data-toggle="modal" data-target="#FormularioCaracteristicasEsp" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" googl="true"><i class="descarga-icon fab fa-wpforms" aria-hidden="true"></i> '.urldecode($subitem['textoDelBoton']).'</a>';
            }

            
            echo '
                <div class="col-lg-4 comunicado-bg"  id="">
                <div class="innerbox">
                    <h5 class="text-blue my-3 ">'.urldecode($subitem['titulo']).'</h5>
                    '.urldecode($subitem['texto']).'
                    
                    '.$boton.'
                </div>
                
            </div>';
        }
        
    }


}
 ?>

                

                    </div>
                </div>
				</div>	  
					
					  
				  
			  </div>	  
			</div>
			
							
        </section>

             <div id="formcarac"></div>                   

		
    		<?php 
            
            include '../include/footer.php'; ?>
		<script>
            $(document).ready(function() {
                $("#formcarac").load('formulario.php');
                $('.accordion a').click(function(){
                    $(this).toggleClass('active');
                    $(this).next('.content').slideToggle(400);
                });
                

                <?php
                if(strlen($seccion)>2){
                    echo' 
                    
                    $("html, body").animate({
                            scrollTop: $("#'.$seccion.'").offset().top - 140
                    }, 1000);

                    setTimeout(() => {
                        $("#'.$seccion.' a").click();
                    }, 750);
                    
                    ';
                }
                ?>
            });


		</script>
    </body>
</html>
