*{
    
    
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
}
span.color-rojo{
    color: red ;
}
.str{
    display: flex;
    align-items: baseline;
}
.globalbconten .contentpage3 p.str{
    color: red ;
}
.infx{
    color: grey;
}
html,
body{
width:100%;
overflow-x:hidden;
}
/* Elimina las flechas en Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.header .bloque1 .links1 .div1 a.ico1{

    display: flex;
        align-items: center;
        color: black;
}

/* Elimina las flechas en Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
header .bloque1 nav .links1 .translate a p {
     text-decoration: none; 
     color: #000000;
}
footer div a{
    text-decoration: none; 
     color: #000000;
}

.ico1 img {
    margin-top: 8px;
    height: 45px;
    width: auto;
    position: absolute;
    
}
.ico2 img {
    height: 25px;
    width: auto;
    position: absolute;
    margin: 0px 20px;
    padding: 0px ;
}
.ico2{
    
    margin: 5px 40px;
    padding: 0px;
}
.header .bloque1 .links1 div .pn{
    
    font-size:14px;

}

.header{
    display: block;
    
}
.header .Logo img {

    height: 100px;
    width: auto;

}

.header .bloque1  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0px;
    margin-right: 20px ;
}
.header .bloque1 .links1 div{
display: inline-block;

 }
 .header .bloque1 .links1 div p{
    padding-right: 70px ;
    margin-left: 50px;
    font-size: 20px;
    z-index: 1000;
    
 }

.header .bloque1 .nav {
    display: flexbox;
    
}
.header  ul.links1{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    max-width: fit-content
}

.header{
    display: flexbox;
    padding: 5px 50px ;
    margin: 10px auto ;
}
div.texto{
    display: flex;
    align-items: flex-end;
    font: message-box;
    
}

.globalbconten{
    display: flexbox;
    padding: 5px 50px ;
    margin: 10px auto ;
}
.globalbconten2{
    display: flexbox;
    padding: 5px 50px ;
    margin: 10px auto ;
}

.header .bloque2 .links2 {
    list-style: none;
    display: flex;
   justify-content: space-between;
   align-items: center;
   
   margin: 0px 100px;
   padding-top: 0px;
   height: 35px;
   
}

.globalbconten .targe .contentpage2 h2{
    margin-bottom: 8px;
}

.globalbconten .targe .imgpg2 img{
    width: 290px;
    height: 200px;
    object-fit: cover;
}

.globalbconten .targe {
    
    justify-content: center;
    align-items: center;
}


     .header .bloque2 .links2 a{
        text-decoration: none;
        color: black;
        
        
        
     }

     .bloque2{
        background-color: #218ee8 ;
        padding: 0px 0px;
       
        
     }
    .contentpage1{

        margin-top: 50px;
    }

     .stylepage1{
        background-color: #f7d01c;
        border-radius: 25px ;
        padding: 20px;
     }

     .globalbconten .stylepage1 p{
        text-align: justify;
     }

     .targe{
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
     }
     .targe p{
        display: block;
        justify-content:center;
        font-size: 15px;
     }

    .targe .imgpg2 img{
    height: 180px;
    width: auto;
    border-radius: 20px;
    margin-right: 20px;
    }

    .header .bloque2 .links2 .toggle_btn{
        cursor: pointer;
        display: none;
    }

    .contentpage2{
        display: inline-table;
        background-color: #f7d01c ;
        width: 530px;
        height: 180px;
        border-radius: 20px;
        padding: 25px;
        border: 50px;
        margin-left: auto;
        text-align: justify;
    }
    .contentpage2-1{
        display: inline-table;
        background-color: #f7d01c ;
        width: auto;
        height: 180px;
        border-radius: 20px;
        padding: 25px;
        border: 50px;
        margin-left: auto;
        text-align: justify;
    }

    .section{
        background-color: #f7d01c;
        width: 600px;
        height: 580px;
        padding: 20px 20px ;
        margin: 20px 0px 0px 0px ;
        border-radius: 20px;
    }

    .sectionCo{
        background-color: #f7d01c;
        width: 1150px;
        height: auto;
        padding: 20px 20px ;
        margin: 10px 50px ;
        border-radius: 20px;
        inline-size: auto;
        
    }
.globalbconten .sectionCo .forseccion{

    display: grid;
    grid-template-columns: 100px 50px ;
    padding: 0px 0px;
    justify-items: start;
    justify-content: start;
    row-gap: 30px;
    column-gap: 500px ;
    padding: 0px 20px;
    inline-size: auto;
    
}

.globalbconten .sectionCo .forseccion input{
    width: 350px;
    box-sizing: border-box;
    
}






  .sectionCo2{
    display: flex;
    margin: 20px;
    inline-size:auto;
    flex-wrap: wrap;
  }
  
  .gender{
    margin-right: 30px;
    padding: 0px;
    display: flex;
    align-items: baseline;

  }
  .dtfecha input{
    width: 300px;
  }

  .Datot{
    display: flex;
    column-gap:0%;
    justify-content: space-around;
    margin: 0px 100px 0px 0px;
    
  }
  .Datot1{
    display: flex;
    justify-content: space-between;
    
  }
  .Datot2{
    display: flex;
    justify-content: space-between;
    margin-right: 190px;
  }
    .opc{
        display: flex;
        align-items: flex-end;
        
    }
    

    
    .opc .text1{
        width: 600px;
        margin-right: 100px ;
    }

    .opc .text2{
        width: 60px;
        margin-right: 50px ;
    }
    .opc3s{
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    .subf{
        display: flex;
    }
    .Datot3{
        display: flex;
        justify-content: space-between;
        margin: 0px 110px 0px 10px
     }

     .opc3{
        display: flex;
        justify-content: space-between;
        align-items: baseline;
     }

     .opc4{
        width: 100%;
     }

     .infcoti{
        width: 100%;
        height: 100px;
     }

    .titlepg3{
        font-size: xx-large;
        margin-left: auto;
        
    }
    .titleformulario{
        margin-left: auto;
        font-size: x-large;
    }

    .section input{
        width:  550px;
        height: 25px;
        
    }
    h3{
        margin-top: 15px;
    }

    .section .cuadrodtexto{
        width: 550px;
        height: 100px;
    }

    .section .enviar{
        width: 100px;
        height: 25px;
    }
    .inf{
        color: #218ee8;
        display: flex;
        margin-top: 40px;
        
    }
    div .inf .imgpg3 {
        height: 50px;
        width:  50px;
    }

    div .inf p{
        margin-top: 15px;
    }

    .contentpage3{
        display: flex;
    
    }

    .globalbconten .contentpage3{
        display: flex;
        
    }
    .titlepg3  {
        
        display: flex;
        justify-content: center;
        margin-left: 60px;
    }
   .seccion2{
    
    margin-left: 50px;
    margin-top: 40px;
    }

   .seccionpg3{
    background-color: #f7d01c ;
    display: block;
    justify-content: center;
    margin-top: 60px;
    height: 350px;
    width: 350px;
    padding:10px ;
    font-size: 5px;
    border-radius: 20px ;
 }
     

   .seccionpg3 div{
        display:flex;
        justify-content: space-between;
        font-size: 10px;
        margin-top: 15px;
   }

   .stylepage4{
    margin-top: 10PX;
    background-color: #f7d01c;
    height: auto;
    width: auto;
    font-size:18px;
    text-align: justify;
    border-radius: 20px;
    padding: 20px;
    line-height: 1.6;
   }

   .menu {
    display: none;
    position: absolute;
    right:10rem;
    width: 300px;
    height: 0px;
    margin-top: 2px;
    background: #218ee8;
    
    border-radius: 10px;
    overflow: hidden;
    list-style-type: none;
    transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

    .menu.open{
        height: 100px;
        width: 150px ;
        display: block;
        position:absolute;
        z-index: 1000;
        right: 50px;
        
        
        
    }

   .menu a{
    text-decoration: none;
    color: black;
   }

   .menu li{
    display: flex;
    align-items: center;
    justify-content: center;
   }

   .links1{
    width: 550px;
    margin-right: 100px;
   }
   

   .header .bloque2 .links2 a.N1{
    background-color: white;
    height: 37px;
    display: block;
    place-content:center;
    font-weight: bolder;
   }

   .globalbconten .mp{
    margin-top: 60px;
    
    
    text-align: center;
    
   }
   .mp h2{
    font-size: x-large;
   }
   
   
   .globalbconten .pagos {
    display: flex;
    background-color: rgb(240, 240, 240);
    justify-content: center;
    width: auto;
    border-radius: 8px;
    margin-left: auto;
    margin-top: 20px;
   
    
   }
   .modos{
    display: flex;
    margin: 10px;
    
   }


   .pagos .modos img{
    width: 110px;
    height: 100px;

   }
   .globalbconten .pagos .modos1 img{
    width: 140px;
    
}

   footer div{
    display: flex;
    justify-content: center;
    margin: 15px;
   }


  ul{
    padding-left: 0;
    list-style: none;
}
a{
    text-decoration: none;
    padding: 0px;
}
.contentpage2-1 a{
    font-size: 18px;
}

.bloque1 .links1 .translate{
    display: block;
    position:absolute;
    margin-top: 30px;   
}
.links1 .idioma{
    display: flex;
    width: 25px; 
    padding: 0px;
}
 .header .bloque1 .links1 .translate .idioma p{
    padding: 0px;

}

/* Lista de idiomas */
.idiomas{
    display: block;
    position: absolute;
    bottom: -55px;
    left: 75px;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    background-color: #218ee8;
    border-radius: 10px;
    
}

 .idiomas li{
    width: 100%;
}
 .idiomas li a{
    text-decoration: none;
    display: block;
    padding: 10px;
    font-size: 10px;
    color: rgb(85, 85, 85);
}
 .idiomas li a:hover{
    background-color: rgb(219, 219, 219);
}


/* toogle - js */
.toggle{
    visibility: visible;
}
.enviar2{
    display: flex;
    background: #218ee8;
    color:#fff;
    border:none;
    border-radius: 10px;
    margin-top: 10px;
    padding:5px;
    justify-content: center;
    cursor:pointer;
    width: 90px;
    font-size: 16px;
    
  }

.enviar{
    background: #218ee8;
    color:#fff;
    border:none;
    border-radius: 10px;
    
    height:0px;
    left: 38%;
    padding:0px;
    cursor:pointer;
    
    font-size: 16px;
    
  }
  .enviar:hover{
    background:#fff;
    color:#218ee8;
  }
  .butonserver{
    font-size: 16px;
    background: #218ee8;
    color:#fff;
    border:none;
    border-radius: 10px;
    cursor: pointer;
    padding: 6px;
    display: flex;
    margin-top: 30px;
    margin-left: 320px;
  }
  
  

  .imgpg3{
    color: #218ee8;
  }


  .globalbconten .whats img{
    width: 100px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding: 10px 15px;
    
    text-decoration: none;
    border-radius: 50px;
  }


  
form > div > span + input:not([type=file]){
    flex: 1;
    padding: 5px 10px;
    border-radius: 4px;
}

form > div > span + input[type=file]{
    padding: 5px 0;
}

form > input[type=submit]{
    display: inline-block;
    margin-left: 105px;
}

.fancy-file{
    display: none;
}
.fancy-file + label{
    display: flex;
    flex: 1;
}
.fancy-file__fancy-file-name,
.fancy-file__fancy-file-button{
    padding: 5px 10px;
}

.fancy-file__fancy-file-name{
    display: none;
    background: #EEE;
    border: 1px solid #CACACA;
    flex: 1;
    border-radius: 4px 0 0 4px;
}

.fancy-file__fancy-file-name span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 0px;
    display: none;
}

.fancy-file__fancy-file-button{
    background: #218ee8 url(./folder.png) 4px center/25px no-repeat;
    border: 1px solid #218ee8;
    color: rgb(11, 10, 10);
    white-space: nowrap;
    border-radius: 8px;
    padding-left: 40px;
    cursor: pointer;
    width: 150px;
    display: none;
}

.up{
    background: #218ee8 url(./folder.png) 4px center/25px no-repeat;
    border: 1px solid #218ee8;
    color: rgb(11, 10, 10);
    white-space: nowrap;
    border-radius: 8px;
    padding: 5px;
    cursor: pointer;
    width: 150px;
}
.globalbconten .sectionCo .textarea{
    
    width: 97%;
    height: 100px;
}
.submit-btn{
    background: #218ee8;
    color:#000000;
    border:none;
    border-radius: 10px;
    
    left: 38%;
    padding:8px;
    cursor:pointer;
    font-size: 16px;
    margin-top: 15px;
    margin-left: 90%;
}
.textinput{
    width: 100%;
}

.globalbconten2 .contentpage2-1 a{
    text-decoration: none;
    color: #000000;
}
.globalbconten2 .contentpage2-1{
    line-height: 1.5;
}

  @media (max-width: 1728px) {
    body {
        max-width: 1440px; /* Ajustar el ancho máximo de la página */
        margin-left: 100px;
    }

    h1 {
        font-size: 22px; /* Ajustar el tamaño de letra del título */
    }

    p {
        font-size: 15px; /* Ajustar el tamaño de letra de los párrafos */
    }
    .globalbconten2 .contentpage2-1 a{
        font-size: 15px;
    }
    .sectionCo{
        background-color: #f7d01c;
        width: 1150px;
        height: auto;
        padding: 20px 20px ;
        margin: 10px 50px ;
        border-radius: 20px;
        inline-size: auto;
        
    }
}

@media (max-width: 1400px) {
    body {
        max-width: 100%; /* Restablecer el ancho máximo de la página al 100% */
        margin-left: auto;
    }

    h1 {
        font-size: 20px; /* Restablecer el tamaño de letra del título */
    }

    p {
        font-size: 18px; /* Restablecer el tamaño de letra de los párrafos */
    }
    .globalbconten2 .contentpage2-1 a{
        font-size: 18px;
    }
    .sectionCo{
        background-color: #f7d01c;
        width: 1150px;
        height: auto;
        padding: 20px 20px ;
        margin: 10px 50px ;
        border-radius: 20px;
        inline-size: auto;
        
    }
}

@media (max-width: 1280px) {
    body {
        max-width: 100%; /* Restablecer el ancho máximo de la página al 100% */
        margin-left: auto;
        margin: auto;
    }

    h1 {
        font-size: 20px; /* Restablecer el tamaño de letra del título */
    }

    p {
        font-size: 14px; /* Restablecer el tamaño de letra de los párrafos */
    }
    footer a{
        font-size: 15px;
    }
    .globalbconten2 .contentpage2-1 a{
        font-size: 14px;
    }
}

   @media screen and (max-width: 1200px) {
    
    

     .globalbconten .contentpage3 .section{
        width: 500px;
     }

     .globalbconten .contentpage3 .section input{
        width: 450px;
     }
     .enviar{
        left: 0px;
     }

     .targe sp{
        justify-content:center;
        font-size: 13px;
     }
     .section .cuadrodtexto{
        width: 450px;
        height: 100px;
    }
    .globalbconten .sectionCo .forseccion{
        column-gap: 400px ;
    }
    .globalbconten .sectionCo .forseccion input{
        width: 300px;
    }
    
     .sectionCo2{
        display: flex;
        flex-direction: column;


      }

 
      .opc .text1{
        width: 450px;
        margin-right: 60px ;
    }
    .Datot{
        column-gap: 15%;
        margin: 0px 120px 0px 0px;
    }

    .opc .text2{
        width: 50px;
        margin-right: 30px ;
    }

    .sectionCo{
        background-color: #f7d01c;
        width: 1150px;
        height: auto;
        padding: 20px 20px ;
        margin: 10px 50px ;
        border-radius: 20px;
        inline-size: auto;
        
    }

.globalbconten2 .contentpage2-1 a{
        font-size: 14px;
    }
   }

   @media screen and (max-width: 1085px) {
    
    .targe .sp{
        
        font-size: 13px;
     }
    

    .header{
        
        padding: 0px 30px ;
        margin: 5px 25px ;
    }
   

    .header .bloque2 .links2 {
        
       
       margin: 0px 15px;
    }

    

    .header .bloque2 .links2 a {
        
       font-size: 20px;
        
     }

     .globalbconten{
        display: flexbox;
        padding: 0px 30px ;
        margin: 5px 25px ;
    }
     
    .globalbconten .contentpage3 .section{
        width: 400px;
     }

     .globalbconten .contentpage3 .section input{
        width: 350px;
     }
     .section .cuadrodtexto{
        width: 350px;
        height: 100px;
    }

    .globalbconten .contentpage3 .seccion2{
        margin: 10px;
     }
     
     .globalbconten .sectionCo .forseccion{

        display: grid;
        grid-template-columns: 100px 50px ;
        padding: 0px 0px;
        justify-items: start;
        justify-content: start;
        row-gap: 30px;
        column-gap: 300px ;
        padding: 0px;
        
    }
    
    .globalbconten2 .contentpage2-1 a{
        font-size: 14px;
    }
    .Datot{
        column-gap: 15%;
        
    }

    div.texto{
        display: block;
        
    }
    
   }

   @media screen and (max-width: 950px){

    .globalbconten .sectionCo .forseccion{

        display: block;
        
    }
    .globalbconten .sectionCo .forseccion input{

        width: 100%;
        
        
    }
    .globalbconten2 .contentpage2-1 a{
        font-size: 15px;
    }
    footer a{
        font-size: 15px;
    }
    .opc{
        display: block;
    }
    .opc .text1{
        width: 100%;
        margin-right: 60px ;
    }
    .Datot{
        column-gap: 10%;
    }

    .opc .text2{
        width: 50px;
        margin-right: 30px ;
    }
    .opc3s{
        display: flex;
        justify-content: flex-start;
    }

    .sectionCo{
        background-color: #f7d01c;
        width: 1150px;
        height: auto;
        padding: 20px 20px ;
        margin: 10px 50px ;
        border-radius: 20px;
        inline-size: auto;
        
    }

    .subf{
        display: flex;
    }

    .globalbconten2 .contentpage2-1 a{
        font-size: 14px;
    }
    

   }


   @media screen and (max-width: 850px) {

    .ico1 img {
       width: 30px;
       height: 30px;
       
    }
    .bloque1 nav .links1 .div1 p {
        font-size: 15px;
        
    }

     .ico2  {
        width: 20px;
        height: 20px;
        
     }
     .bloque1 nav .links1 .div2 p {
         font-size: 15px;
         
     }
     .bloque1 nav .links1 .div1 p{
        padding: 0px;
     }

     .bloque1 nav .links1 .div2 p{
        padding: 0px;
     }
    .globalbconten .contentpage3{
        display: block;    }
        
        .butonserver{
            margin-left: 200px;
        }

        .submit-btn{
  
            margin-left: 85%;
        }
        
   }

   @media screen and (max-width: 780px){
   .targe .sp{
        
    font-size: 11px;
 }
  }
  @media screen and (max-width: 650px){
    .targe .sp{
         
     font-size: 10px;
  }

  .globalbconten .stylepage1 p,h2{
    text-align:center;
 }
 .contentpage2{
    text-align: center;
 }
 .butonserver{
    margin-left: 140px;
}
 
   }

   @media screen and (max-width: 630px){
    body{
        width: 100%;
    }

    .ico2 img {
       height: 0px;
       width: 0px;
        
     }
     .ico2 p {
        display: none;
      }
      p.pn{
        display: none;
      }
     .bloque1 nav .links1 .div1 p{
        margin-top: 5px;
        font-size: 12px;

     }
     .targe .sp{
         
        font-size: 10px;
     }
     
   }

   @media screen and (max-width: 725px) {
    .globalbconten .targe {
        display: flex;
        width: 200px;
        flex-direction: column;
        flex-wrap: wrap;   
        
    }

    .header .bloque2 .links2 a{
        display: none;
    }
    .header .bloque2 .links2{
        display: flex;
        margin-right: 50px;
    
    }
    .header .bloque2 .links2 a.N1{
        display: none;
        
       }
    .header .bloque2{
        width: 110%;
    }
    .header .bloque1{
        width: 100%;
    }
    .header .bloque2 .links2 .toggle_btn {
        display:flex;
        justify-content:space-between;
        
    }
    
    .globalbconten{
        width: 100%;
        margin: 0px;
    }
    .header{
        margin: 0px;
        width: 94%;
    }

    .targe{
        display: block;
        width: 200px;
        
    }
    .targe .imgpg2 img {
        width: 440px;
        height: 200px;
        margin-left: 120px;
    }
    .targe .contentpage2{
        width: 440px;
        height: 200px;
        margin-left: 120px;
        font-size: 16px;
    }
    .targe .contentpage2 p{
       
        font-size: 16px;
    }

    .header .bloque2 .links2 .menu{
        
        display: flex;
    }
.globalbconten .contentpage3 .section{
    width: 370px;
}
.globalbconten .contentpage3 .section input{
    width: 320px;
    
}

.section .cuadrodtexto{
    width: 320px;
    height: 100px;
}
.menu.open{
    right: 80px;
}
.dtfecha input{
    width: 100%;
  }
  .sectionCo{
    background-color: #f7d01c;
    width: 1150px;
    height: auto;
    padding: 20px 20px ;
    margin: 10px 0px ;
    border-radius: 20px;
    inline-size: auto;
    
}
.Datot h3{
    font-size: 14px;
}

.Datot3{
    display: flex;
    justify-content: space-between;
    flex-flow: column-reverse;
    align-items: flex-start;
    
 }



   }
   @media screen and (max-width: 650px) {

    .header .bloque1  .links1 .div2 .pn {
        font-size: 12px;
    }

    .ico2 {
        margin: 0px;
    }

    .menu.open{
        right: 80px;
    }

    .targe .contentpage2{
        width: 340px;
        height: 200px;
        margin-left: 20px;
        font-size: 16px;
    }

    .targe .imgpg2 img {
        width: 340px;
        height: 200px;
        margin-left: 20px;
    }
    .globalbconten .targe {
        padding-left:75px ;
    }
   

    }
    @media screen and (max-width: 550px) {
        
        .globalbconten .titlepg3 {
            margin: 0px;
        }
        .menu.open{
            right: 80px;
            
        }
        
        .globalbconten .pagos{
            background-color: white;
            display: inline-block;
            
        }
        .globalbconten .pagos .modos1 img{
            width: 130px;
        }
        footer div{
            
            margin: 30px;
            
        }
        footer div p,.enlace{
            font-size: 14px;
        }
        .globalbconten .targe {
            padding-left:40px ;
        }
        .Datot h3{
            font-size: 13px;
        }
        
        .submit-btn{
  
            margin-left: 78%;
        }

     }
   
     
    @media screen and (max-width: 450px) {

        
        .header .bloque1 .links1{
            width: 110%;
            padding: 0;
        }
        .bloque1 .links1 .translate {
            margin: 0;
            position: sticky;
            left: 240px;
            z-index: 1000;
        }
        .header .bloque1 {
            padding: 0px 20px;
        }
        .section .cuadrodtexto{
            width: 320px;
            height: 100px;
        }
        
        .header .bloque1 .links1 {
            
            padding: 0px;
            width: 150px;
            display:block;
            position: sticky;
            right: 40px;
        }
        .header .bloque2{
            width: 110%;
        }
        .globalbconten{
            width: 100%;
        }
        .targe .contentpage2{
            width: 290px;
            height: 200px;
            margin-left: 10px;
            font-size: 16px;
        }
        .targe h2{
            font-size: 16px;
        }

        .targe .contentpage2 .sp{
            
            font-size: 11px;
        }
    
        .targe .imgpg2 img {
            width: 290px;
            height: 200px;
            margin-left: 10px;
        }
        .globalbconten .stylepage4  {
            font-size: 13px;
            
        }
        .menu.open{
            right: 100px;
        }
        .globalbconten .contentpage3 .section{
            width: 100%;
        }
        .globalbconten .contentpage3 .section input{
            width: 100%;
        }

        .globalbconten .targe {
            padding-left:40px ;
        }
        .globalbconten .whats img{
            padding: 5px 10px;
            bottom: 20px;
            right: 20px;
          }
          .sectionCo{
            background-color: #f7d01c;
            width: 1150px;
            height: auto;
            padding: 20px 20px ;
            margin: 10px 0px ;
            border-radius: 20px;
            inline-size: auto;
            
        }

       

         }
         @media screen and (max-width: 430px){
            
            .globalbconten .targe {
                padding-left:40px ;
            }
            .sectionCo{
                background-color: #f7d01c;
                width: 1150px;
                height: auto;
                padding: 20px 20px ;
                margin: 10px 0px ;
                border-radius: 20px;
                inline-size: auto;
                
            }
            .butonserver{
                margin-left: 120px;
            }
                .Datot {
                   column-gap: 10%;
                   justify-content: normal;
                  }
         }

         @media screen and (max-width: 420px) {
            .globalbconten .seccion2  .seccionpg3 {
           
                width: 320px;
            }
            .globalbconten .titlepg3 {
                margin: 0px;
            }
            .globalbconten{
                margin: 0px;
            }
            .header{
                margin: 0px;
            }
            .globalbconten .targe {
                padding-left:0px ;
            }
           
         }
         @media screen and (max-width: 410px) {
            .section .cuadrodtexto{
                width: 290px;
                height: 100px;
            }
         }
         @media screen and (max-width: 385px) {
            .globalbconten .seccion2  .seccionpg3 {
           
                width: 300px;
                
            }
            .globalbconten .seccion2  .seccionpg3 p {
           
                font-size: 19px;
            }
            
            .section .cuadrodtexto{
                width: 290px;
                height: 100px;
            }
            .section .cuadrodtexto{
                width: 290px;
                height: 100px;
            }
         }
        @media screen and (max-width: 375px){
            

            .header{
                margin: 0;
                padding: 0px;
                width: 100%;
            }
        
            .bloque1 .links1 .translate {
                margin: 0;
                position: sticky;
                left: 240px;
                z-index: 2000;
            }
            .globalbconten{
                margin: 10px 0px;
                padding: 0;
                display: inline-block;
                position:sticky;
                margin-left: 5px;
            }
            .globalbconten .contentpage1{
                margin: 0;
            }
            
            
            .header .bloque1 {
                padding: 0px 20px;
            }

            
            .header .bloque1 .links1 {
                
                padding: 0px;
                width: 150px;
                display:block;
                position: sticky;
                right: 40px;
            }
            .header .bloque2 .links2{
                
                padding: 0px;
                margin: 0px;
                width: 20px;
                margin-right: 0px;
               
        }

        .header .bloque2 .links2 p{
            margin-left: 170px;
        }
        .menu.open{
            right: 70px;
        }
        .header .bloque2{
            margin-left: 20px;
            width: 90%;
            display: inline-block;
            justify-self: center;
            align-items: center;
            
            
        }
        .globalbconten .stylepage1{
            width: 320px;
            margin-left: 20px;
        }
        .section .cuadrodtexto{
            width: 270px;
            height: 100px;
        }
        .globalbconten .targe{
            margin-left: 20px;
        }
        .globalbconten .contentpage3 .section{
            margin-left: 20px;
            width: 310px;
        }
        .globalbconten .contentpage3 .section input{
            width: 100%;
        }
        .globalbconten .titlepg3{
           padding-right: 150px;
        }
        .globalbconten .contentpage3 .seccion2{
            margin: 20px;
        }
        .globalbconten .seccion2  .seccionpg3 {
           
            width: 320px;
        }
        .globalbconten .stylepage4{
            width: 320px;
            margin-left: 13px;
        }

        .globalbconten .titlepg3{
            margin-left: 100px;
            display: inline-block;
        
            align-items: center;
        }
        .sectionCo{
            background-color: #f7d01c;
            width: 1150px;
            height: auto;
            padding: 20px 20px ;
            margin: 10px 15px ;
            border-radius: 20px;
            inline-size: auto;
            
        }
       
        }



        @media screen and (max-width: 322px){

            .header{
                margin: 0;
                padding: 5px;
            }
            .links1 {
                margin: auto;

                
            }
            .bloque1 .links1 .translate {
                margin: 0;
                position: sticky;
                left: 240px;
                z-index: 1000;
            }
            .globalbconten{
                margin: 0;
                padding: 0;
                display: inline-block;
                position:sticky;
                margin-left: 5px;
            }
            .header .bloque2 .links2 p{
                margin-left: 30px;
            }

            .header .bloque1 .links1 {
                margin: 0px;
                padding: 0px;
                width: 150px;
            }
            .header .bloque2 .links2{
                
                padding: 0px;
                margin: 0px;
                width: 20px;
        }
        .header .bloque2{
            
            width: 315px;
            display: flex;
            justify-content: center;
        }
        .globalbconten .stylepage1{
            width: 310px;
        }
        .globalbconten .titlepg3{
            margin-left: 100px;
        }

        }