/* ==========================================================
   SEGUROS — VENTAJAS
   ========================================================== */

.pw-insurance-advantages{
    overflow:hidden;
    padding:0 0 2rem;
    background:#F6F8F5;
    border-bottom:1px solid #E3E8E0;
}

.pw-insurance-advantages__container{
    width:min(calc(100% - 32px),var(--pw-container));
    margin-inline:auto;
}


/* ==========================================================
   IMAGEN
   ========================================================== */

.pw-insurance-advantages__image-wrap{
    position:relative;
    width:min(100%,760px);
    height:170px;
    margin:0 auto;
}

.pw-insurance-advantages__image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 58%;
    border:0;
    box-shadow:none;

    -webkit-mask-image:
            linear-gradient(
                    180deg,
                    transparent 0%,
                    rgba(0,0,0,.65) 18%,
                    #000 38%,
                    #000 62%,
                    rgba(0,0,0,.65) 82%,
                    transparent 100%
            );

    mask-image:
            linear-gradient(
                    180deg,
                    transparent 0%,
                    rgba(0,0,0,.65) 18%,
                    #000 38%,
                    #000 62%,
                    rgba(0,0,0,.65) 82%,
                    transparent 100%
            );
}


/* ==========================================================
   VENTAJAS
   ========================================================== */

.pw-insurance-advantages__items{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.pw-insurance-advantage{
    position:relative;
    display:flex;
    align-items:center;
    gap:.8rem;
    padding:1rem 1.25rem;
}

.pw-insurance-advantage:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:20%;
    width:1px;
    height:60%;
    background:#D9E1D5;
}

.pw-insurance-advantage__icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:50%;
    background:#EDF6E9;
    color:var(--pw-green);
}

.pw-insurance-advantage__icon svg{
    width:21px;
    height:21px;
}

.pw-insurance-advantage strong,
.pw-insurance-advantage span{
    display:block;
}

.pw-insurance-advantage strong{
    color:var(--pw-navy);
    font-family:var(--pw-font-heading);
    font-size:.82rem;
    font-weight:800;
}

.pw-insurance-advantage span{
    margin-top:.15rem;
    color:var(--pw-text);
    font-size:.74rem;
    line-height:1.4;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:900px){

    .pw-insurance-advantages__items{
        grid-template-columns:repeat(2,1fr);
    }

    .pw-insurance-advantage:nth-child(2)::after{
        display:none;
    }

    .pw-insurance-advantage:nth-child(-n+2){
        border-bottom:1px solid #D9E1D5;
    }
}

@media (max-width:600px){

    .pw-insurance-advantages__container{
        width:calc(100% - 24px);
    }

    .pw-insurance-advantages__image-wrap{
        width:calc(100% + 24px);
        margin-left:-12px;
        height:150px;
    }

    .pw-insurance-advantages__items{
        grid-template-columns:1fr;
    }

    .pw-insurance-advantage{
        padding:1rem 0;
    }

    .pw-insurance-advantage::after{
        display:none !important;
    }

    .pw-insurance-advantage:not(:last-child){
        border-bottom:1px solid #D9E1D5;
    }
}