.vender-con-bpa-banner
{
    margin-top: -80px;
}
.boton-valorar
{
    max-width: 200px!important;
}

.cuadros-valoracion-online h2, .cuadros-valoracion-online p
{
  color: #fff;
}
.cuadros-valoracion-online figure
{
  height: 100%;
  margin-bottom: 0;
}
.cuadros-valoracion-online img
{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.cuadros-valoracion-online-verde
{
  background-color: #0e2723;
  padding: 2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.cuadros-valoracion-online img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.contenedor-por-que-vender > div:nth-child(1),
.contenedor-por-que-vender > div:nth-child(2)
{
    position: relative;
}

.contenedor-por-que-vender > div:nth-child(1)::after,
.contenedor-por-que-vender > div:nth-child(2)::after
{
    content: '';
    position: absolute;
    right: 5px;
    top: 0;
    margin-top: 3.5rem;
    width: 75px;
    height: 23.38px;
    background-image: url('data:image/svg+xml;utf8,<svg role="presentation" width="60" stroke="%23000000" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 18.7"><path d="M4.2 9.4h32.1"/><path d="M31.3 13.4l5-4-5-4"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}
.imagen-valoracion-online{
    height: 100%;
}
.contenedor-por-que-vender h2
{
    font-weight: 600;
}
@media (min-width: 1200px)
{
    .contenedor-por-que-vender h2
    {
        font-size: 1.5rem!important;
    }
    .cuadros-valoracion-online-verde
    {
        padding: 5rem;
    }
    .botones-valoracion-online
    {
        flex-wrap: nowrap;
        gap: 2rem;
    }
    .fila-valoracion-online {
        gap: 2rem;
        flex-wrap: nowrap;
    }
    .cuadros-valoracion-online {
        border-radius: 20px;
    }
    .cuadros-valoracion-online figure, .cuadros-valoracion-online img {
        border-radius: 20px;
    }
    .fila-representantes {
        gap: 2rem;
        flex-wrap: nowrap;
    }
}

@media (max-width: 768px) 
{
    .valoracion-online-texto-titulo
    {
        font-size: 1.5rem!important;
    }
    .texto-mision
    {
        font-size: 1rem!important;
    }
    .vender-con-bpa-banner
    {
       min-height: auto!important;
       margin-top: 0!important;
    }
    .vender-texto-principal
    {
        font-size: 1.5rem!important;
    }
    .cuadros-valoracion-online-verde
    {
        padding: 2rem;
    }
    .boton-valorar
    {
        max-width: 200px!important;
    }
    .boton-valorar a
    {
        font-size: 0.8rem!important;
    }
    .cuadros-valoracion-online p 
    {
        font-size: 1rem!important;
    }
}
@media (max-width: 768px)
{
    .colaboracion-titulo
    {
        font-size: 1.5rem!important;
    }
    .colaboracion-texto
    {
        font-size: 1rem!important;
    }
    .contenedor-colaboracion-internacional img
    {
        max-width: 200px;
    }
    .contenedor-colaboracion-internacional .wp-block-image
    {
       display:flex;
    }
    .contenedor-por-que-vender
    {
        gap: 2rem;
    }

    .contenedor-por-que-vender > div:not(:last-child)::after
    {
        content: '';
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        display: block;
        margin: 20px auto 0;
        width: 18.7px;
        height: 60px;
        background-image: url('data:image/svg+xml;utf8,<svg role="presentation" width="18.7" height="60" stroke="%23000000" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.7 40"><path d="M9.4 4.2v32.1"/><path d="M13.4 31.3l-4 5-4-5"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        pointer-events: none;
    }
    
    .por-que-vender-fila-1 > div:last-child::after
    {
        content: '';
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        display: block;
        margin: 20px auto 0;
        width: 18.7px;
        height: 60px;
        background-image: url('data:image/svg+xml;utf8,<svg role="presentation" width="18.7" height="60" stroke="%23000000" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.7 40"><path d="M9.4 4.2v32.1"/><path d="M13.4 31.3l-4 5-4-5"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        pointer-events: none;
    }
    .titulo-representacion
    {
        font-size: 1.5rem!important;
    }
    .representacion-texto
    {
        font-size: 1rem!important;
    }
    .titulo-por-que-vender
    {
        font-size: 1.5rem!important;
    }
    .por-que-vender-texto
    {
        font-size: 1rem!important;
    }
}
@media (max-width: 576px)
{
    .botones-valoracion-online div
    {
        width: 100%!important;
    }
}