/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11-jul-2019, 10:25:47
    Author     : Tatiana
*/

@mixin bannersDobles(){
    .bannersDobles{
        margin-top:18px;
        margin-bottom: 38px;

        /* Lo que viene ahora es para que los banners cuadren */
      
        figcaption {
            position: absolute;
            bottom: 40%;
            background: $primario;
            color: $banner_color_texto;
            width: 100%;
            font-size: 2em;
            font-family: $fuente_banner;
            letter-spacing: 0em;
            padding: 10px 20px;
            opacity: 0.8;
        }
		img {
			width:100%;
		}
    }
    .hover_banner_img1 {
        display: block;
        position: relative;
        a{
            color: $color_gris_oscuro;
            text-decoration: none;
            transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s;
            img{
                width:100%;
            }
            &::before {
                height: 100%;
                border-style: solid;
                border-width: 10px;
                border-color: rgba(228, 228, 228, 0.43);
                background: rgba(255,255,255,0.15);
                content: "";
                position: absolute;
                transform: scale(0);
                transition-duration: 0.3s;
                transition-property: transform;
                width: 100%;
                transition-timing-function: ease-out;
                z-index: -1;
            }
            &:hover::before {
                transform: scale(1);
                z-index: 1;
            }
        }
    }
}