$( ()=> {$( "article" ).removeClass( "col-md-8" ).addClass( "col-md-12" );$(".article-social").remove();});
article header {padding-bottom: 0 !important;}
.carousel-inner > .item {max-height: 600}
.carousel-control { left: 25px; right: auto }
.carousel-control.right { right: 25px; left: auto; }
.redesProductor { display: flex; flex-direction: row; }
.redesProductor a { color: transparent; text-decoration: none; margin-right:16px }
.redesProductor a:hover { color: transparent; text-decoration:none }
.detalles .row {display:flex; flex-wrap: wrap;}
.detalles .row div.col-md-6:nth-child(1) {margin-bottom: 22px;}
@media (min-width: 768px) {
.detalles .row div.col-md-6:nth-child(1) {margin-bottom: 22px;}
}
@media (min-width: 992px) {
.detalles .row div.col-md-6:nth-child(1) {margin-bottom: 0;}
}
.redesProductorContainer {
display: flex;
padding: 2rem;
background: whitesmoke;
border-radius: 1.5rem;
flex-direction: column;
height:100%;
}
.redesProductorContainer h3 {
margin: 0;
padding-bottom: 5px;
border-bottom: 1px solid #333333;
}
.display-flex {
display: flex;
align-items: center;
margin-bottom: 8px;
flex-wrap: wrap;
}
.informacionAdicional p {
margin-bottom: 8px;
}
.redesProductor p {
margin-bottom: 0;
font-size: 21px;
font-weight: 800;
}
.redesProductor,
.informacionAdicional {
padding-top: 18px;
display: flex;
flex-direction: column;
}
.volverBoton {
margin-top: 32px;
}
Previous
Next
Previous
Next
<div class="detalles">
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="redesProductorContainer ">
<h3>Conocé sus redes sociales</h3>
<div class="redesProductor">
<div class="display-flex">
<a href="https://www.instagram.com/trufasar/" target="_blank">
<img src="/sites/default/files/media/image/2020/10/21/c573055695026c226c23001f390f1d76e6b3cde3.png" width="40px">
</a>
<p>/trufasar</p>
</div>
<div class="display-flex">
<a href="https://www.facebook.com/trufasar/" target="_blank">
<img src="/sites/default/files/media/image/2020/10/21/1d3fd5b8dc4534105fc03f424f6b204d0805c9c8.png" width="40px">
</a>
<p>/trufasar</p>
</div>
<div class="display-flex">
<a href="http://trufasdelnuevomundo.com/" target="_blank">
<img src="/sites/default/files/media/image/2020/10/21/bf98493f5a079b9c81ce049719fd9fc9bed0de5a.png" width="40px">
</a>
<p>trufasdelnuevomundo.com</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="redesProductorContainer ">
<h3>Información adicional</h3>
<div class="informacionAdicional">
<p><strong>Categoria</strong>: Alimentos</p>
<p><strong>Ubicación</strong>: Ciudad Autónoma de Buenos Aires</p>
<p><strong>Región a la que representa</strong>: Centro</p>
</div>
</div>
</div>
</div>
</div>
« Volver