﻿.bloque-solucion
{
    border-radius : 12px;
    border        : 1px solid #FFF;
    background    : rgba(255, 255, 255, 0.50);
    margin        : 0px 0px 20px 150px;
    padding       : 0px 10px 0px 10px;
    max-width     : 1140px;
    position      : relative;
}
.bloque-solucion:hover
{
    background-color : #FFFFFF !important;
}
.bloque-solucion .capa-comming-soon
{
    position : absolute;
    right    : 0;
    top      : 0;
    margin   : -22px -11px 0px 0px;
}
.bloque-solucion .capa-comming-soon img
{
    width : 70px;
}
.bloque-solucion .textos-1
{
    padding: 70px 0px 60px 45px;
}
.bloque-solucion .textos-1 .row-txt-1
{
    color       : #161C2D;
    font-size   : 28px;
    font-style  : normal;
    font-weight : 800;
    line-height : 36.4px;
    padding     : 20px 0px 20px 15px;
}
.bloque-solucion .textos-1 .row-txt-2
{
    color       : #737B7D;
    font-size   : 16px;
    font-style  : normal;
    font-weight : 400;
    line-height : 22.4px;
    padding     : 0px 0px 0px 15px
}
.bloque-solucion .textos-1 .row-txt-3, .bloque-solucion .textos-2 .row-txt-3
{
    color       : #DD082D;
    font-size   : 18px;
    font-style  : normal;
    font-weight : 800;
    line-height : 23.4px;
    padding     : 30px 0px 0px 15px;
}

.bloque-solucion .textos-2
{
    padding: 85px 50px 60px 70px;
}
.bloque-solucion .textos-2 .row-txt
{
    padding  : 7px 0px 8px 0px;
}
.bloque-solucion .textos-2 .col-txt
{
    color       : #737B7D;
    font-size   : 16px;
    font-style  : normal;
    font-weight : 400;
    line-height : 22.4px;
    padding     : 3px 0px 0px 0px;
}




@media (min-width: 1440px)  /*XXXL*/
{
    .bloque-solucion .textos-2 .row-txt-3
    {
        display : none;
    }
}
@media (min-width: 1400px)  and (max-width: 1440px) /*XXL*/
{
    .bloque-solucion
    {
        margin  : 0px 0px 40px 90px !important;
        padding : 0px 0px 30px 10px !important;
    }
    .bloque-solucion .textos-2 .row-txt-3
    {
        display : none;
    }
}
@media (min-width: 1200px)  and (max-width: 1399px) /*XL*/
{
    .bloque-solucion
    {
        margin    : 0px 0px 20px 30px !important;
        max-width : 1080px !important;
    }
    .bloque-solucion .textos-2
    {
        padding: 50px 50px 50px 50px !important;
    }
    .bloque-solucion .textos-2 .row-txt-3
    {
        display : none;
    }
}
@media (min-width: 992px)  and (max-width: 1199px) /*LG*/
{
    .bloque-solucion
    {
        margin    : 0px 0px 20px 70px !important;
        max-width : 830px !important;
    }
    .bloque-solucion .textos-1
    {
        padding: 70px 0px 0px 45px !important;
    }
    .bloque-solucion .textos-2
    {
        padding: 20px 50px 60px 70px !important;
    }
    .bloque-solucion .textos-1 .row-txt-3
    {
        display : none;
    }
}
@media (min-width: 768px)  and (max-width: 991px) /*MD*/
{
    .bloque-solucion
    {
        margin    : 0px 0px 20px 50px !important;
        max-width : 620px !important;
    }
    .bloque-solucion .textos-1
    {
        padding: 70px 0px 0px 45px !important;
    }
    .bloque-solucion .textos-2
    {
        padding: 20px 50px 60px 70px !important;
    }
    .bloque-solucion .textos-1 .row-txt-3
    {
        display : none;
    }
}
@media (min-width: 576px)  and (max-width: 767px) /*SM*/
{
    .bloque-solucion
    {
        margin    : 0px 0px 20px 30px !important;
        max-width : 480px !important;
    }
    .bloque-solucion .textos-1
    {
        padding: 70px 0px 0px 45px !important;
    }
    .bloque-solucion .textos-2
    {
        padding: 20px 50px 60px 70px !important;
    }
    .bloque-solucion .textos-1 .row-txt-3
    {
        display : none;
    }
    .bloque-solucion .textos-1 .row-txt-2
    {
        padding : 0px !important;
        margin  : 0px !important;
    }
}
@media (min-width: 0px)  and (max-width: 575px) /*XS*/
{ 
    .bloque-solucion
    {
        padding   : 0px;
        margin    : 0px 0px 20px 0px !important;
        max-width : auto !important;
    }
    .bloque-solucion .textos-1
    {
        padding: 30px 0px 0px 10px !important;
    }
    .bloque-solucion .textos-1 .row-txt-1
    {
        font-size       : 24px !important;
    }
    .bloque-solucion .textos-2
    {
        padding: 20px 50px 60px 30px !important;
    }
    .bloque-solucion .textos-1 .row-txt-3
    {
        display : none;
    }
    .bloque-solucion .textos-1 .row-txt-2
    {
        padding : 0px !important;
        margin  : 0px !important;
    }
}