*{
                margin: 0;
                padding: 0;
                box-sizing: border-box;
           }

            body{
                height: 150vh;
            }

            section{                
              position: relative;
                width: 100%;
                height: 50vh;
                background: url(../img/metal02.png);
                background-size: cover;
                background-position: center center;
                background-attachment: fixed;
                display: flex;
                display: inline-flex;
                background-blend-mode: multiply;                                   
            }
            
            h1{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fe5757;
                font-size: 3em;
                font-weight: 800;
                letter-spacing: 2px;
                
            }

            .containerzero{
                margin-top: 40px;
                padding-top: 50px;  
            }

            .con01{
              color: #022e49;
              font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              font-size: 35px;
            }

              .con02{
              color: #022e49;
              font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              font-size: 17px;
              margin-top: 20px;
              text-align: justify;
            }
       
           .containerzero01{
            margin-top: 50px;
           }

          .container001{
            margin-top: 60px;
          }

          .viuno{
            color: #022e49;
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            font-size: 25px;      
          }

          .vidos{
           color: #022e49;
           font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            text-align: justify;
            font-size: 15px;
          }


           .container002{
            margin-top: 60px;
          }

          .corro01{
              border-radius: 5%;
              width: 510px;
              height: 310px;
          }

          .tex01{
            color: #E6fbfe;
            background-color: #022e49;
          }
 
           .zero05{
          font-size: 35px;
          color: #3d4144;
           text-align: center;
          margin-bottom: 15px;
            font-family:'Times New Roman', Times, serif;
           }


          .zero07{
            font-family:'Times New Roman', Times, serif;
            text-align: justify;
            color: #4c4c4c;
            font-size: 25px;
          }

             .zero08{
            font-family:'Times New Roman', Times, serif;
            text-align: left;
            color: #4c4c4c;
            font-size: 18px;
            margin-top: 250px;
          }
        
            .zero09{
            font-family:'Times New Roman', Times, serif;
            text-align: left;
            color: #4c4c4c;
            font-size: 18px;
            margin-top: 50px;
          }

            .zero010{
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            text-align: left;
            color: #022e49;
            font-size: 30px;
            margin-top: 90px;
          }

          .zerouno{
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            text-align: left;
            color: #022e49;
            font-size: 30px;
            margin-top: 100px;
          }
          .imgcon{
            width: 100%;
            margin-top: 50px;       
          }

            .zero011{
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              color: #022e49;
              background-color: #E6fbfe;
              max-width: 100%;
              font-size: 17px;
              height: auto;
              padding: 15px 50px;
              margin: 0 10px;
              white-space: normal;
              word-break: normal;
              box-sizing: border-box;
              letter-spacing: 1px;   /* antes 30% */
              display: inline-block;
            }

            .zero012{
              font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              font-size: 16px;
              text-align: justify;
              color: #022e49;
            }

            .zero01013{
              font-family:'Times New Roman', Times, serif;
              font-size: 30px;
              color: #4c4c4c;
              text-align: center;
              font-weight: 900;
            }

            .zero013{
            text-align: justify;
            color: #4c4c4c;
            font-size: 19px;
            font-family:'Times New Roman', Times, serif;
            }


            .foo07{
              font-weight: 900;
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
             font-size: 30px;
             color: #E6fbfe;
            }

            .foo04{
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            font-size: 20px;
             color: #E6fbfe;
            }

            .foo03{
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
             font-size: 30px;
              font-weight: 900;
              color: #E6fbfe;
            }

            .foo01{
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
             font-size: 19px;
             font-weight: 900;
             text-align: center;
            }

            .foo02{
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
             font-size: 45px;
             font-weight: 900;
             letter-spacing: 10px;
             text-align: center;
             color: #E6fbfe;
            }

            .tres01{
              border-radius: 3%;
              width: 80%;
              filter: grayscale(100%) blur(2px);
              transition: filter 0.5s ease;
              transition: transform 0.4s ease;
              box-shadow: 0 8px 8px rgba(8, 58, 73, 0.726); /* Sombra suave */
            }
            
            .tres01:hover{
                 filter: grayscale(0) blur(0);
                  opacity: 100%;
                 transform: scale(0.9);
            }
            
          .cata01{
            text-align: center;
            font-size: 15px;
           }

            .containeruno{  
              margin-top: 60px;
              text-align: center;
              display: flex;
              flex-wrap: wrap;
              
            }

            .container003{
               padding: 20px;
               flex-grow: 1;
               flex-basis: 200;
               margin-top: 25px;         
               background-color: #e6fbfe;
            }

              .container004{
               padding: 20px;
                flex-grow: 1;
               flex-basis: 200;
               margin-top: 25px;
               font-family: 'Times New Roman', Times, serif;
               background-color: #022e49;
            }

            .uno001{
              color: #022e49;
             font-size: 18px;
             font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
             margin-top: 15px;
            }

            .uno002{
              font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              color: #022e49;
              font-size: 16px;
              text-align: center;
            }

            .uno0011{
             font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
             color: #e6fbfe;
              font-size: 18px;
              margin-top: 15px;
            }

            .uno0022{
              font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              color: #e6fbfe;
              font-size: 16px;
              text-align: center;
            }

            .uno003{
            color: #022e49;
            font-size: 30px;
            font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            text-align: left;
            margin-top: 55px;
            }

            .uno004{
            color: #022e49;
            font-size: 18px;
            font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            text-align: left;
              }

              .iconzero{
                color: #022e49;
                font-size: 45px;
                margin-top: 15px;
                transition: transform 0.5s ease;
              }

              .iconzero:hover{
                 transform: scale(0.6);
              }
        
                .iconzero01{
                color: #e6fbfe;
                font-size: 45px;
                margin-top: 15px;
                transition: transform 0.5s ease;
              }

         .iconzero01:hover{
           transform: scale(0.6);
         }
       
            .containertres{
                text-align: center;
                margin-top: 50px;
            }

            .containertres01{
                margin-top: 70px;
            }

     .parr01{
      color: #022e49;
      font-size: 18px;
      font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
      margin-top: 10px;
     }

     .parr02{
     color: #022e49;
      font-size: 18px;
      text-align: left;
      font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     
     }
            .bg{
              font-size: 40px;
              background-color: #022e49;
              color: #E6fbfe;
              letter-spacing: 5px;
              font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            }

            .bg01{
              font-size: 20px;
              color: #E6fbfe;
              font-weight: 900;
              font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;

            }

            .titulos{
              color: #2A3663;
             /**font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;**/
              font-size: 2rem;
              margin-top: 50px;
           }

           .cabecera{
            background: #022e49;
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            font-weight: 600;
           }

           /* From Uiverse.io by IWhat1 */ 
.containerdos {
  max-width: 1200px;
  width: 90%;
  min-height: 100px;
  perspective: 500px;
}

   .uno0031{
     color: #022e49;
     font-size: 30px;
     margin-top: 150px;
      font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;   
}

   .uno0032{
    color: #022e49;
    font-size: 18px;
      font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;   
   }

/* From Uiverse.io by gharsh11032000 */ 
.card-container {
  width: 100%;
  height: 350px;
  max-width: 900px;
  min-height: 100px;
  margin-top: 150px;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  overflow: hidden;
  background-color: #022e49;
}

.card01 {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.card01 .front-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1)
}

.card01 .front-content p {
  font-size: 32px;
  font-weight: 700;
  opacity: 1;
  background: linear-gradient(-45deg, #e6fbfe 0%, #e6fbfe 100% );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1)
}

.card01 .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  background: linear-gradient(-45deg, #022e49 0%, #022e49 100% );
  color: #e6fbfe;
  padding: 20px;
  line-height: 1.5;
  border-radius: 5px;
  pointer-events: none;
  transform: translatex(96%);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.card01 .content .heading {
  font-size: 25px;
  font-weight: 700;
    color: #E6fbfe;
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.heading01{
  font-size: 16px;
  margin: 0 10px;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  text-align: justify;
  color: #E6fbfe;
}

.card01:hover .content {
  transform: translateY(0);
}

.card01:hover .front-content {
  transform: translateX(20%);
}

.card01:hover .front-content p {
  opacity: 0;
}

          .titul{
              color: #2A3663;
              /**font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;*/
              font-size: 1.2rem;
              margin-top: 200px;
           }

           .titu{
            color: #2A3663;
            font-weight: 600;
            letter-spacing: 0.2em;
     
           }

            .imagenes{
                width: 200px;
                height: 200px;
                border-radius: 50%;
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
            }

           .imagenes01{
              border-radius: 3%;
              object-fit: cover;
              transition: clip-path 0.5s ease, transform 0.5s ease;
              clip-path: polygon(
              0% 0%,
              100% 0%,
              100% 100%,
              0% 100%
            );
            }

            .imagenes01:hover{
             opacity: 100%;
             transform: scale(1.1);
             clip-path: polygon(
              20% 20%,
              95% 0%,
              100% 100%,
              0% 100%
            );

            }

            .numero{
                color: #E6fbfe;
                font-size: 18px;
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            }
            .logo{
                width: 90px;
                height: 90px;
                border-radius: 5%;
            }

            .formulario{
                background: url(img/img1.jpg);
                background-size: cover;
                }
             .fondo-blanco{
                 background: rgba(255, 255, 255, .5);
                }
            .btnWhats{
                bottom: 20px;
                right: 20px;
                width: 70px;
                }

                .footer{
                    background: #192655;
                    color: aliceblue;
                }

                .numero02{
                  font-size: 18px;
                 color: #E6fbfe;
                 padding: 15px;
                  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                }
                .foo05{
                  color: #E6fbfe;
                  font-size: 25px;
                  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                }

                .foo06{
                  font-size: 20px;
                  padding: 25px;
                  margin: 15px;
                  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                }


                .logocab{
                  width: 22%;
                  border-radius: 50%;
                  opacity: 70%;
                }

                .historia{
                  width: 25%;
                   opacity: 75%;
                  border-radius: 50%;                  
                }

                h3{
                  position: relative;
                  margin: 100px;
                  font-size: 5vh;
                  color: #cbced8;
                  -webkit-text-stroke: 3px #383d52;
                 
                }

                h3::before{
                  content:attr(data-text);
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 0%;
                  height: 100%;
                  color: rgb(247, 248, 248);
                  -webkit-text-stroke: 0px #383d52;
                  border-right: 2px solid #327f9d;
                  overflow: hidden;
                  display: flex;
                  animation: animate 20s linear alternate infinite;
                }

                @keyframes animate {
                  0%{
                    width: 0;
                    }

                   70%, 100%{
                      width: 90%;
                    }
                }

                footer{
                  background: #022e49;
                color: #E6fbfe;
                 }

                 .conta01{
                  margin-top: 100px;
                 }

                 .foot01{
                  font-size: 14px;
                  margin-top: 30px;
                  font-family: 'Times New Roman', Times, serif;
                 }

                 .foot02{
                    margin-top: 50px;
                    color: #E6fbfe;
                    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                 }

                 .contfooter{
                  text-align: center;
                 }

                 .footerzero{
                  color: #022e49;
                  font-size: 30px;
                  margin-top: 100px;
                  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                 }

                 @media screen and (max-width:480px){
           
            .con01{
              font-size: 25px;
              margin-top: 50px;
              text-align: center;
              margin:0 30px;
            }
                
            .containerzero{
                   margin-top: 15px;             
              }

              .con02{
              color: #022e49;
              font-size: 15px;
              margin:0 33px;
              text-align: justify;
            }
         
            .con03{
              margin-top: 30px;
            }

          .containerzero01{
            margin-top: 20px;
          }

  
          .viuno{
            margin-top: 50px;
            color: #022e49;
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            font-size: 17px; 
            padding:0 90px;
            margin: 0 10px;
             
          }

          .vidos{
           color: #022e49;
           font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            text-align: justify;
            font-size: 15px;            
          }

          .corro01{
              border-radius: 5%;
              width: 300px;
              height: 210px;
              margin: 0 20px;
          }

              
          .containerdos{
             height:auto;
             padding:0 30px;
            }


   .uno0031{
    color: #022e49;
    font-size: 25px;
     margin-top: 60px;
     text-align: center;
     font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;   
}

   .uno0032{
    color: #022e49;
    font-size: 15px;
     margin: 0 30px;
     text-align: center;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;   
   }

/* From Uiverse.io by gharsh11032000 */ 


.card-container {
  margin-top:40px;
  max-width: 1000px;
  width: 100%;
  height: 250px;
  min-height: 260px;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  overflow: hidden;
  background-color: #022e49;
}

.card01 {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.card01 .front-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1)
}

.card01 .front-content p {
  font-size: 32px;
  font-weight: 700;
  opacity: 1;
  background: linear-gradient(-45deg, #e6fbfe 0%, #e6fbfe 100% );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1)
}

.card01 .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  background: linear-gradient(-45deg, #022e49 0%, #022e49 100% );
  color: #e6fbfe;
  padding: 20px;
  line-height: 1.5;
  border-radius: 5px;
  pointer-events: none;
  transform: translatex(96%);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.card01 .content .heading {
  font-size: 20px;
   font-size:18px;
  font-weight: 700;
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.heading01{
  font-size: 10px;
  margin: 0 10px;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  text-align: justify;
}

.card01:hover .content {
  transform: translateY(0);
}

.card01:hover .front-content {
  transform: translateX(20%);
}

.card01:hover .front-content p {
  opacity: 0;
}    

.front-content img{
  width:300px;
}

        .containeruno{  
            height:auto;
             padding:0 60px;

        }

      .container003{
        height:auto;
         padding:0 30px;
      }


            .uno001{
              color: #022e49;
             font-size: 17px;
             padding: 0;
             font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
             margin-top: 15px;
            }

            .uno002{
              font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              color: #022e49;
              font-size: 15px;
              text-align: center;
            }

            .uno0011{
             font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
             color: #e6fbfe;
              font-size: 17px;
              margin-top: 15px;
            }

            .uno0022{
              font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              color: #e6fbfe;
              font-size: 15px;
              text-align: center;
            }

            .uno003{
            color: #022e49;
            font-size: 20px;
            font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            text-align: center;
            margin-top: 55px;
            }

            .uno004{
            color: #022e49;
            font-size: 15px;
            font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            text-align: center;
              }

              .iconzero{
                color: #022e49;
                font-size: 45px;
                margin-top: 15px;
                transition: transform 0.5s ease;
              }

              .iconzero:hover{
                 transform: scale(0.6);
              }
        
                .iconzero01{
                color: #e6fbfe;
                font-size: 45px;
                margin-top: 15px;
                transition: transform 0.5s ease;
              }

         .iconzero01:hover{
           transform: scale(0.6);
         }

         .contcuatro{
            padding: 0 10px;
         }

          .zerouno{
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            text-align: left;
            color: #022e49;
            font-size: 25px;
            text-align: center;
            margin-top: 100px;
          }

              .parr01{
             color: #022e49;
              font-size: 15px;
              text-align: justify;
              font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                margin-top: 20px;
              padding: 0 30px;
           }


          .containertres{
                text-align: center;
                margin-top: 50px;
                padding: 0 30px;
            }

        .zero010{
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            text-align: center;
            color: #022e49;
            font-size: 25px;
            margin-top: 60px;
          }

      .parr02{
     color: #022e49;
      font-size: 16px;
      text-align: justify;
      font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     
     }
             .mano04{
            width: 80%; 
          }

               .zero05{
            text-align: justify;
            font-size: 16px;
            margin: 0;
            color: #4c4c4c;
            padding: 20px;
        }
      
          
          .zero07{
            font-size: 15px;
            color: #4c4c4c;
            padding: 0 10px;
          }

         
        

               .bgcinco{
                height: auto; /* Que la altura se ajuste al contenido */
                padding: 50px; /* Menos padding para ahorrar espacio */
                margin: 5px 0; /* Márgenes verticales para separar */
                font-size: 14px; /* Reducir tamaño de fuente para legibilidad */
             }

            
               .bgseis{
                height: auto; /* Que la altura se ajuste al contenido */
                padding: 50px; /* Menos padding para ahorrar espacio */
                margin: 5px 0; /* Márgenes verticales para separar */
                font-size: 14px; /* Reducir tamaño de fuente para legibilidad */
             }


             
               .bgsiete{
                height: auto; /* Que la altura se ajuste al contenido */
                padding: 50px; /* Menos padding para ahorrar espacio */
                margin: 5px 0; /* Márgenes verticales para separar */
                font-size: 14px; /* Reducir tamaño de fuente para legibilidad */
             }
             
               .bgocho{
                height: auto; /* Que la altura se ajuste al contenido */
                padding: 50px; /* Menos padding para ahorrar espacio */
                margin: 5px 0; /* Márgenes verticales para separar */
                font-size: 14px; /* Reducir tamaño de fuente para legibilidad */
             }

                  .zero08{
            font-family:'Times New Roman', Times, serif;
            text-align: justify;
            color: #4c4c4c;
            font-size: 14px;
            margin-top: 45px;
          }
  
           .containertres01{
           
              margin-top: 75px;
              display: contents;
            }

              .tres01{
              border-radius: 3%;
              width: 250px; 
              margin: 0 20px; 
              height: 250px;           
            }

            .zero011{
              font-size: 14px;
              text-align: center;
              margin: 0 10px;
              padding:0 10px;
              margin-top: 20px;
            }


                .zero012{  
              font-size: 15px;
              text-align: justify;
              margin-top: 20px;
              padding: 0 20px;
            }

            .zero013{
            padding:0;
            margin: 0 3px;
            font-size: 15px;
            }

            .imagenes01{
              width: 250px;
              max-width: 900px;

            }

             .cono01{
              padding: 0 40px;
          }

       
              .zero01013{
              font-size: 20px;
            }

            .foo07{
              font-size: 25px;
              color: #E6fbfe;
            }

                 .foo04{
            font-size: 20px;
             color: #E6fbfe;
            }
            .foo03{
              font-size: 25px;
                color: #E6fbfe;
            }

            .foo02{
              font-size: 30px;
            }

            .foo05{
              font-size: 22px;
            }

            .foo06{
                font-size: 18px;
            }

            .foo01{
              font-size: 14px;
            }
            
            .foot01{
                  font-size: 11px;
                  margin-top: 30px;
                  font-family: 'Times New Roman', Times, serif;
                 }

                   .foot02{
                    margin-top: 5px;
                    padding: 15px;
                    color: #E6fbfe;
                 }
         }