.title-second{
    font-size: 2.25em;
    font-weight: 400;
    color:var(--blue);
    margin:1.875rem 0 3.75rem;
    text-wrap: pretty;
}
.title-third{
    font-size: 1.75em;
    font-weight: 400;
    color:var(--pink);
    margin:0 0 2.5rem;
    text-wrap: pretty;
}
.serv-intro {padding: 4.5rem 0 2.25rem}
.serv-intro [class^="container-"]{gap:1.875rem}
.serv-intro-content {
    font-size: 1.25rem;
    line-height: 1.625rem
}
.serv-intro-content p{
    margin:0 0 1.25rem;
    font-size: 1.5rem;
    line-height: 1.75rem
}
.serv-intro-content p:last-child{margin:0}
.serv-main-list, .serv-inline-list{padding:0 0 3.75rem}
.serv-main-list:after {
    content: "";
    display: block;
    margin: 1.875rem auto 0;
    width: 5rem;
    height: .125rem;
    background: var(--pink);
    background: var(--grad-h-pink-blue);
}
.serv-main-list-img{
    display: block;
    position: relative;
    aspect-ratio: 1 / 1;
    clip-path: polygon( 38.095% 14.048%,21.905% 14.048%,0% 50%,21.905% 85.952%,38.095% 85.952%,29.524% 100%,69.524% 100%,100% 50%,69.524% 0%,29.524% 0% );
}
.serv-main-list-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.serv-main-list-content ul{
    margin: 1rem 1rem 0 1rem;
    padding: 0;
}
.serv-main-list-content ul li{
    list-style: none;
    font-size: 1.375rem;
    position: relative;
    padding:0 0 0 2.75rem;
  }
.serv-main-list-content ul li strong:first-child{
    display: block;
    margin-bottom: .25rem
}
.serv-main-list-content ul li:not(:last-child){margin:0 0 2rem}
.serv-main-list-content ul li:before{
    content: "";
    position:absolute;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 22.7 26" viewBox="0 0 22.7 26"><path d="M22.4 6.3 11.6.1a.6.6 0 0 0-.6 0L.3 6.3c-.2.1-.3.3-.3.5v12.4c0 .2.1.4.3.5l10.8 6.2.1.1h.2l.2-.1 10.8-6.2c.2-.1.3-.3.3-.5V6.8c0-.2-.1-.4-.3-.5zM11.3 1.2 21 6.8l-9.7 5.6-9.6-5.6 9.6-5.6zM1.1 7.7l9.7 5.6v11.2l-9.7-5.6V7.7zm10.8 16.8V13.3l9.7-5.6v11.2l-9.7 5.6z" style="fill:%235756ff"/></svg>');
    width:1.5rem;
    height:1.75rem;
    top:.25rem;
    left:0;
  }

.serv-inline-list .title-third{text-align: center}
.serv-inline-list-content{
    display: flex ;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.875rem;
    margin: 0 0 1.875rem;
    padding: 0;
    list-style: none;
}
.serv-inline-list-content li{
    width: calc(33% - 3.75rem);
    padding:2rem 1.875rem;
    border: solid;
    border-image: linear-gradient(90deg, var(--pink), var(--blue) 50%) 1 / 1px;
    text-align: center;
    transform: skewX(6deg)
}
.serv-inline-list-content:has(> :last-child:nth-child(4)) li {
    width: calc(25% - 3.75rem);
    padding: 2rem 2.25rem 2rem 1.875rem;
}
.serv-inline-list-content li .serv-inline-list-item{
    padding:0rem;
    height: 100%;
    transform: skewX(-6deg)
}
.serv-inline-list-content li strong{
    display:block;
    margin-bottom:.75rem; 
    font-size: 1.125rem;
    color: var(--blue);
}

.serv-boxes{
    padding:2.75rem 0 5rem;
    background-color: var(--light-purple);
    background-image: url(../img/hex-illust-valores.webp);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.serv-boxes-head .title-second{
    font-size: 2rem;
    margin: 1.875rem 0 1.25rem;
}
.serv-boxes-head p{
    font-size: 1.125rem;
    line-height: 1.625rem;
}
.serv-boxes-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.serv-boxes-list li .serv-boxes-item{
    background-color: var(--white);
    padding: 2.5rem;
    height: 100%;
    clip-path: polygon(8% 0%, 92% 0%, 100% 8%, 100% 92%, 92% 100%, 8% 100%, 0% 92%, 0% 8%);
    border: 1px solid #f0ecf3;
}
.serv-boxes-list li p{
    margin:0 0 .875rem;
    line-height: 1.188rem;
    text-wrap:pretty
}
.serv-boxes-list li p:last-child{margin:0}
.serv-boxes-list li .serv-boxes-img-item{transition: var(--transition)}
.serv-boxes-list li .serv-boxes-img-item:hover{
    box-shadow: 0 1px 12px #837fbd33;
}
.serv-boxes-list li .serv-boxes-item .title-third{
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.625rem;
    margin: 0 0 .75rem
}
.serv-boxes-list li .serv-boxes-img-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    clip-path:none;
    height: 100%;
    background-color: var(--white);
    cursor:pointer
}
.serv-boxes-list li .serv-boxes-img-item picture{
    display: block;
    position: relative;
    clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
    max-height: 9.375rem;
    width: 100%;
    transition: var(--transition);
}
.serv-boxes-list li .serv-boxes-img-item:hover picture{
    clip-path: polygon(100% 0, 100% 100%, 50% 85%, 0 100%, 0 0);
}
.serv-boxes-list li .serv-boxes-img-item picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity:1;
    transition: var(--transition);
}
.serv-boxes-list li .serv-boxes-img-item:hover picture img{
    transform: scale(1.1);
    opacity:.8;
}
.serv-boxes-list li .serv-boxes-img-item .title-third{
    font-size: 1.25em;
    font-weight: 500;
    color:var(--black);
    line-height: 1.5rem;
    margin: 2rem 2.5rem 1.125rem;
    transition: var(--transition)
}
.serv-boxes-list li .serv-boxes-img-item:hover .title-third{
    margin: 1.125rem 2.5rem 2rem
}
.serv-boxes-list li .serv-boxes-img-item .title-third a{
    color:var(--black);
    transition: var(--transition);
}
.serv-boxes-list li .serv-boxes-img-item:hover .title-third a{color:var(--blue)}
.serv-boxes-list li .serv-boxes-img-item .serv-boxes-item-text{
    padding:0 2.5rem 2.875rem
}
.page-template-template-planificacion .serv-boxes{background:none}
.page-template-template-planificacion .serv-boxes .serv-boxes-list li .serv-boxes-img-item{background-color:var(--light-purple)}

.contact-prefooter{
    background: var(--dark-grey);
}
.contact-prefooter{background: var(--dark-grey)}
.contact-prefooter-content{
    display: flex;
    justify-content: space-between;
    gap: 2.5rem;
    padding: 4.5rem 0
}
.contact-prefooter-text{
    color:var(--white);
    font-size: 1.25rem;
    line-height: 1.675rem    
}
.contact-prefooter-text p:last-child{margin:0}

/*--- Media Queries ---*/

@media (max-width: 1399.98px) {
    
}

@media (max-width: 1199.98px) {
    .title-second{
        font-size: 2em;
        margin:1.875rem 0 3.125rem
    }
    .title-third{
        font-size: 1.75em;
        margin:0 0 2.25rem;
    }
    .serv-intro-content, .serv-main-list-content ul li {
        font-size: 1.125rem;
    }
    .serv-inline-list-content li, .serv-inline-list-content:has(> :last-child:nth-child(4)) li {
        width: calc(50% - 3.75rem);
    }
    
}

@media (max-width: 991.98px) { 
    .contact-prefooter-text{
        font-size: 1.125rem;
        line-height: 1.375rem
    }
}

@media (max-width: 767.98px) {
    .block-row{
        padding-left:3dvw;
        padding-right:3dvw
    }
    .serv-inline-list-content li, .serv-inline-list-content:has(> :last-child:nth-child(4)) li {width: 90%}
    .serv-main-list-content ul {margin:  0}
    .serv-main-list-img {
        max-width: 65dvw;
        margin: 0 auto 3rem
    }
    .contact-prefooter-content{
        flex-direction: column;
        gap: 1.875rem
    }

}

@media (max-width: 575.98px) {
    .title-second {
        font-size: 1.75em;
        margin: 1.5rem 0 3rem;
    }
    .serv-main-list-img {
        max-width: 85dvw;
    }

    .contact-prefooter-content{
        align-items: center;
        text-align: center
    }

}