Bloque TARJETA-GALERIA/TEXTO

Nombre: TARJETA-GALERIA/TEXTO

Estructura: Tarjeta con un swiper a la izquierda y título + texto a la derecha

Apariencia:

Datos a llenar en el HTML:

- Parámetro Slide en el módulo neo_swiper
- Texto del título
- Texto del cuerpo de la tarjeta

CSS:

Escritorio

.tarjeta-galeria-texto {
float:left;
width: 100%;
display:flex;
background-color: #f8f8f8;
margin: 30px0px;

.container-neo-slider{
width: 40%;
}

.contenido{
width: calc(60%-30px);
padding: 15px;

.titulo{
font-size: 1.3em;
font-weight: bold;
width:100%;
margin-bottom:20px;
}
.texto{
width:100%;
line-height:1.4em;
}

}

Mobile

.mobile .tarjeta-galeria-texto {
flex-wrap: wrap;

.container-neo-slider{
width: 100%;
}

.contenido{
width: calc(100%-30px);
}

}

Implementación del bloque TARJETA-GALERIA/TEXTO