@import './constants.css';

/* CONTACTO */
section.bg-gradient-2:before {
    content: "";
    position: absolute;
    top: -5px;
    height: 10px;
    width: calc(70%);
    left: 15%;
    background-color: var(--blue);
}

#page-contact section {
    padding-top: 7rem;
    padding-bottom: 10rem;
}

.box {
    background: #fff;
    border-radius: 2rem;
    position: relative;
}

.contacto-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    mix-blend-mode: multiply;
}

.error-404 {
    min-height: 80vh;
    display: flex;
    align-items: center;
}

.error-404 .main-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

/* QUIENES SOMOS */
#page-aboutus main:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 60vh;
    background-size: cover;
  /*  background: linear-gradient(94.35deg, rgba(223, 207, 168, 0.25) 0%, rgba(0, 146, 203, 0.25) 100%);*/
    background: linear-gradient(0deg, rgba(217,28,92,1) 4%, rgba(77,90,212,1) 100%);
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
}

.aboutus-main {
    overflow: hidden;
}

.aboutus-main h1 {
    margin-bottom: 5rem;
}

.aboutus-main .misc {
    position: absolute;
}

.aboutus-main .misc-1 {
    position: absolute;
    left: 10%;
    top: 5rem;
    width: 10rem;
}

.aboutus-main .misc-2 {
    position: absolute;
    right: -5%;
    bottom: 40%;
    width: 15rem;
}

.aboutus-misionvision .box {
    display: flex;
    box-shadow: var(--box-shadow-3);
    border: solid 1px #f4f4f4;
    border-radius: 5rem;
    padding: 3rem 2rem;
    margin-top: 5rem;
}

.aboutus-misionvision .box .item {
    flex: 1 1 0;
    position: relative;
    width: 0;
    padding-left: 6%;
    padding-right: 6%;
}

.aboutus-misionvision .box .item:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: rgb(223, 207, 168);
    background: linear-gradient(180deg, rgba(223, 207, 168, 1) 0%, rgba(0, 146, 203, 1) 100%);
}

.aboutus-misionvision .box .item:last-child:after {
    content: none;
}

.aboutus-misionvision .box h3 {
    margin-bottom: 1rem;
    text-align: center;
    text-transform: uppercase;
    color: var(--blue);
    font-size: var(--text-l);
}

.aboutus-misionvision .box hr {
    margin: 0 auto 1.5rem auto;
    height: 5px;
    background-color: var(--blue);
    width: 100px;
    border: 0;
    opacity: 1;
}

.aboutus-misionvision .box p {
    font-size: var(--text-rm);
    text-align: left;
    margin-bottom: 1rem;
}

.box.round {
    border-radius: 50% !important;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#page-aboutus .separator:after {
    opacity: .5;
}

#page-aboutus .separator:before {
    content: "";
    position: absolute;
    height: 6px;
    background-color: var(--blue);
    width: 70%;
    left: 15%;
    top: -3px;
    z-index: 20;
}

.aboutus-cifras .boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: center;
    justify-content: center;
}

.aboutus-cifras .boxes:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    background-image: url(../images/centrocifras.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    left: calc(50% - 100px);
    top: calc(50% - 30px);
    z-index: 1;
}

.aboutus-cifras .box {
    background-color: #fff;
    box-shadow: var(--box-shadow-2);
    border-radius: 3rem;
    padding: 2rem;
    width: calc(50% - 8rem);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.aboutus-cifras .box .number {
    font-weight: 600;
    font-size: var(--text-xxxxl);
    color: var(--blue);
    text-align: center;
}


.aboutus-cifras .box .text {
    font-size: var(--text-rm);
    font-weight: 600;
    text-align: center;
}

.aboutus-reconocimientos .boxes {
    display: flex;
    align-items: center;
    gap: 3rem;
    text-align: center;
}

.aboutus-reconocimientos .boxes .box:nth-child(2) {
    transform: scale(1.1);
    padding-top: 5rem;
}

.aboutus-reconocimientos .boxes .box {
    flex: 1 1 0;
    box-shadow: var(--box-shadow-3);
    border-radius: 3rem;
    padding: 2rem;
}

.aboutus-reconocimientos .boxes .box .icon {
    border-radius: 50%;
    box-shadow: var(--box-shadow-2);
    background-color: #fff;
}

.aboutus-reconocimientos .boxes .box .icon img {
    max-width: 50%;
}

.aboutus-reconocimientos .boxes .box .title {
    color: var(--blue);
    font-size: var(--text-ml);
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 500;
}

.valores {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1.5rem;
}

.valores .valor {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 1rem;
}

.valores .valor p {
    font-weight: 600;
    font-size: var(--text-m);
    text-align: center;
    line-height: 1;
}

.header-inner {
    min-height: 450px;
    padding-bottom: 20px;
}

.header-inner .left,
.header-inner .right {
    z-index: -1;
    position: absolute;
    width: 53%;

    top: 0;
}


.header-inner.left-bottom .left {
    top: 70px;
}

.header-inner.right-bottom .right {
    top: 70px;
}

.header-inner .right {
    right: 0;
}

.page-template-page-joinus .boxes {
    padding-top: 5rem;
    padding-bottom: 7rem;
}

.box.box-joinus {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    margin-bottom: 2rem;
    padding: 4rem 2rem 2rem 2rem;
}

.box.box-joinus .icon {
    border-radius: 50%;
    box-shadow: var(--box-shadow-2);
    background-color: #fff;
    padding: 1rem;
    transition: all .2s ease;
}



.box.box-joinus:hover .icon {
    transform: scale(1.1);
}

/* IT SERVICES */
section.headerSwiper {
    padding-top: 0;
}

section.headerSwiper .swiper-slide {
    height: 600px;
}

.headerSwiper .swiper-slide img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

/* CARGAR CV */

.cargarcv-form {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 1%, rgba(223, 207, 168, 0.25) 25%, rgba(0, 146, 203, 0.25) 75%, rgba(255, 255, 255, 0) 100%);
    min-height: 50rem;
}

.delete {
    cursor: pointer;
    color: crimson;
    text-transform: uppercase;
    letter-spacing: .1rem;
    text-align: right;
    margin-bottom: 1rem;
    position: absolute;
    top: 0;
    right: -1.5rem;
}

.estudioWrapper div:first-child .delete,
.cursosWrapper div:first-child .delete,
.experienciaWrapper div:first-child .delete,
.estudioWrapper div:last-child hr,
.cursosWrapper div:last-child hr,
.experienciaWrapper div:last-child hr {
    display: none;
}

.repeat-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3rem;
}

.form-floating {
    width: 100%;
}

.experienciaWrapper .w-45,
.form-floating.w-45 {
    width: 48%;
}

.wpcf7-field-group {
    position: relative;
    display: flex;
	flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.wpcf7-field-group-add {
    position: absolute;
    bottom: -2rem;
    right: 0;
    width: 100px;
    border-radius: 0.5rem;
    border: none;
    padding: 0.25rem 2rem;
    font-weight: 500;
    background: var(--gradient-blue);
    color: #fff;
    box-shadow: 0 0 0 2px var(--blue);
    transition: all .2s ease;
}

.wpcf7-field-group-add:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    content: "Añadir otra";
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--gradient-blue);
    color: #fff;
    box-shadow: 0 0 0 2px var(--blue);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}


.wpcf7-field-group-add:hover:after {
    background: var(--gradient-1);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}


.wpcf7-field-group-remove {
    position: absolute;
    top: 0;
    right: -75px;
    width: 50px;
    height: 50px;
    border-radius: 0.5rem;
    border: none;
    padding: 0.25rem 2rem;
    font-weight: 500;
    background: rgba(255, 255, 255, 0);
    content: "X";
    color: rgba(255, 255, 255, 0);
    box-shadow: none;
    transition: all .2s ease;
}

.wpcf7-field-group-remove:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "Eliminar";
    color: crimson;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.wpcf7-field-group:not(:last-child) .wpcf7-field-group-add {
    display: none;
}

.wpcf7-file {
    color: transparent;
}

.wpcf7-file::-webkit-file-upload-button {
    visibility: hidden;
}

.wpcf7-file::before {
    content: 'Seleziona un file';
    color: white;
    display: inline-block;
    background: #ff9800;
    border: 2px solid #e68d09;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10pt;
}

.wpcf7-file:active {
    outline: 0;
}

.wpcf7-file:hover::before {
    border-color: #ffaf37;
}

.wpcf7-file:active::before {
    background-color: #ff9800;
}

/* BÚSQUEDAS LABORALES  */

.busqueda-laboral-header {
    background: var(--gradient-2);
    box-shadow: var(--box-shadow-1);
    border-radius: 2rem;
    padding: 5rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    margin-top: 3rem;
}

/* INVESTORS */
.investors-header {
    background-image: url(../images/contacto-bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 5rem;
    padding-bottom: 2rem;
}

.investors-header hr {
    width: 100%;
    height: 4px;
    border: none;
    background-color: var(--blue);
    opacity: 1;
}

.investors-header .menu-secondary {
    margin-top: 3rem;
}

.investors-comunicados .col-md-4:nth-child(1) .box-post,
.investors-comunicados .col-md-4:nth-child(2) .box-post,
.investors-comunicados .col-md-4:nth-child(3) .box-post {
    border: solid 1px rgba(255, 255, 255, 0);
    background: linear-gradient(94.35deg, rgba(223, 207, 168, 0.25) 0%, rgba(0, 146, 203, 0.25) 100%);
    border-top: solid 8px rgba(255, 255, 255, 0);
}

.badge {
    display: none;
}

.investors-comunicados .col-md-4:nth-child(1) .badge,
.investors-comunicados .col-md-4:nth-child(2) .badge,
.investors-comunicados .col-md-4:nth-child(3) .badge {
    display: inherit;
}

.investors-box {
    border-radius: 3rem;
    box-shadow: var(--box-shadow-3);
    position: relative;
    display: flex;
    align-items: stretch;
    margin-bottom: 5rem;
    min-height: 600px;
}

.investors-box .icon {
    position: absolute;
    left: -50px;
    top: calc(50% - 50px);
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: var(--box-shadow-2);
}

.investors-box .title {
    padding: 4rem 2rem 4rem 6rem;
    display: flex;
    justify-content: center;
}

.investors-box .title p {
    font-size: var(--text-xxxl);
    font-weight: 600;
    color: var(--blue);
    left: calc(50% - .5rem);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: center;
}

.investors-box .image {
    position: relative;
    width: 100%;
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
}


.investors-box .image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .35;
}

.swiperPartners {
    width: 90%;
}

.swiperPartners .swiper-wrapper {
    padding-bottom: 5rem;

}

.swiperPartners .swiper-slide {
    height: auto;
}

.swiperPartners .card {
    padding: 2rem;
    height: 100%;
}

.swiperPartners .logo {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.swiperPartners .logo img {
    width: auto;
    height: auto;
    max-height: 150px;
    object-fit: contain;
}

.swiperPartners .card p {
    font-size: var(--text-m);
}

.partners-button-next,
.partners-button-prev {}

.zeus-scrollbar .swiper-scrollbar-drag {
    background-color: var(--blue);
}

.menu-secondary {

    display: flex;
    align-items: center;
    gap: 3rem;
}

.menu-secondary a {
    color: var(--black);
    font-size: var(--text-rm);
    font-weight: 500;
    transition: all .2s ease-out;
    position: relative;
}

.menu-secondary a:hover {
    color: var(--blue);
}

.menu-secondary a.active {
    color: var(--blue);
}

.menu-secondary a.active:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--gold);
}

.box-post {
    border: solid 1px #f4f4f4;
    border-top: solid 8px var(--blue);
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: var(--box-shadow-1);
    padding: 2rem;
    position: relative;
    margin-bottom: 2rem;
}

.box-post a {
    color: var(--black);
}

.box-post.box-highlight {
    border: solid 1px rgba(255, 255, 255, 0);
    background: linear-gradient(94.35deg, rgba(223, 207, 168, 0.25) 0%, rgba(0, 146, 203, 0.25) 100%);
    border-top: solid 8px rgba(255, 255, 255, 0);
}

.box-post hr.bg-gold {
    background-color: var(--gold);
    width: 70px;
    height: 3px;
    opacity: 1;
    border: none;
}

.box-post .badge {
    position: absolute;
    top: -8px;
    right: 2rem;
    padding: 1rem .5rem;
    color: var(--blue);
    font-weight: 400;
    background-color: #fff;
    border-radius: 0;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    font-size: var(--text-r);
    box-shadow: var(--box-shadow-1);
}

.box-post-2 {
    margin-bottom: 3rem;
}


.box-post-2 .main {
    display: flex;
    margin-top: 1.5rem;
    justify-content: space-between;
    align-items: center;
}

.box-post .title {
    font-size: var(--text-rm);
    font-weight: 600;
}

.box-post .read-more,
.box-post .download {
    color: var(--black);
    font-weight: 400;
    position: relative;
}

.box-post-2 .read-more {

    margin-right: 90px;

}


.box-post .read-more:hover {
    color: var(--gold);
}

.box-post hr {
    width: 70px;
    height: 4px;
    opacity: 1;
    color: #000;
}

.box-post.box-post-2 .read-more:after {
    content: "";
    position: absolute;
    right: -70px;
    top: -25px;
    width: 70px;
    height: 70px;
    background-image: url(../images/icon-arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease-out;
}

.box-post .read-more:after {
    content: "";
    position: absolute;
    right: -40px;
    top: -7px;
    width: 35px;
    height: 35px;
    background-image: url(../images/icon-arrow-right-black.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease-out;
}

.box-post .read-more:hover:after {
    transform: translateX(5px);
}

.box-post .download:after {
    content: "";
    position: absolute;
    right: -40px;
    top: -7px;
    width: 35px;
    height: 35px;
    background-image: url(../images/icon-download-round.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s ease-out;
}

.box-post .download:hover:after {
    transform: translateY(5px);
}

.box-post.box-post-thumb {
    padding: 0;
    display: flex;
    gap: .5rem;
    align-items: stretch;
    border: none;
    box-shadow: none;
}

.box-post.box-post-thumb .thumb {
    width: 40%;
}

.box-post.box-post-thumb .thumb img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}

.box-post.box-post-thumb .data {
    border: solid 1px #f4f4f4;
    border-left: solid 8px var(--blue);
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: var(--box-shadow-1);
    padding: 2rem;
    position: relative;
    width: 60%;
}

/* SOFTWARE FACTORY  */

.features {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 8rem;
}

.features .feature {
    width: calc(25% - 3rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.page-template-page-software-pergo .features .feature {
    width: calc(26% - 3rem);
}


.features .feature .icon {
    border-radius: 50%;
    width: 100px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: var(--box-shadow-3);
}

.features .feature p {
    font-weight: 600;
    font-size: var(--text-m);
    margin-top: 1rem;
    color: var(--black)
}

.downloads {
    margin-top: 5rem;
    display: flex;
    gap: 5rem;
    align-items: center;
    justify-content: center;
}

.downloads a.download {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: var(--black);
    font-size: var(--text-m);
}

.subscrbr-sign-up-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sbscrbr-email-wrap {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 450px;
    max-width: 100%;
}

.subscribe-blog h4 {
    text-align: center;
}

.sbscrbr-email-wrap input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: none;
    border-radius: .5rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.sbscrbr-unsubscribe-wrap {
    display: none;
}

/* SINGLE */
.category-list {
    background: var(--gradient-2);
    padding: 1rem;
    margin-bottom: 4rem;
}

.category-list ul {
    display: flex;
    padding: 0;
    list-style: none;
    justify-content: center;
    align-items: center;

    margin: 0;
}


.category-list ul li {
    margin: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-right: solid 3px var(--blue);
}

.category-list ul li:last-child {
    border-right: none;
}
.category-list ul li a {
    color: #000;
    font-weight: 400;
}

.entry-title {
    color: var(--blue);


}

.post-thumbnail img {
    height: auto;
    width: 100%;
    margin-bottom: 1rem;
}

.page-template-default .entry-header h1 {
    text-align: center;
    color: var(--blue);
    margin-bottom: 2rem;
    background: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
}

.entry-content p,
 .entry-content h3 {
    margin-bottom: 1rem;
}

.entry-content h4 {
    margin-bottom: 1rem;
    margin-top: 3rem;
    color: var(--blue);
}

.comments-area {
    margin-top: 6rem;
}

.comment-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;

}

.comment-form-url,
.comment-form-cookies-consent {
    display: none;
}

.comment-form-comment,
.comment-form-author,
.comment-form-email {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.comment-form-comment {
    width: 100%;
    order: 3;
}

.comment-form-author,
.comment-form-email {
    width: 48%;
    order: 1;
}

.comment-form-comment input,
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}

.form-submit {
    order: 4;
    margin: auto;
}

.comment-reply-title {
    color: var(--blue);
}

.nav-links {

    display: flex;
    justify-content: space-between;
}

.nav-previous {
    position: relative;
    padding-left: 10px;
}

.nav-previous:before {
    content: "";
    position: absolute;
    left: -30px;
    top: -3px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon-arrow-prev.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.nav-next {
    position: relative;
    padding-right: 10px;
}

.nav-next:before {
    content: "";
    position: absolute;
    right: -30px;
    top: -3px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon-arrow-next.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.no-results .page-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.no-results .page-content h1 {
    text-align: center;
}

/* FORMULARIO SUSCRIPCIÓN A BUSQUEDAS */

.stcUL {
    border: solid 1px #f4f4f4;
    padding: .25rem;
    position: relative;
}

.stc-categories-checkboxes {
    margin-bottom: 1.5rem;
}

.stcUL .stc-caret,
.stcUL .stc-caret-u {
    position: absolute;
    right: 0;
}

#stc-update-btn {
    display: block;
    text-align: center;
    margin: auto;
}

.stcUL .stc-caret-u.stc-caret-down-u:before,
.stcUL .stc-caret.stc-caret-down:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.stcUL .stc-caret-u:before,
.stcUL .stc-caret:before {
    content: "";
    height: 20px;
    width: 20px;
    background-image: url(../images/icon-download-round.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transform-origin: 50% 50%;
}

.cat-links a {
    text-decoration: none;
    color: #fff;
    padding: .5rem .5rem;
    font-weight: 600;
    background-color: var(--gold);
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}

.post-sidebar section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.searchandfilter ul {
    list-style: none;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.con-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 3rem;
}

.con-tag .searchandfilter ul {
    align-items: flex-end;
    display: flex;
    margin-bottom: 0;
}

.post-sidebar .searchandfilter ul li:first-child {
    flex: 1;
}

.searchandfilter ul li input {
    border: none;
    border-radius: 0.5rem;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    width: 100%;
}

.searchandfilter select,
.searchandfilter input[type=date] {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;

    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wp-block-archives-list.wp-block-archives {
    list-style: none;
    padding: 0;
    column-count: 3;
    margin-top: 2rem;
}

.wp-block-archives-list.wp-block-archives li {
    border: solid 2px var(--blue);
    text-align: center;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.wp-block-latest-posts__list li {
    border: solid 1px #f4f4f4;
    border-top-color: rgb(244, 244, 244);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: solid 8px var(--blue);
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: var(--box-shadow-1);
    padding: 2rem;
    position: relative;
    margin-bottom: 2rem;
}

.wp-block-latest-posts__list.has-dates li {
    display: flex;
    flex-direction: column-reverse;
    gap: .5rem;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
    color: var(--blue);

}

.wp-block-latest-posts__list a.wp-block-latest-posts__post-title {
    color: #000;
    font-weight: 600;
    font-size: var(--text-rm);
}

.mc4wp-form-fields {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.mc4wp-alert.mc4wp-notice {
    color: var(--blue);
    padding: 1rem;
    text-align: center;
    font-weight: 600;
}

.mc4wp-form-fields p {
    margin-bottom: .75rem;
    width: 100%;
}

.mc4wp-form-fields input[type=submit] {
    width: auto;
    margin-top: 1.5rem;
}

.post-sidebar .wp-block-search__label {
    display: none;
}

.wp-block-search__input,
.searchandfilter input[type=text],
form.dplr_form .input-field input[type="text"],
form.dplr_form .input-field input[type="email"],
.mc4wp-form-fields input,
.comment-form-email input,
.comment-form-author input,
.comment-form-comment textarea {
    border: none;
    border-radius: .5rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 0.375rem 0.75rem;
}

.mc4wp-form-fields input[type=submit] {
    display: inline-block;
}

.msg-data-sending {
    font-size: var(--text-ml);
    color: var(--blue);
    text-align: center;
    font-weight: 600;
    width: 100%;
}

form.dplr_form {
    border-top: none;
    border-bottom: none;
}
.mc4wp-form-fields input {
    width: 100%;
}

.wp-block-search__button,
form.dplr_form .input-buttom button,
.searchandfilter input[type=submit],
.mc4wp-form-fields input[type=submit],
.form-submit .submit {
    border-radius: 0.5rem;
    border: none;
    padding: 0.25rem 1rem;
    font-weight: 500;
    background: var(--gradient-blue);
    color: #fff;
    box-shadow: 0 0 0 2px var(--blue);
    transition: all .2s ease;
}

.share-button-wrapper {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wp-block-archives-dropdown select,
select.filtrar-comunicados {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media screen and (max-width: 1030px) {

    .error-404 {
        flex-direction: column-reverse;
        gap: 1.5rem;
    }

    .error-404 .main-img {
        position: relative;
        width: 100%;
    }

    #page-aboutus:before {
        height: 50%;
    }

    .aboutus-main h1 {
        margin-bottom: 4rem;
    }



    .aboutus-misionvision .box {
        flex-direction: column;
        padding: 2rem;
        border-radius: 3rem;
        margin-top: 2rem;
    }

    .aboutus-misionvision .box .item {
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .aboutus-misionvision .box h3 {
        margin-bottom: 1rem;
    }

    .aboutus-misionvision .box .item:after {
        width: 100%;
        height: 4px;
        left: 0;
        bottom: 0;
        top: auto;
    }

    .aboutus-cifras .box {
        max-width: 100%;
        width: calc(50% - 1rem);
    }

    .aboutus-reconocimientos .boxes {
        flex-direction: column;
    }

    .aboutus-reconocimientos .boxes .box:nth-child(2) {
        transform: scale(1);
    }

    .valores {
        flex-wrap: wrap;
        justify-content: center;
    }

    .valores .valor {
        width: 45%;
    }

    .cards {
        flex-direction: column;
        gap: 1rem;
    }

    .card img:not([class]) {
        aspect-ratio: 16/9;
    }

    #page-contact section {
        padding-bottom: 20rem;
    }

    .contacto-img {
        width: 100%;
        position: relative;
        margin-top: 3rem;
    }
.features {
margin-bottom: 3rem;}
    .features .feature {
        width: calc(50% - 2rem);
    }

    .downloads {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
        margin: auto;
        margin-top: 2rem;
        max-width: 220px;

    }


    .wpcf7-field-group-remove {
        right: auto;
        left: 0;
        top: auto;
        bottom: -3rem;
    }

    .header-inner {
        min-height: 340px;
    }

    .header-inner .left,
    .header-inner .right {
        width: 100%;

    }

    .header-inner.right-bottom .right {
        top: 170px
    }

    .header-inner.left-bottom .left {
        top: 170px;
    }

    .page-template-page-joinus .boxes {
        padding-top: 5rem;
    }

    .boxes>* {
        margin-bottom: 4rem;
    }

    .aboutus-cifras .box .number {
        font-size: var(--text-xxl);
    }

    .aboutus-cifras .boxes:before {
        left: calc(50% - 100px);
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }

    .post-sidebar {
        margin-top: 3rem;
    }

    .category-list ul {
        flex-direction: column;
        text-align: center;
        gap: .75rem;
    }

    .box-post.box-post-thumb {
        flex-direction: column;
        gap: 0;
    }

    .box-post.box-post-thumb .thumb {
        width: 100%;
    }

    .box-post.box-post-thumb .thumb img {
        border-radius: inherit;
        border-top-right-radius: 2rem;
        border-top-left-radius: 2rem;
    }

    .box-post.box-post-thumb .data {
        width: 100%;
        border: solid 1px #f4f4f4;
        border-top-color: rgb(244, 244, 244);
        border-top-style: solid;
        border-top-width: 1px;
        border-top: solid 8px var(--blue);
        border-radius: inherit;
        border-bottom-right-radius: 2rem;
        border-bottom-left-radius: 2rem;
        -webkit-border-radius: inherit;
        -moz-border-radius: inherit;
        -ms-border-radius: inherit;
        -o-border-radius: inherit;
    }

    .searchandfilter ul {
        flex-direction: column;
        gap: .5rem;
    }

    .searchandfilter li {
        width: 100%;
    }

    .comment-form-author,
    .comment-form-email {
        width: 100%;
        order: 1;
    }

    .con-tag {
        flex-direction: column;
    }

    .category-list ul li {
        margin: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        border-right:none;
    }
}