@charset "UTF-8";
/* CSS Document */

/* ************************************** */
/* BOTON IMAGEN HOVER */
/* ************************************** */

.vista
{
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}

.vista .mascara, .vista .contenido
{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.vista img
{
    display: block;
    position: relative;
}

.vista h2
{
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: hsla(5,5%,5%,0.7);
    margin: 30px 0 0 0;
}

.vista p
{
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}

.vista a.informacion
{
    display:block;
    text-decoration: none;
    padding: 7px 14px;
    background: #D64B5B;
    color: #fff;
    text-transform: uppercase;
	width:120px;
	margin:auto;
	margin-top:50px;
	font-size: 12px;
}

.vista a.informacion:hover
{
    box-shadow: 0 0 5px #000
}

.vista img {
    transition: all 0.2s linear;
}
.vista .mascara {
    opacity: 0;
    background-color: rgba(214,75,91,0.7); /* Color naranja con 0.7 de opacidad */
    transition: all 0.4s ease-in-out;
}
.vista h2 {
    opacity: 0;
    transform: translateY(-100px);
    transition: all 0.2s ease-in-out;
	font-weight:400;
}
.vista p {
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.2s linear;
}
.vista a.informacion{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.vista:hover img {
    transform: scale(1.1);
}
.vista:hover .mascara {
    opacity: 1;
}
.vista:hover h2,
.vista:hover p,
.vista:hover a.informacion {
    opacity: 1;
    transform: translateY(0px);
}
.vista:hover p {
    transition-delay: 0.1s;
}
.vista:hover a.informacion {
    transition-delay: 0.2s;
}

@media only screen and (max-width : 680px){

.vista a.informacion
{
	margin-top: 30px;
}
	
}

@media only screen and (max-width : 580px){

.vista a.informacion
{
	margin-top: 50px;
}
	
}

@media only screen and (max-width : 410px){

.vista a.informacion
{
	width: 140px;
	margin-top: 70px;
	font-size: 18px;
}
	
}
/*
     FILE ARCHIVED ON 17:28:18 May 05, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:27:38 Oct 15, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.45
  exclusion.robots: 0.014
  exclusion.robots.policy: 0.006
  esindex: 0.009
  cdx.remote: 5.81
  LoadShardBlock: 65.945 (3)
  PetaboxLoader3.datanode: 132.427 (5)
  PetaboxLoader3.resolve: 153.025 (3)
  load_resource: 222.951 (2)
*/