ul.efectos{position:relative;margin:0;padding:0}ul.efectos li{background:#d1d694 url(images/clientes-fondo.webp) no-repeat center center;position:relative;list-style:none;width:250px;height:160px;overflow:hidden;border:5px solid #FFF;float:left;-webkit-box-shadow:0 0 10px #333;-moz-box-shadow:0 0 10px #333;-ms-box-shadow:0 0 10px #333;-o-box-shadow:0 0 10px #333;box-shadow:0 0 10px #333;margin:10px;padding:0}ul.efectos li img{z-index:30;position:absolute;top:0;left:0;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-ms-transition:all .7s ease-out;-o-transition:all .7s ease-out}ul.efectos li:hover img{-webkit-transform:scale(6);-moz-transform:scale(6);-ms-transform:scale(6);-o-transform:scale(6);opacity:0}ul.efectos li h2{font-size:12pt;font-family:helvetica,arial,sans-serif;color:#fff;text-align:center;font-variant:small-caps;-webkit-transition:all .5s ease-in;-webkit-transform:scale(0.1);-moz-transition:all .5s ease-in;-moz-transform:scale(0.1);-ms-transition:all .5s ease-in;-ms-transform:scale(0.1);-o-transition:all .5s ease-in;-o-transform:scale(0.1);opacity:0;margin:0;padding:0}ul.efectos li:hover h2{padding-top:20px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);opacity:1}ul.efectos li hr{width:0;color:#fff;background-color:#333;border:none;height:2px;-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-ms-transition:all .6s linear;-o-transition:all .6s linear;margin:auto}ul.efectos li:hover hr{width:200px}ul.efectos li p{color:#fff;font-family:helvetica,arial,sans-serif;font-size:10pt;text-align:center;-webkit-transition:all .6s ease-in;-webkit-transform:scale(0.1);-moz-transition:all .6s ease-in;-moz-transform:scale(0.1);-ms-transition:all .6s ease-in;-ms-transform:scale(0.1);-o-transition:all .6s ease-in;-o-transform:scale(0.1);opacity:0;margin:0;padding:15px}ul.efectos li:hover p{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);opacity:1}ul.efectos li a.boton{display:block;text-align:center;font-family:helvetica,arial,sans-serif;position:relative;text-decoration:none;font-size:9pt;background:gray;color:#fff;width:250px;margin-top:7px;-webkit-transition:all .6s ease-in;-webkit-transform:translateY(230px) scale(5);-moz-transition:all .6s ease-in;-moz-transform:translateY(230px) scale(5);-ms-transition:all .6s ease-in;-ms-transform:translateY(230px) scale(5);-o-transition:all .6s ease-in;-o-transform:translateY(230px) scale(5);opacity:0;cursor:pointer;z-index:50;padding:4px 0}ul.efectos li:hover a.boton{-webkit-transform:translateY(0) scale(1);-moz-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);-o-transform:translateY(0) scale(1);opacity:1}#contenedor3,#contenido,#texto3{height:auto;min-height:0}#contenido,#texto3,#portafolio,ul.efectos{box-sizing:border-box}#texto3::after,#portafolio::after,ul.efectos::after{content:"";display:block;clear:both}ul.efectos{display:grid;grid-template-columns:repeat(3,250px);justify-content:start;gap:20px;width:100%;margin:14px 0 0;padding:0}ul.efectos li{float:none;margin:0}#footer,.ersa-directory{clear:both}@media (max-width:1199px){#contenido,#texto3,#portafolio{width:min(100%,920px);max-width:calc(100vw - 32px)}ul.efectos{grid-template-columns:repeat(3,minmax(0,250px))}}@media (max-width:860px){ul.efectos{grid-template-columns:repeat(2,250px);justify-content:center}}@media (max-width:600px){#texto3{float:none;margin-top:12px}ul.efectos{grid-template-columns:minmax(0,250px)}}