
.easystylesuite-box-shadow, .easystylesuite-img-shadow img  {
  background-color: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
  padding:20px;
}
.easystylesuite-box-shadow:hover, .easystylesuite-img-shadow img:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
  cursor:pointer;
}
.easystylesuite-dark-txt-shadow,.easystylesuite-light-txt-shadow {
transition: text-shadow 0.3s ease;
}
.easystylesuite-dark-txt-shadow {   
text-shadow: 2px 2px 5px  #2f2849;
}
.easystylesuite-dark-txt-shadow:hover { 
text-shadow: 2px 2px 7px  #231f33;
}
.easystylesuite-light-txt-shadow {   
text-shadow: 2px 2px 4px #b7e3ef;
}
.easystylesuite-light-txt-shadow:hover{        
        text-shadow: 2px 2px 5px #dbfbe5;
}
  .easystylesuite-dark-txt-shadow:hover,.easystylesuite-light-txt-shadow:hover{
cursor: pointer;
  } 
.easystylesuite-sld-up{
   position: relative;
   opacity: 0;   
  animation: easystylesuite-sld-up-animate 0.5s ease-out forwards;
  -webkit-animation: easystylesuite-sld-up-animate 0.5s ease-out forwards;
   animation-delay: .5s;
   -webkit-animation-delay: .5s;
}
.easystylesuite-sld-right{
    position:relative;
   opacity: 0;
   animation: easystylesuite-sld-right-animate 0.5s linear forwards;
   -webkit-animation: easystylesuite-sld-right-animate 0.5s ease-out forwards;
    /*left: -80px;*/
   animation-delay: .6s; 
   -webkit-animation-delay: .6s;
}
.easystylesuite-sld-left{
  position:relative;
     opacity: 0;
    animation: easystylesuite-sld-left-animate 0.5s linear forwards;
    -webkit-animation: easystylesuite-sld-left-animate 0.5s ease-out forwards;    
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
}
/*Using top,right, left on animation cause transform translate delete next transform on mouse hover*/
@keyframes easystylesuite-sld-up-animate {
    0% {opacity: .75;
     top:150px;    
    }
    50% {opacity: 1;
        top:-25px;         
    }
  75% {
    opacity: 1;
   top:20px;  
  }
  100% {
   top:0; 
  
    opacity: 1;
  }
}
@-webkit-keyframes easystylesuite-sld-up-animate {
    0% {opacity: .75;
     top:150px;    
    }
    50% {opacity: 1;
        top:-25px;         
    }
  75% {
    opacity: 1;
   top:20px;  
  }
  100% {
   top:0; 
  
    opacity: 1;
  }
}
@keyframes easystylesuite-sld-right-animate {
    0% {opacity: .75;
      left: -80px; 
    }
    50% {opacity: 1;
      left: 10px; ;    
    }
  100% {
    opacity: 1;
    left: 0; 
  }
}
@-webkit-keyframes easystylesuite-sld-right-animate {
    0% {opacity: .75;
      left: -80px; 
    }
    50% {opacity: 1;
      left: 10px; ;    
    }
  100% {
    opacity: 1;
    left: 0; 
  }
}
@keyframes easystylesuite-sld-left-animate {
    0% {opacity: .5;
      right: -80px;
    }
    50% {opacity: 1;
      right: 10px;  
    }
  100% {
    opacity: 1;
    right: 0;  
  }
}
@-webkit-keyframes easystylesuite-sld-left-animate {
    0% {opacity: .75;
      right: -80px;
    }
    50% {opacity: 1;
      right: 10px;  
    }
  100% {
    opacity: 1;
    right: 0;  
  }
}
.easystylesuite-sm-scale {
transition: transform.2s;
}
.easystylesuite-sm-scale:hover{
	transform: scale(1.2);
}
.easystylesuite-sm-up {
  transition: transform.2s;
}
.easystylesuite-sm-up:hover {
  transform: translateY(-10px);
}
.easystylesuite-sm-img-scale img {
   transition: transform.2s; 
}
.easystylesuite-sm-img-scale:hover img {
 	transform: scale(1.2);   
}
.easystylesuite-opac5 {
   opacity: 1;
    transition: opacity .3s linear;
}
.easystylesuite-opac5:hover{
    opacity: .5;
}
.easystylesuite-display-pc {
    display: block !important;
}
.easystylesuite-display-mobile {
    display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  /*Delete animation or keep same style: box or text background, etc. */ 
.easystylesuite-sld-up {
 animation: none !important;
  -webkit-animation:none !important;
  transition: none!important;
}
.easystylesuite-sld-right {
 animation: none !important;
 -webkit-animation:none !important;
  transition: none!important;
}
.easystylesuite-sld-left {
 animation: none !important;
 -webkit-animation:none !important;
  transition: none!important;
}
.easystylesuite-box-shadow:hover, .easystylesuite-img-shadow img:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.easystylesuite-dark-txt-shadow:hover { 
text-shadow: 2px 2px 5px  #2f2849;
}
.easystylesuite-light-txt-shadow:hover{        
      text-shadow: 2px 2px 4px #b7e3ef;
}
.easystylesuite-sm-scale:hover, .easystylesuite-sm-img-scale:hover img{
	transform: scale(1);
}
.easystylesuite-sm-up:hover {
  transform: translateY(0);
}
.easystylesuite-opac5:hover{
    opacity: 1;
}
}
/* Alto contraste / colores forzados */
@media (forced-colors: active) {
  .easystylesuite-box-shadow, .easystylesuite-img-shadow img, .easystylesuite-box-shadow:hover, .easystylesuite-img-shadow img:hover {  
  box-shadow: none!important; 
outline: 1px solid;
}
.easystylesuite-dark-txt-shadow, .easystylesuite-light-txt-shadow , .easystylesuite-dark-txt-shadow:hover, .easystylesuite-light-txt-shadow:hover{
 text-shadow:none!important;
}
}
/* Contraste elevado (si aplica) */
@media (prefers-contrast: more) {  
  .easystylesuite-opac5:hover{
    opacity:1;
}
}
/* Print */
@media print {
 .easystylesuite-sld-up {
 animation: none !important;
  -webkit-animation:none !important;
}
.easystylesuite-sld-right {
 animation: none !important;
 -webkit-animation:none !important;
}
.easystylesuite-sld-left {
 animation: none !important;
 -webkit-animation:none !important;
} 
}
@media screen and (max-width: 980px){
    .easystylesuite-display-pc {
    display: none !important;
}
   .easystylesuite-display-mobile {
    display: block !important;
}
}





