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

:root{
    --colorTextos:#7e7e7e;
    --colorBotones:#365A6C  ;
    --colorFondo:#5d8a9f;
    --paddingSecciones:60px 0;
    --marginElementos:40px;
}

body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.contenedor{
    width: 90%;
    margin: auto;
    overflow: hidden;
    padding: var(--paddingSecciones);
}

.contademo{
    margin-top: 100px;
}

.imgdemo{
border-radius: 12%;
padding:  10px;
height: 350px;
}

.imgzero{
border-radius: 3%;
padding:  10px;
}

.contacero{
min-width: 1342px;
  padding: 60px;
   background-color: #f2f2f2;
}

.textcontr{
 color: #EF8E2D;
 font-size: 25px;
 text-align: justify;
 padding: 0 100px;
 font-weight: 600;
 font-family: Arial, Helvetica, sans-serif
}

.textpar{
 color: #151007;
 font-size: 60px;
 text-align: center;
 letter-spacing: 3%;
 font-family: Impact, Haettenschweiler, 
 'Arial Narrow Bold', sans-serif;
}

.parratex{
color: #151007;
text-align: justify;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}


        .section04{                
            position: relative;
            width: 100%;
            height: 50vh;
            background: url(../img/PRIN02.jpg);
            background-size: cover;
            background-position: center center;
            background-attachment: fixed;
            display: flex;
            margin-top: 60px;
            border-radius: 3%;
            display: inline-flex;
            background-blend-mode: multiply;               
      }


       .section1{                
            position: relative;
            width: 100%;
            height: 50vh;
            margin-top: 35px;
            background: url(../img/PRIN05.jpg);
            background-size: cover;
            background-position: center center;
            background-attachment: fixed;
            display: flex;
            border-radius: 3%;
            margin-top: 60px;
            display: inline-flex;
            background-blend-mode: multiply;               
      }

            .section2{                
            position: relative;
            width: 100%;
            height: 50vh;
            margin-top: 35px;
            background: url(../img/PRIN07.jpg);
            background-size: cover;
            background-position: center center;
            background-attachment: fixed;
            display: flex;
            margin-top: 60px;
            border-radius: 3%;
            display: inline-flex;
            background-blend-mode: multiply;               
      }

          .section3{                
            position: relative;
            width: 100%;
            height: 100vh;
              background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.45),
            rgba(0, 0, 0, 0.45)
        ),
        url("../img/BENEFICOOS01.jpg");
            
            background-size: cover;
            background-position: center center;
             display: flex;
            display: inline-flex;
            margin-top: 35px;  
              border-radius: 3%;            
      }
      
          .section6{                
            position: relative;
            width: 100%;
            height: 100vh;
              background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.45),
            rgba(0, 0, 0, 0.45)
        ),
        url("../img/BENEFICOOS02.jpg");
            
            background-size: cover;
            background-position: center center;
             display: flex;
            display: inline-flex;
            margin-top: 35px;  
            border-radius: 3%;          
      }

     
/**MENU*/

.logo{  
    width: 9%;  
    display: block;
    font-size: 3rem;
    margin:0 25px;
}

 .encabezado{
    background: #fff;
    color: #151007;
    font-weight: 800;
    font-family: sans-serif;
 }

 .encabezado:hover{
    color: #F2771A;
 }

.columnas01{
    margin-top: 120px;
    color: #000000;
}

.contamar{
    margin-top: 60px;
}

.columcero{
 padding: 30px;
  margin:0 10px;
transition: transform 0.9s ease;
 border: 1px solid #cccccc5d;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.columcero:hover{
  transform:translateY(25px)
}

.comuluno{
 padding: 30px;
  margin:0 10px;
transition: transform 0.9s ease;
 border: 1px solid #cccccc5d;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.comuluno:hover{
  transform:translateY(25px)
}

.columdos{
 padding: 30px;
  margin:0 10px;
transition: transform 0.9s ease;
 border: 1px solid #cccccc5d;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.columdos:hover{
  transform:translateY(25px)
}

.columtres{
 padding: 30px;
 margin:0 10px;
transition: transform 0.9s ease;
 border: 1px solid #cccccc5d;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.columtres:hover{
  transform:translateY(25px)
}

.colum01{
text-align: center;
padding: 50px;
}

.columnas02{
color: #365A6C;
letter-spacing: 5px;
font-weight: 900;
font-size: 38px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}
.num02{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #151007;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

.num03{
    color: #fff;
    font-size: 1.5rem;
    margin:0 74px;
    background-color: #EF8E2D;
    padding: 15px;
    border-radius: 50%;
}

 .correo01{
    color: #fff;
    font-weight: 600;
 }

  .correo02 a{
    color: #000000;
    font-weight: 600;
 }

  .coltext{
    color: #151007;
    font-size: 70px;
    background-color: #fff9ebce;
    letter-spacing: 15px;
    padding: 9px 9px 10px 20px;
    font-family:Impact, Haettenschweiler, 
    'Arial Narrow Bold', sans-serif;
  }
/**HERO*/

.hero{
    height:450px;
    background-image: url("../img/PRIN01.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.contenedor-textos{
    padding: 0;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-weight: 700;
}



.hero h1{
    font-weight: 700;
}

.hero p{
    margin: 15px 0;    
}

.boton{
    color: #151007;
    font-size: 55px;
}

/**MAIN**/


.contaoone{
    margin-top: 100px;
}

.copyone{
    color: #fff;
    padding:0 30px;
    font-size: 30px;
    margin-top: 80px;
    text-align: center;
    font-family: Impact, Haettenschweiler,
     'Arial Narrow Bold', sans-serif;
}

.parfo{
    color: #fff;
    font-size: 18px;
    padding: 0 60px;
}

.texfis{
    font-size: 30px;
    color: #151007;
    margin-top: 150px;
    font-family: Impact, Haettenschweiler, 
    'Arial Narrow Bold', sans-serif;
}

.textque{
    font-size: 30px;
       color: #151007;
    font-family: Impact, Haettenschweiler, 
    'Arial Narrow Bold', sans-serif;
}

.texpor{
    font-size: 30px;
       color: #151007;
    font-family: Impact, Haettenschweiler, 
    'Arial Narrow Bold', sans-serif;
}

.textcons{
    font-size: 30px;
       color: #151007;
    font-family: Impact, Haettenschweiler, 
    'Arial Narrow Bold', sans-serif;
}

 .copy02{
    color: #151007;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.textmis{
 font-family: Impact, Haettenschweiler, 
    'Arial Narrow Bold', sans-serif;
     font-size: 22px;
     color: #EF8E2D;
     margin-top: 40px;
}

.textvis{
 font-family: Impact, Haettenschweiler, 
    'Arial Narrow Bold', sans-serif;
    font-size: 22px;
    color: #EF8E2D;
    margin-top: 40px;
}

.imgcarro{
    border-radius: 2%;
}

.parramis{
font-size: 14px;
color: #151007;
margin-top: 15px;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
}

.parravis{
font-size: 14px;
color: #151007;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
}

.servconta {
    background-color: #f2f2f2;
    margin-top: 50px;
    min-height: 2350px;
    border-radius: 12px;
}


.titulone{
    padding: 0 30px;
    font-size: 60px;
     padding: 30px;
    color: #151007;
    text-transform: uppercase;
    font-family:Impact, Haettenschweiler,
     'Arial Narrow Bold', sans-serif; 
}

.servcioone{
    margin-top: 80px;
    padding: 0 30px;
    font-size: 35px;
    color: #F2771A;
    text-transform: uppercase;
    font-family:Impact, Haettenschweiler,
     'Arial Narrow Bold', sans-serif;
}

.parraser{
    padding: 0 30px; 
    text-align: justify;
    font-family:Arial, Helvetica, sans-serif;
    color: #151007;
    font-size: 15px;
}

.imgservic{
  width: 79%;
    border-radius: 12%;
    margin-top: 50px;
     display: block;
     margin: 50px;
      box-shadow: 0 0 8px rgba(0, 0, 0, .9);
   filter: grayscale(100%);
    transition: transform 0.9s ease;
}

.imgservic:hover{
 filter: grayscale(0%);
 transform:translateY(25px)
}

.logocero{
    width: 60%;
    margin:0 100px;
    transition: transform 0.4s ease;
}

.logocero:hover{
    transform: perspective(600px)
 rotateX(20deg)
 rotateY(-20deg)
}


.copy03{
    color: #fff9eb;
    text-align: center;
    font-family:Impact, Haettenschweiler,
     'Arial Narrow Bold', sans-serif;
    font-size: 30px;
    letter-spacing: 5%;
}

.copy07{
    color: #fff9eb;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size:17px;
    font-weight: 600;
}

    .copy06{
        color:#fff;
        text-align: center;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 40px;
        margin-top: 35px;
        font-weight: 700;
    }
    
.projects{
  background: #f2f2f2;
    margin-top: 80px;
    border-radius: 1%;
    padding-bottom: 40px;
}

.contenedor-imagenes {
   display: flex;
   justify-content: space-evenly;
   flex-wrap: wrap; 
   margin-top: 50px;
}

.contenedor-imagenes img{
    display: block;
    object-fit: cover;
    width: 30%;
    height: 220px;    
   border-radius: 5%;
   transition: transform 0.9s ease;
    box-shadow: 0 0 8px rgba(0, 0, 0, .9);
    margin-bottom: var(--marginElementos);
}

.contenedor-imagenes img:hover{
transform: perspective(600px)
 rotateX(-20deg)
 rotateY(20deg)

}

.person{
    font-size: 22px;
    text-align: center;
    margin-top: 5px;
    font-weight: 300;
}

footer{  
    background-color: #EF8E2D;
    background-position: center;
    background-size: cover;
    background-position: center;
    color: #365A6C;
    display: flex;
    align-items: center;
    justify-content:center;
}

footer .titulo-seccion, 
footer .copy{
    color: #EAECCC;
}

.redes-sociales{
    width: 80%;
    display: flex;
    margin: auto;
    color: #dd9ad4;
    justify-content: space-evenly;  
}

.redes-sociales i{
    font-size: 40px;
    color: #fff;
    transition: 3s;
}

.redes-sociales i:hover{
    transform: rotate(360deg);
    color: #151007;
 }

 .texttodo{
    color: #fff;
    margin-top: 25px;
    text-align: center;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
 }

/**MEDIAS QUIERY PARA PAGINA RESPONSIVE**/

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

 .texttodo{
    color: #fff;
    margin-top: 25px;
    text-align: center;
    font-size: 12px;
    padding: 0 30px;
    font-family: Arial, Helvetica, sans-serif;
 }

.hero h1{
        font-weight: 700;
}

.hero p{
     margin: 15px 0;    
}

  .coltext{
    color: #151007;
    font-size: 35px;
    letter-spacing: 15%;
    font-family:Impact, Haettenschweiler, 
    'Arial Narrow Bold', sans-serif;
  }

   .num03{
    font-size: 20px;
  }

  .columnas01{
  margin-top: 50px;
  }

   .columcero{
     padding: 30px;
    margin:10px 65px 40px 60px;
  }

  .comuluno{
    padding: 30px;
    margin:10px 65px 40px 60px;
  }

  .columdos{
    padding: 30px;
    margin:10px 65px 40px 60px;
  }

  .columtres{
    padding: 30px;
    margin:10px 65px 40px 60px;
  }

  .contaoone{
    margin-top: 50px;
  }

  .contabenef{
    display: contents;
  }

  .section3{
    width: 87%;
    margin: 0 30px;
  }

  .section6{
    width: 87%;
    margin-top: 100px;
    margin: 0 30px;    
  }

  .texpor{
    text-align: center;
    font-size: 25px;
  }

  .num02{
    font-size: 13px;
  }

  .textque{
    text-align: center;
  }

  .coninertwo{
    margin-top: -50px;
  }

  .texfis{
    font-size: 25px;
    padding: 0 50px;
    text-align: center;
  }

 .copyone{
    font-size: 20px;
    margin-top: 35px;
 }

 .parfo{
    font-size: 14px;
    padding: 0 30px;
    margin: 5px;
 }

 footer{  
    background-color: #EF8E2D;
    background-position: center;
    background-size: cover;
    background-position: center;
    color: #365A6C;
    display: flex;
    margin-top: 50px;
    align-items: center;
    justify-content:center;
}

footer .titulo-seccion, 
footer .copy{
    color: #EAECCC;
}

.projects{
    background: #f2f2f2;
    height: 1050px;
    margin-top: 30px;
    border-radius: 1%;
}

 .titulone{
    text-align: center;
    font-size: 25px;
 }

 .contrespon{
    display: contents;
 }

 .servcioone{
      text-align: center;
    font-size: 20px;
    margin-top: 40px;
 }

 .textcons{
    text-align: center;
    font-size: 25px;
 }

 .parraser{
   font-size: 13px;
 }

 .imgservic{
    width: 85%;
    margin: 0 30px;
    margin-top: 35px;
 }

 .servconta{
    height: 3050px;
 }
 
 .textque{
    font-size: 25px;
 }

  .logocero{
    width: 50%;
  }

  .contcceso{
    display: contents;
  }

  .textmis{
     font-size: 20px;
    padding: 0 100px;
    text-align: center;
  }

  .textvis{
    font-size: 20px;
    padding: 0 100px;
    text-align: center;
  }

  .parramis{
    font-size: 13px;
    padding: 0 40px;
  }

  .parravis{
   font-size: 13px;
    padding: 0 40px;
  }

  .contazero{
    display: contents;
  }


  .textpar{
    font-size: 22px;
    padding: 0 40px;
    margin-top: 50px;
  }

  .parratex{
    font-size: 13px;
    padding: 0 60px;
  }

  .section04{
    width: 80%;
    margin: 0 60px;
  }

  .section1{
    width: 80%;
    margin: 0 60px;
    margin-top: 35px;
  }

  .section2{
    width: 80%;
    margin: 0 60px;
    margin-top: 35px;
  }

    .boton{
    color: #151007;
    font-size: 30px;
}

 .copy02{
   color: #151007;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 0 30px;
}

.copy03{
    color: #fff; 
    margin-top: 25px;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
}

.copy07{
    color: #fff;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 0 30px;
    font-weight: 900;

}
.contenedor-imagenes img{
    width: 90%;
}
.redes-sociales{   
    align-items: center;
}
.redes-sociales i{
    margin-top: 15px;
}

.logo01 img{
    width: 10%;
    height: 10%;
    border-radius: 50%;    
}

.logo{
    width: 30%;
}

 .encabezado{
  font-size: 12px;
 }
     
.copy06{
font-size: 30px;
padding: 0 30px;
}
}