.imgservicio{
    

    mix-blend-mode:multiply;
   
  opacity: 0.9;
  display: block;
  width: 100%;
  transition: .5s ease;
  backface-visibility: hidden;
    
     height: 100%;
    object-fit: cover; /* Ajusta la imagen manteniendo su proporción */
    object-position: center;
}

/* -- Skeleton Loader - Generated -- */

 
.sk-stage {
    
  display:ruby;
  flex-wrap: wrap;
  gap: 16px;
}
 
/* Card sizes */
.sk-card.size-sm   {
    
    
    width: 200px; 
}
.sk-card.size-md   {
    
    width: 280px; 
}
.sk-card.size-lg   { 
   
    width: 360px; 
}
.sk-card.size-full {
    
    width: 100%; 
}
 
.sk-card {
    
    filter: drop-shadow(  0 10px 15px rgba(0, 0, 0, 0.3));
   
    border-radius: 15px;
    margin-bottom: 20px;
    
    
   

  
 
  overflow: hidden;
}
 

 

 
/* Article card */
.sk-card.type-article .sk-thumb       { 
    
             /* paralax */
     background-blend-mode:normal;
    background: url(../imgfondos/fondos6.jpg) ;
 box-shadow: inset 4px 4px 10px 5px  #5b5b5b;
    
    background-color: #307c98;
   
    
    /* paralax */
    
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
        /* paralax */
     
    
   
   
    height: 170px;
   
}
.sk-card.type-article .card-body      { 
   
  background-blend-mode:overlay;
    background: url(../imgfondos/fondos2.jpg) ;
     box-shadow: inset -40px 100px 200px -50px #172e37;
    background-color: #2da7d3;
 
    
padding: 16px; 
display: flex; 
flex-direction: column; 
gap: 10px; 

 

}
.sk-card.type-article .recuadroserv        { 
 
 background-blend-mode:soft-light;
    background: url(../imgfondos/fondos5.jpg) ;
     box-shadow:  4px 4px 10px 0  #2a2a2a;
    background-color: #5dafce;
 
 
 

 
    border-radius: 10px;
  align-self: center;
    height: 10px; 
}
.sk-card.type-article .servtitulo  { 
      display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center;      /* Centrado vertical */
  font-size: 1.1em; 
 font-weight: bold; 
    
    height: fit-content; 
 padding-top: 9px;
 padding-bottom: 9px;
    width: 100%; 
    
}
.sk-card.type-article .txtserv1   {
      display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center;      /* Centrado vertical */
  font-size: 1.1em; 
     height: 28px; 
    width: 90%; }
.sk-card.type-article .txtserv2   { 
      display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center;      /* Centrado vertical */
  font-size: 1.2em; 
      height: 28px; 
    width: 90%; 
}
.sk-card.type-article .servimgtext   { 
      display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center;      /* Centrado vertical */
  font-size: 1em; 
     height: fit-content; 
  padding-top: 15px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 15px;
    width: 100%; 
}