*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: montserrat;
   }
   body {
       /*background: rgb(147, 221, 250);*/
       /*background-color: rgb(181, 233, 255);*/
       background-color: rgb(127, 217, 255);
   }
   #menu {
       color: aliceblue;
       flex-flow: row;
       /*margin: 10%; */
   }
   
   #menu ul li a:hover {
       color: #2a98f9;
   }
   
   #menu ul {
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;
       align-items: center;
       justify-content: flex-end;
       /* justify-content: space-between;*/
       width: 100%;
       height: 100%;
       font-weight: bold;
         list-style:none;
   }
   
   #menu ul li a {
       text-decoration: none;
       color: aliceblue;
       margin-right: 60px;
       font-size: 22px;
   }
   
   .btn {
       text-shadow: 3px 2px 0px rgb(30, 0, 128);
   }
   
   .logo-economic {
       background-color: #190eaf;
   }
   
   .logo-economic img {
       width: 75%;
       height: 75%;
       margin-left: 10%;
   }
   
   .articulo{
       width: 75%;
       justify-content: center;
       background: aliceblue;
       margin: 5em;
       margin-left: auto;
       margin-right: auto;
       border-radius: 5px;
   
   }
   .imagen-1{
    text-align: center;
   }
   .imagen-1 img{
    width: 12em;
    height: 10em;

   }
   .titulo{
       /*width: 100%;*/
       /*background-color: rgb(49, 108, 255);
       margin: 1.5em;
       border-radius: 6px;
     height: 300px; /* Altura de tu contenedor */
     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(58, 58, 58)), url('/ia-img/ia-2.png');
     background-size: cover; /* Ajusta el tamaño de la imagen de fondo */
     background-position: center; /* Centra la imagen de fondo */
     margin: 1.5em;
     justify-content: center;
     border-radius: 6px;
   }
   
   .titulo h1{
       color: whitesmoke;
       padding: .6em;
       font-weight: 700;
       font-size: 3.2em;
       /*line-height: 6.5em;*/
   }
  
  
   /*.imagen img{
       width: 100%;
       height: 18em;
   }
   */
   .sub{
       margin: 1em;
       text-align: center;
   }
   .subtitulo{
       margin: 1.5em;
   }
   .subtitulo h2{
       padding: .6em;
       font-weight: 550;
       text-align: center;
       font-size: 2.2em;
       color: rgb(54, 54, 54); 
   }
 
   p{
       margin: 1.5em;
       padding:.5em ;
   }
   span{
    font-weight: 600;
   }
   h3{
    /*position: relative;
    top: 95px;*/
    margin: 1.5em;
    padding: .5em;
   }
   h6{
    font-size: 10px;
    /*margin-left: 30%;*/
   }
   .firma h6{
    font-size: 10px;
    margin-left: 30%;
   }
   .firma p{
    font-size: 10px;
    margin-left: 30%;
    padding: 0px;
    position: relative;
    top: -15px;
    font-style: italic;
   }
   hr{
    text-align: center;
    margin-inline: 8%;
   }
   .imagen{
    text-align: center;
   }
   .imagen img{
    width: 27em;
    height: 20em;
    border-radius: 6px;
   }
   .sub-3{
    text-align: center;
    margin: 1.5em;
    font-weight: 500;
    font-size: 1.3em;
   }
   @media (max-width:400px){
    .articulo{
        width: 90%;
    }
    .titulo h1{
        color: whitesmoke;
        padding: .5em;
        font-weight: 700;
        font-size: 2.3em;
   }
   .subtitulo h2{
    padding: .5em;
    font-weight: 550;
    text-align: center;
    font-size: 1.2em;
    color: rgb(43, 41, 41); 
   }
   p{
    font-size: .87em;
   }
   .imagen img{
    width: 70%;
    height: 50%;
    border-radius: 6px;
   }
   .imagen img{
    width: 15em;
    height: 10em;
    border-radius: 6px;
   }
   }
   /*----------------------------------- MENU DESPLEGABLE ------------------------------*/
   @import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
   
   header {
       font-size: 75px;
       text-align: center;
       color: #2486df;
   }
   
   .logo {
       text-align: center;
   }
   
   .logo img {
       width: 525px;
       height: 350px;
       margin: 1em;
   }
   
   
   
   .wrapper {
       position: fixed;
       top: 0;
       left: 0;
       height: 100%;
       width: 100%;
       background: linear-gradient(-135deg, #6ce9ff, #2a2af9);
       /*background: linear-gradient(-135deg, #6ce9ff, #2a2af9);
      /* background: linear-gradient(-135deg, #c850c0, #4158d0);*/
       /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
       /* clip-path: circle(25px at calc(0% + 45px) 45px); */
       clip-path: circle(25px at calc(100% - 45px) 45px);
       transition: all 0.3s ease-in-out;
   }
   
   /*------------------ ACCIONES AL ACTIVAR EL BOTON DE MENU DE NAVEGACIÓN --------------*/
   #active:checked~.wrapper {
       clip-path: circle(75%);
   }
   
   #active:checked~.gif img {
       /* LA CURVITA ES COMO UN IF, CONDICIONAL DE ACCION*/
       visibility: hidden;
   }
   
   #active:checked~.grid2 {
       /* LA CURVITA ES COMO UN IF, CONDICIONAL DE ACCION*/
       visibility: hidden !important;
   }
   
   #active:checked~.boxbox {
       visibility: hidden !important;
   }
   
   #active:checked~.logoeconomic {
       /* LA CURVITA ES COMO UN IF, CONDICIONAL DE ACCION*/
       visibility: hidden !important;
   }
   
   /* 
    #active:checked~ .compromiso{ //LA CURVITA ES COMO UN IF, CONDICIONAL DE ACCION
      visibility: hidden !important;
    }
    #active:checked~ .ciudad{ //LA CURVITA ES COMO UN IF, CONDICIONAL DE ACCION
      visibility: hidden !important;
    }
    */
   .menu-btn {
       /*BOTON */
       position: fixed;
       /*QUE SE SIGA AVANZANDO CON LA PANTALLA*/
       z-index: 2;
       right: 20px;
       /* left: 20px; */
       top: 20px;
       height: 50px;
       width: 50px;
       text-align: center;
       line-height: 50px;
       border-radius: 50%;
       font-size: 20px;
       color: #fff;
       cursor: pointer;
       background: linear-gradient(-135deg, #190eaf, #2a98f9);
       /*background: linear-gradient(-135deg, #6ce9ff, #2a2af9);*/
       /* background: linear-gradient(-135deg, #c850c0, #4158d0);*/
       /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
       transition: all 0.3s ease-in-out;
   }
   
   #active:checked~.menu-btn {
       /* background: #fff;
      color: #4158d0;*/
       background: #55f;
       color: #13c737;
   }
   
   #active:checked~.menu-btn i:before {
       content: "\f00d";
   }
   
   .wrapper ul {
       /*display: flex;*/
       position: absolute;
       top: 50%;
       left: 25%;
       transform: translate(-50%, -50%);
       list-style: none;
       text-align: left;
       overflow: hidden;
   }
   
   .wrapper ul li {
       margin: 15px 0;
   }
   
   .wrapper ul li a {
       color: none;
       text-decoration: none;
       font-size: 60px;
       /*font-weight: 500;*/
       font-weight: bold;
       padding: 5px 30px;
       color: #fff;
       position: relative;
       line-height: 90px;
       /*ANCHO DE TEXTO MENU*/
       transition: all 0.3s ease;
       font-family: montserrat;
       overflow-y: hidden;
   }
   
   .wrapper ul li a:after {
       position: absolute;
       content: "";
       background: #fff;
       width: 100%;
       height: 85px;
       /*GROSOR DEL COLOR BLANCO*/
       left: 0;
       border-radius: 50px;
       transform: scaleY(0);
       z-index: -1;
       transition: transform 0.3s ease;
       overflow: hidden;
   }
   
   .wrapper ul li a:hover:after {
       transform: scaleY(1);
   }
   
   .wrapper ul li a:hover {
       color: #4158d0;
       font-family: montserrat;
       font-weight: bold;
   }
   
   input[type=checkbox] {
       display: none;
   }
   
   .content {
       position: absolute;
       top: 50%;
       left: 10%;
       transform: translate(-50%, -10%);
       z-index: -1;
       text-align: center;
       width: 100%;
       color: #202020;
   }
   
   .content .title {
       font-size: 40px;
       font-weight: 700;
   }
   
   .content p {
       font-size: 35px;
       font-weight: 600;
   }
   
   /* --------------------------------------------------------------------- */
   @media (max-width: 1220px) {
       @import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
   
       * {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
           font-family: montserrat;
       }
   
       .wrapper {
           position: fixed;
           top: 0;
           left: 0;
           height: 100%;
           width: 100%;
           background: linear-gradient(-135deg, #6ce9ff, #2a2af9);
           /*background: linear-gradient(-135deg, #6ce9ff, #2a2af9);
        /* background: linear-gradient(-135deg, #c850c0, #4158d0);*/
           /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
           /* clip-path: circle(25px at calc(0% + 45px) 45px); */
           clip-path: circle(25px at calc(100% - 45px) 45px);
           transition: all 0.3s ease-in-out;
       }
   
       /*------------------ ACCIONES AL ACTIVAR EL BOTON DE MENU DE NAVEGACIÓN --------------*/
       #active:checked~.wrapper {
           clip-path: circle(75%);
       }
   
       #active:checked~.gif img {
           /* LA CURVITA ES COMO UN IF, CONDICIONAL DE ACCION*/
           visibility: hidden !important;
       }
   
       #active:checked~.boxbox {
           visibility: hidden !important;
       }
   
       .menu-btn {
           /*BOTON */
           position: fixed;
           /*QUE SE SIGA AVANZANDO CON LA PANTALLA*/
           z-index: 2;
           right: 20px;
           /* left: 20px; */
           top: 20px;
           height: 50px;
           width: 50px;
           text-align: center;
           line-height: 50px;
           border-radius: 50%;
           font-size: 20px;
           color: #fff;
           cursor: pointer;
           background: linear-gradient(-135deg, #190eaf, #2a98f9);
           /*background: linear-gradient(-135deg, #6ce9ff, #2a2af9);*/
           /* background: linear-gradient(-135deg, #c850c0, #4158d0);*/
           /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
           transition: all 0.3s ease-in-out;
       }
   
       #active:checked~.menu-btn {
           /* background: #fff;
        color: #4158d0;*/
           background: #55f;
           color: #13c737;
       }
   
       #active:checked~.menu-btn i:before {
           content: "\f00d";
       }
   
       .wrapper ul {
           /*display: flex;*/
           position: absolute;
           top: 50%;
           left: 25%;
           transform: translate(-20%, -50%);
           list-style: none;
           text-align: left;
           overflow: hidden;
       }
   
       .wrapper ul li {
           margin: 15px 0;
       }
   
       .wrapper ul li a {
           color: none;
           text-decoration: none;
           font-size: 60px;
           /*font-weight: 500;*/
           font-weight: bold;
           padding: 5px 30px;
           color: #fff;
           position: relative;
           line-height: 90px;
           /*ANCHO DE TEXTO MENU*/
           transition: all 0.3s ease;
           font-family: montserrat;
           overflow-y: hidden;
       }
   
       .wrapper ul li a:after {
           position: absolute;
           content: "";
           background: #fff;
           width: 100%;
           height: 85px;
           /*GROSOR DEL COLOR BLANCO*/
           left: 0;
           border-radius: 50px;
           transform: scaleY(0);
           z-index: -1;
           transition: transform 0.3s ease;
           overflow: hidden;
       }
   
       .wrapper ul li a:hover:after {
           transform: scaleY(1);
       }
   
       .wrapper ul li a:hover {
           /* Cambio en el texto color   */
           color: #4154d0;
           font-family: montserrat;
           font-weight: bold;
       }
   
       input[type=checkbox] {
           display: none;
       }
   
       .content {
           position: absolute;
           top: 50%;
           left: 10%;
           transform: translate(-50%, -10%);
           z-index: -1;
           text-align: center;
           width: 100%;
           color: #202020;
       }
   
       .content .title {
           font-size: 40px;
           font-weight: 700;
       }
   
       .content p {
           font-size: 35px;
           font-weight: 600;
       }
   }
   
   @media (max-width: 910px) {
       .wrapper ul {
           /*display: flex;*/
           position: absolute;
           top: 50%;
           left: 25%;
           transform: translate(-10%, -50%);
           list-style: none;
           text-align: left;
           overflow: hidden;
       }
   
       .wrapper ul li a {
           color: none;
           text-decoration: none;
           font-size: 18px;
           /*font-weight: 500;*/
           font-weight: bold;
           padding: 5px 30px;
           color: #fff;
           position: relative;
           line-height: 90px;
           /*ANCHO DE TEXTO MENU*/
           transition: all 0.3s ease;
           font-family: montserrat;
           overflow-y: hidden;
       }
   }
   
   @media (max-width: 730px) {
       .wrapper ul {
           /*display: flex;*/
           position: absolute;
           top: 50%;
           left: 25%;
           transform: translate(-20%, -50%);
           list-style: none;
           text-align: left;
           overflow: hidden;
       }
   }
   
   @media (max-width: 715) {
       .wrapper ul {
           /*display: flex;*/
           position: absolute;
           top: 50%;
           left: 25%;
           transform: translate(0%, -50%);
           list-style: none;
           text-align: left;
           overflow: hidden;
       }
   }
   /*-------------------- footer ------------------------------------------------------------- */
   .footer {
       width: 100%;
       /*background-color: darkgreen;*/
       background-color: darkblue;
       margin-top: 25px;
   }
   
   .footer .grupo1 {
       width: 100%;
       max-width: 1200px;
       margin: auto;
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       grid-gap: 50px;
       padding: 10px 0px;
       /* border: 4px solid;*/
   }
   
   .footer .grupo1 .box figure {
       width: 100%;
       height: 100%;
       display: flex;
       justify-content: center;
       align-items: center;
       /*border: 3px solid green;*/
   
   }
   
   .footer .grupo1 .box figure img {
       width: 160%;
   }
   
   .footer .box h2 {
       font-size: 25px;
       font-family: montserrat;
       color: aliceblue;
       margin-top: 25px;
   }
   
   .footer .box h3 {
       font-size: 20px;
       font-family: montserrat;
       color: aliceblue;
       margin-top: 25px;
   }
   
   .footer .box h4 {
       font-size: 45px;
       font-family: montserrat;
       color: aliceblue;
       /* margin-top: 25px; */
       text-align: end;
       margin-left: -48%;
   }
   
   .footer .box p {
       font-size: 11px;
       font-family: montserrat;
       color: aliceblue;
       text-align: justify;
       margin-top: 25px;
   }
   
   .footer .box a {
       box-sizing: content-box;
       width: 200px;
       height: 200px;
       text-decoration: none;
   }
   
   .footer .grupo1 .num1 .texto2023 {
       text-align: justify;
   }
   
   .footer .grupo1 .num1 {
       margin-left: 10%;
   }
   
   .footer .grupo1 .num1 .politica {
       text-decoration: underline;
   }
   
   .logos {
       /*border: 4px solid;*/
       width: 350px;
       height: 150px;
       margin-top: 25px;
   }
   
   .minibox {
       width: 100px;
       float: left;
       /*poner elementos a la izquierda*/
       height: 100px;
   }
   
   .max {
       max-width: 80px;
       height: 80px;
   }
   
   @media screen and (max-width:800px) {
       .footer .grupo1 {
           width: 90%;
           grid-template-columns: repeat(1, 1fr);
           grid-gap: 30px;
           padding: 35px 0px;
           /* border: 4px solid;*/
       }
   
       .footer .grupo1 .box figure img {
           width: 100%;
   
       }
   
       .footer .box p {
           font-size: 11px;
           font-family: montserrat;
           color: aliceblue;
           text-align: left;
       }
   
       .footer .box h4 {
           font-size: 63px;
           font-family: montserrat;
           color: aliceblue;
           /* margin-top: 25px; */
           text-align: end;
           margin-left: -92%;
       }
   }
   
   @media (max-width:550px) {
       .footer .box h4 {
           font-size: 45px;
           font-family: montserrat;
           color: aliceblue;
           /* margin-top: 25px; */
           text-align: end;
           margin-left: -92%;
       }
   }