Atalak

/* ----------------------------------------- */ /* View: SECCIONES LISTADO - start */ /* ----------------------------------------- */ @media (min-width: 1024px) {a.box-seccion { width: 49.6%; height: 300px; margin-left: 0.1%; padding: 0; margin-right: 0.1%; margin-bottom: 0.5%; }} @media (max-width: 1024px) {a.box-seccion { width: 49.6%; height: 300px; margin-left: 0.1%; padding: 0; margin-right: 0.1%; margin-bottom: 0.5%; }} @media (max-width: 767px) {a.box-seccion { width: 100%; height: 300px; margin-bottom: 5px; height: 300px; padding: 0; }} .box-seccion { cursor: pointer; position: relative; box-sizing: border-box; vertical-align: top; position: relative; background-color: #000; display: inline-block; height: auto; overflow: hidden; } .box-seccion .image { position: absolute; top: 0; bottom: 0; background-color: #000; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform .3s ease-in-out; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-in-out; transition-delay: 0s; } .box-seccion .image { height: auto; width: 100%; opacity: .6; } .box-seccion .image:hover {transform: scale(1.05);} .box-seccion .caption { left: 10%; width: 80%; } .box-seccion .caption { text-transform: uppercase; font-size: 24px; font-weight: bold; font-family: 'Ropa Sans', sans-serif; display: inline-block; position: absolute; text-align: left; vertical-align: middle; background-color: transparent; bottom: 0; bottom: 11%; padding: 0; margin: 0;} .box-seccion .caption .h{max-height:none;color:#373737;background-color:#fff;display:inline;padding:0;box-shadow:0 0 0 .2em #fff;-webkit-box-decoration-break:clone;-ms-box-decoration-break:clone;-o-box-decoration-break:clone;box-decoration-break:clone} /* ----------------------------------------- */ /* View: SECCIONES LISTADO - end */ /* ----------------------------------------- */