#info5 {
  display: none;
  cursor: auto;
}

#info7 {
  display: none;
  cursor: auto;
}

#info8 {
  display: none;
  cursor: auto;
}



.ocultar-boton1 {

 width: 80px;
border-radius: 50px;
background-color:#85b8df;
  border: solid 4px #ffffff;
   box-shadow: 5px 5px 15px 0 #2a2a2a;
   transition: all 0.3s ease

}
.ocultar-boton1:hover{
 
  width: 80px;
border-radius: 50px;
background-color:#dde036;
  border: solid 4px #85b8df;
   box-shadow: 5px 5px 15px 0 #2a2a2a;
 
   animation: wobble 0.8s;
}

@keyframes wobble {
  0%,
  100% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }

 }



.boton-ventana-cerrar{
 width: 100%;
}


.recuadroasesoria{

 justify-self: center;  

 width: 550px;
 
 
}

.imagenasesoria {
 
 width: 100%;
 filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.5));
 
}

.imgd{
    width: 50px;
}
.tabfondo{
       clip-path: polygon(54% 100%, 7% 94%, 0% 53%, 8% 6%, 47% 0%, 92% 5%, 100% 46%, 95% 95%);
  
    
    
    
    /* paralax */
     background-blend-mode:overlay;
    background: url(../imgfondos/fondos1.jpg) ;
     box-shadow: inset -40px 100px 200px -50px #2a2a2a;
    background-color: #51c4f0;
    
    /* paralax */
    
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
        /* paralax */
    
 
    width: 100%;
}

.tab2{
    display: flex;
    flex-direction:row;
    justify-content:space-around;
    width: 100%;
    justify-self: center;
    background-color: none;

    
    
}

.tablinks2 {
overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 5px;
    
    
border-left: 6px solid #2a2a2a;
border-right: 6px solid #424242;
border-radius: 5px;   
    
 font-family: Franklin Gothic;
    
 width: 100%;

  height: fit-content 55px;
 padding-bottom: 12px;
  padding-top: 12px;
 font-size: 1.2em;
 cursor: pointer;
    
    
    
 background-color: #51c4f0;
 color: #2a2a2a;
 
border-top: none;
border-bottom: none;

 transition: all .4s;
}

.tablinks2:hover {

 transform: translateY(-10px);
 box-shadow: 0 7px 0 -2px #dde036,
  0 15px 0 -4px #e81779,
  0 16px 10px -3px #2c2b2b;
}

.tablinks2:active {
 transition: all 0.2s;
 transform: translateY(-5px);
 box-shadow: 0 7px 0 -2px #dde036,
  0 15px 0 -4px #e81779,
  0 16px 10px -3px #2c2b2b;
}

.textoservicios{

 
justify-self: center;  
 width:70%;
 

 
 
 
 

}

.ventana2{
       clip-path: polygon(54% 100%, 7% 94%, 0% 53%, 8% 6%, 47% 0%, 92% 5%, 100% 46%, 95% 95%);
    display: none;
    font-family:Verdana;
    line-height: 1.2em;
    text-align: center;
 
 
 
    
    
     background-blend-mode:overlay;
    background: url(../imgfondos/fondos1.jpg) ;
     box-shadow: inset -40px 100px 200px -50px #172e37;
    background-color: #51c4f0;
    
    

   
    color: #2a2a2a;
    text-shadow: 0 0 10px #ffffff;
    width:100%;
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
	
		}

/* separador................................................................. configuarcion responsive */


/* Mobile */
@media (max-width: 700px) {
 
 
 .recuadroasesoria{ 
 width: 350px;
}
 
 
    .tab2{
        display: flex;
    flex-direction:column;
    }
    
    .tablinks2{
         font-size: 1.5em;
        border-radius: 20px;
        border-bottom: 6px solid #2a2a2a;
        border-left: none;
        border-right: none;
        
    }

 }

/* Small Tablets */
@media (min-width: 701px) {

     }