/*
Theme Name:     Xinxeta 2022 Edition
Theme URI:
Description:    Xinxeta child theme.
Author:         Xinxeta Multimèdia Studio
Author URI:     https://xinxeta.es
Template:       xinxeta
Version:        0.1.0
*/

/* TIPOGRAFIAS
    font-family: 'Wulkan display', serif;
    font-family: 'Lato', sans-serif;
*/

/* WEBFONTS - WULKAN */
@font-face {
    font-family: 'Wulkan display';
    src: url('fonts/Wulkandisplay-Black.woff2') format('woff2'),
        url('fonts/Wulkandisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wulkan display';
    src: url('fonts/Wulkandisplay-Bold.woff2') format('woff2'),
        url('fonts/Wulkandisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wulkan display';
    src: url('fonts/Wulkandisplay-Medium.woff2') format('woff2'),
        url('fonts/Wulkandisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wulkan display';
    src: url('fonts/Wulkandisplay-Regular.woff2') format('woff2'),
        url('fonts/Wulkandisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Wulkan display';
    src: url('fonts/Wulkandisplay-Light.woff2') format('woff2'),
        url('fonts/Wulkandisplay-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* COLORES

f4c338  ·   Amarillo
895cf7  ·   Morado
f99370  ·   Naranja
61db81  ·   Verde
66d0e2  ·   Azul
ec8bf7  ·   Rosa
1e1e1e  ·   Negro Background

*/
:root {
    --xinxeta-black: #1e1e1e;
    --xinxeta-blue: #66d0e2;
    --xinxeta-green: #61db81;
    --xinxeta-orange: #f99370;
    --xinxeta-pink: #ec8bf7;
    --xinxeta-purple: #895cf7;
    --xinxeta-red: #e5364b;
    --xinxeta-white: #fff;
    --xinxeta-yellow: #f4c338;
    --primary-background-color: var(--xinxeta-black);
    --primary-text-color: var(--xinxeta-white);
    --accent-text-color: var(--xinxeta-yellow);
    --accent-text-color--first: var(--xinxeta-pink);
    --accent-text-color--last: var(--xinxeta-green);
}
/* ADC */
.nomargin {
    margin: 0 !important;
}
.nomargin p {
    margin: 0 !important;
}
.nomargin h1 {
    margin: 0 !important;
}
.top-page {
    margin-top: -93px !important;
}
.bg-dark {
    background-color: var(--xinxeta-black);
}
.adc-padding-section {
    padding-left: 60px !important;
    padding-right: 60px !important;
}
.elementor-pagination .prev {
    display: none;
}
.elementor-pagination .next {
    display: none;
}
/* TIPOGRAFIAS */
.adc-thin {
    font-weight: 300;
}
.adc-changing-title h1 {
    font-family: 'Wulkan display', serif;
    font-size: 5rem;
    font-weight: 300;
}
.adc-changing-title strong {
    color: #FCC732;
    font-family: 'Lato', sans-serif;
}
.tname p {
    font-family: 'Wulkan display', serif;
    font-size: 6.5rem;
    line-height: 1;
    font-weight: bold;
}

.adc-member-team li:nth-child(1) {
    font-family: 'Wulkan display', serif;
    font-size: 6.5rem;
    line-height: 1.1;
    font-weight: bold;
    padding-bottom: 0px !important;
    width: min-content;
}
.adc-member-team li:nth-child(2) {
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 300;
}

.tjumbo h1 {
    font-family: 'Wulkan display', serif;
    font-size: 6.5rem;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.1;
}
.tjumbo h2 {
    font-family: 'Wulkan display', serif;
    font-size: 6.5rem;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.1;
}
.tjumbo strong {
    color: #FCC732;
}
.twulkan h1 {
    font-family: 'Wulkan display', serif;
    font-size: 2rem;
}
.tjumbo-lower p {
    font-family: 'Wulkan display', serif;
    font-size: 5rem;
    line-height: 1.2;
}
.tjumbo-lower h1 {
    font-family: 'Wulkan display', serif;
    font-size: 5rem;
    line-height: 1.2;
}
.tjumbo-lower a:hover {
    color: #FCC732 !important;
}
.tjumbo-lower h2 {
    font-family: 'Wulkan display', serif;
    font-size: 5rem;
    text-align: center;
}
.mini-title {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: uppercase;
}
.top-heading h1 {
    font-size: 1.25rem;
}
.top-heading {
    font-size: 1.25rem;
}
.adc-mini-text p {
    font-size: 13px;
}
.tpurple {
    color: #895cf7;
}
.tyellow {
    color: #FCC732;
}
.tcyan {
    color: #66d0e2;
}
.tgreen {
    color: #61db81;
}
.tgreen {
    color: #61db81;
}
/* BOTONES */
.adc-xinx-button a {
    background-color: #fff;
    color: #1e1e1e;
}
.adc-xinx-button a:hover {
    background-color: #FCC732;
}
.adc-btn-black .elementor-button-wrapper {
    background: -webkit-repeating-linear-gradient(315deg,#fff,#fff 3px,transparent 3px,transparent 20px);
    background: repeating-linear-gradient(135deg,#fff,#fff 3px,transparent 3px,transparent 20px);
    border: solid 2px #fff;
}
.adc-btn-black a {
    background-color: var(--xinxeta-black);
    color: var(--xinxeta-white);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    border: solid 2px var(--xinxeta-white);
    border-radius: 0;
    transform: rotate(0deg) translateX(5px) translateY(-5px);
    transition: all ease-in-out .2s;
}
.adc-btn-black a:hover {
    transform: translateX(10px) translateY(-10px);
}
/*boton circular hecho con widget boton*/
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
.adc-btn-circle svg {
    width: 100px !important;
}
.adc-btn-circle a {
    background-color: transparent;
    padding: 40px;
    -webkit-border-radius: 0;
    border-radius: 0;
    transition: ease-in-out .3s;
}
.adc-btn-circle .d {
    fill: #fff !important;
}
.adc-btn-circle:hover .d {
    fill: #f4c338 !important;
}
.adc-btn-circle a span {
    height: 100px;
    width: 100px;
}
.adc-btn-circle:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    content: '';
    top: 0;
    -webkit-animation: rotation 10s infinite linear !important;
    animation: rotation 10s infinite linear !important;
    pointer-events: none;
}
.adc-btn-circle-proyectos:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2022/04/ver-proyecto-circle-icon.svg");
}
.adc-btn-circle-blog:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2022/04/ir-al-blog-circle-icon.svg");
}
.adc-btn-circle-enviar:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2022/04/enviar-circle-icon.svg");
}
/*** HEADER ***/
/*navbar*/
#stickyheaders:has(.elementor-active.elementor-menu-toggle) {
    background-color: var(--xinxeta-black) !important;
}
#stickyheaders .elementor-active.elementor-menu-toggle + nav {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    height: 125vh;
    max-height: 125vh;
}
body:has(.elementor-active.elementor-menu-toggle) {
    position: fixed;
    overflow: hidden;
}
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active.elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted.elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus.elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover.elementor-item:hover, .elementor-sub-item.elementor-item-active.elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted.elementor-sub-item.highlighted, .elementor-sub-item:focus.elementor-sub-item:focus, .elementor-sub-item:hover.elementor-sub-item:hover {
    background-color: transparent;
}
.fullest-screen .elementor-menu-toggle {
    z-index: 9999;
}
.fullest-screen nav.elementor-nav-menu__container {
    width: 100vw;
    top: -15px !important;
    left: 0;
    height: 100vh;
    margin: 0;
    background-color: var(--xinxeta-black) !important;
    text-align: left!important;
    padding-bottom: 50px;
    padding-top: 50px;
}
.fullest-screen nav.elementor-nav-menu__container ul {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.fullest-screen nav.elementor-nav-menu__container a.elementor-item {
    justify-content: left;
    font-size: 4.5vw;
    line-height: 1.15;
    font-weight: 900;
    font-family: 'Wulkan display';
}
.serv-title {
    display: none;
}
.serv-title + div,
.fullest-screen nav.elementor-nav-menu__container a.elementor-item:hover {
    transition-duration: .1s;
    opacity: 0;
}
.serv-title + div {
    opacity: 1;
    z-index: 50;
    top: -95px;
}
.serv-title + div .marquee,
.fullest-screen nav.elementor-nav-menu__container a.elementor-item ~ .marquee {
    display:none;
    position: absolute;
    top: 0;
    left: -100vw;
    width: 300vw;
    overflow: hidden;
    pointer-events: none;
}
.serv-title + div .marquee {
    display:block;
}
.fullest-screen nav.elementor-nav-menu__container a.elementor-item:hover ~ .marquee {
    display: block;
}
.serv-title + div .marquee .marquee__inner,
.fullest-screen nav.elementor-nav-menu__container a.elementor-item ~ .marquee .marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(0,0,0);
    transform: translate3d(calc(-25% + 20vw),0,0);
    opacity: 0;
    transition: opacity .1s;
    animation: marquee 80s linear infinite;
    animation-play-state: running;
}
.serv-title + div .marquee .marquee__inner {
    animation: marquee 70s linear infinite;
}
.serv-title + div .marquee .marquee__inner,
.fullest-screen nav.elementor-nav-menu__container a.elementor-item:hover ~ .marquee .marquee__inner {
    animation-play-state: running;
    opacity: 1;
    transition-duration: .4s;
}
.serv-title + div .marquee .marquee__inner span,
.fullest-screen nav.elementor-nav-menu__container a.elementor-item ~ .marquee .marquee__inner span {
    text-align: left;
    color: var(--xinxeta-white);
    font-style: italic;
    white-space: nowrap;
    font-size: 4.5vw;
    padding: 0 1vw;
    font-weight: 900;
    line-height: 1.15;
}
.serv-title + div .marquee .marquee__inner span {
    font-size: 5.5vw;
}
.serv-title + div .marquee .marquee__inner span:nth-child(odd),
.fullest-screen nav.elementor-nav-menu__container a.elementor-item ~ .marquee .marquee__inner span:nth-child(odd) {
    font-family: Lato,sans-serif;
    display: inline-block;
    cursor: pointer;
    position: relative;
    -webkit-text-stroke: 1.5px var(--xinxeta-white);
    -webkit-text-fill-color: transparent;
    color: transparent;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}
.serv-title + div .marquee .marquee__inner span:nth-child(odd),
.serv-title + div .marquee .marquee__inner span {
    font-family: 'Wulkan display';
    font-style: initial;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n + 1) a.elementor-item ~ .marquee .marquee__inner {
    animation: marquee 40s linear infinite;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n + 2) a.elementor-item ~ .marquee .marquee__inner {
    animation: marquee 30s linear infinite;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n + 3) a.elementor-item ~ .marquee .marquee__inner {
    animation: marquee 30s linear infinite;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n + 4) a.elementor-item ~ .marquee .marquee__inner {
    animation: marquee 50s linear infinite;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n + 5) a.elementor-item ~ .marquee .marquee__inner {
    animation: marquee 40s linear infinite;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n) a.elementor-item ~ .marquee .marquee__inner {
    animation: marquee 30s linear infinite;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n + 1) a.elementor-item ~ .marquee .marquee__inner span:nth-child(2n) {
    color: var(--xinxeta-yellow)!important;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n + 2) a.elementor-item ~ .marquee .marquee__inner span:nth-child(2n) {
    color: var(--xinxeta-pink)!important;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n + 3) a.elementor-item ~ .marquee .marquee__inner span:nth-child(2n) {
    color: var(--xinxeta-blue)!important;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n + 4) a.elementor-item ~ .marquee .marquee__inner span:nth-child(2n) {
    color: var(--xinxeta-green)!important;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n + 5) a.elementor-item ~ .marquee .marquee__inner span:nth-child(2n) {
    color: var(--xinxeta-orange)!important;
}
.fullest-screen nav.elementor-nav-menu__container li:nth-child(6n) a.elementor-item ~ .marquee .marquee__inner span:nth-child(2n) {
    color: var(--xinxeta-purple)!important;
}
@keyframes marquee {
    0% {
        transform: translate3d(calc(-25% + 20vw), 0, 0);
    }

    100% {
        transform: translate3d(calc(-50% + 20vw), 0, 0);
    }
}
/*** HOME ***/
/*hero*/
.adc-cafe-icon div.elementor-widget-container {
    display: flex !important;
    flex-direction: row !important;
    justify-content: end !important;
    position: absolute;
    bottom: 0;
    right: 0;
}
.adc-cafe-icon::before {
    opacity: 0;
    content: "¿Hablamos?";
    position: relative;
    top: -70px;
    left: -50px;
    padding: 10px 20px;
    border: solid 2px #fff;
    border-radius: 25px 25px 0px 25px;
    transition: ease-in-out .3s;
}
.adc-cafe-icon:hover::before {
    opacity: 1;
}
.tclaim h1 {
    font-family: 'Wulkan display', serif;
    font-size: 3rem;
    transform: ease-in-out .3s;
}
.tclaim p {
    font-family: 'Wulkan display', serif;
    font-size: 3rem;
    transform: ease-in-out .3s;
}
.adc-claim-section {
    position: absolute !important;
    bottom: 0 !important;
}
/*iconos v2*/
.blf-js-change-title svg {
    max-width: 310px;
    width: 100% !important;
    height: 100% !important;
}
.blf-js-change-title path {
    transition: fill .3s ease;
    fill: #fff;
}
.blf-js-change-title--left {
    transition: transform .5s ease-in-out;
}
.blf-js-change-title--left:hover {
    transform: rotate(10deg);
}
.blf-js-change-title--middle {
    transition: transform .5s ease-in-out;
}
.blf-js-change-title--middle:hover {
    transform: rotate(-10deg);
}
.blf-js-change-title--right {
    transition: transform .5s ease-in-out;
}
.blf-js-change-title--right:hover {
    transform: rotate(10deg);
}
/*GRID PROYECTOS*/
.adc-project-title-rotate {
    transform: rotate(-180deg);
}
/*
.adc-project-fea-image {
    max-width: calc(100% - 30px) !important;
}
*/
.adc-projects-grid img {
    width: 100vw;
    height: 85vh !important;
    object-fit: cover;
}
.adc-projects-grid article:nth-child(1) {
    padding-top: 25%;
}
.adc-projects-grid article:nth-child(4) {
    margin-top: -25%;
}
.adc-projects-grid article:nth-child(6) {
    margin-top: -25%;
}
.adc-side-text-proyectos p {
    transform: rotate(-90deg);
    transform-origin: 0 0;
    position: absolute;
    left: -30px;
    bottom: -23px;
    line-height: 1;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 300;
}
.blf-expand-on-hover div {
    overflow: hidden;
}
.blf-expand-on-hover div img {
    transition: transform .3s ease,-webkit-transform .3s ease;
}
.blf-expand-on-hover div:hover img {
    transform: scale(1.05);
}
/**
 * Cambio de títulos - by Borja
 */
.blf-c-title__wrapper {
    position: relative;
}
.blf-c-title__wrapper .blf-c-title--changeable {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: opacity ease-in-out .3s;
}
.blf-u-hide {
    opacity: 0 !important;
}
/************/
.adc-center-btn {
    position: relative !important;
    right: 0 !important;
    bottom: -15px !important;
}
/*
 * CSS TOGGLE SWITCH
 *
 * Ionuț Colceriu - ghinda.net
 * https://github.com/ghinda/css-toggle-switch
 *
 */
/* supported values are px, rem-calc, em-calc */
/* Hide by default */
.switch-toggle a,
.switch-light span span {
    display: none;
}

/*
 * We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {

    /* Checkbox */
    .switch-light {
        position: relative;
        display: block;
        /*
        * simulate default browser focus outlines on the switch,
        * when the inputs are focused.
        */
    }

    .switch-light::after {
        clear: both;
        content: "";
        display: table;
    }

    .switch-light *,
    .switch-light *:before,
    .switch-light *:after {
        box-sizing: border-box;
    }

    .switch-light a {
        display: block;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .switch-light label,
    .switch-light>span {
        /* breathing room for bootstrap/foundation classes. */
        line-height: 2em;
        vertical-align: middle;
    }

    .switch-light input:focus~span a,
    .switch-light input:focus+label {
        outline-width: 2px;
        outline-style: solid;
        outline-color: Highlight;
        /* Chrome/Opera gets its native focus styles. */
    }

    @media (-webkit-min-device-pixel-ratio: 0) {

        .switch-light input:focus~span a,
        .switch-light input:focus+label {
            outline-color: -webkit-focus-ring-color;
            outline-style: auto;
        }
    }

    /* don't hide the input from screen-readers and keyboard access */
    .switch-light input {
        position: absolute;
        opacity: 0;
        z-index: 3;
    }

    .switch-light input:checked~span a {
        right: 0%;
    }

    /* inherit from label */
    .switch-light strong {
        font-weight: inherit;
    }

    .switch-light>span {
        position: relative;
        overflow: hidden;
        display: block;
        min-height: 2em;
        /*
        * overwrite 3rd party classes padding
        * eg. bootstrap .well
        */
        padding: 0;
        text-align: left;
    }

    .switch-light span span {
        position: relative;
        z-index: 2;
        display: block;
        float: left;
        width: 50%;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .switch-light a {
        position: absolute;
        right: 50%;
        top: 0;
        z-index: 1;
        display: block;
        width: 50%;
        height: 100%;
        padding: 0;
    }

    /* Radio Switch */
    .switch-toggle {
        position: relative;
        display: block;
        /*
        * simulate default browser focus outlines on the switch,
        * when the inputs are focused.
        */
        /* For callout panels in foundation */
        padding: 0 !important;
    }

    .switch-toggle::after {
        clear: both;
        content: "";
        display: table;
    }

    .switch-toggle *,
    .switch-toggle *:before,
    .switch-toggle *:after {
        box-sizing: border-box;
    }

    .switch-toggle a {
        display: block;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .switch-toggle label,
    .switch-toggle>span {
        /* breathing room for bootstrap/foundation classes. */
        line-height: 2em;
        vertical-align: middle;
    }

    .switch-toggle input:focus~span a,
    .switch-toggle input:focus+label {
        outline-width: 2px;
        outline-style: solid;
        outline-color: Highlight;
        border-radius: 50%;
        /* Chrome/Opera gets its native focus styles. */
    }

    @media (-webkit-min-device-pixel-ratio: 0) {

        .switch-toggle input:focus~span a,
        .switch-toggle input:focus+label {
            outline-color: -webkit-focus-ring-color;
            outline-style: auto;
        }
    }

    .switch-toggle input {
        position: absolute;
        left: 0;
        opacity: 0;
    }

    .switch-toggle input+label {
        position: relative;
        z-index: 2;
        display: block;
        float: left;
        padding: 0 0.5em;
        margin: 0;
        text-align: center;
    }

    .switch-toggle a {
        position: absolute;
        top: 2px;
        left: 0;
        padding: 0;
        z-index: 1;
        width: 30px;
        height: 30px;
    }

    .switch-toggle label:nth-child(2):nth-last-child(4),
    .switch-toggle label:nth-child(2):nth-last-child(4)~label,
    .switch-toggle label:nth-child(2):nth-last-child(4)~a {
        width: 50%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(4)~input:checked:nth-child(3)+label~a {
        left: 50%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(6),
    .switch-toggle label:nth-child(2):nth-last-child(6)~label,
    .switch-toggle label:nth-child(2):nth-last-child(6)~a {
        width: 33.33%;
        max-width: 30px;
    }

    .switch-toggle label:nth-child(2):nth-last-child(6)~input:checked:nth-child(3)+label~a {
        left: 33.33%;
        max-width: 30px;
    }

    .switch-toggle label:nth-child(2):nth-last-child(6)~input:checked:nth-child(5)+label~a {
        left: 66.66%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(8),
    .switch-toggle label:nth-child(2):nth-last-child(8)~label,
    .switch-toggle label:nth-child(2):nth-last-child(8)~a {
        width: 25%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(8)~input:checked:nth-child(3)+label~a {
        left: 25%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(8)~input:checked:nth-child(5)+label~a {
        left: 50%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(8)~input:checked:nth-child(7)+label~a {
        left: 75%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(10),
    .switch-toggle label:nth-child(2):nth-last-child(10)~label,
    .switch-toggle label:nth-child(2):nth-last-child(10)~a {
        width: 20%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(10)~input:checked:nth-child(3)+label~a {
        left: 20%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(10)~input:checked:nth-child(5)+label~a {
        left: 40%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(10)~input:checked:nth-child(7)+label~a {
        left: 60%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(10)~input:checked:nth-child(9)+label~a {
        left: 80%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12),
    .switch-toggle label:nth-child(2):nth-last-child(12)~label,
    .switch-toggle label:nth-child(2):nth-last-child(12)~a {
        width: 16.6%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12)~input:checked:nth-child(3)+label~a {
        left: 16.6%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12)~input:checked:nth-child(5)+label~a {
        left: 33.2%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12)~input:checked:nth-child(7)+label~a {
        left: 49.8%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12)~input:checked:nth-child(9)+label~a {
        left: 66.4%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12)~input:checked:nth-child(11)+label~a {
        left: 83%;
    }

    /*
    * Candy Theme
    * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
    * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
    */
    .switch-toggle.switch-candy,
    .switch-light.switch-candy>span {
        background-color: #2d3035;
        border-radius: 3px;
        box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
    }

    .switch-light.switch-candy span span,
    .switch-light.switch-candy input:checked~span span:first-child,
    .switch-toggle.switch-candy label {
        color: var(--xinxeta-white);
        font-weight: bold;
        text-align: center;
        text-shadow: 1px 1px 1px #191b1e;
    }

    .switch-light.switch-candy input~span span:first-child,
    .switch-light.switch-candy input:checked~span span:nth-child(2),
    .switch-candy input:checked+label {
        color: #333;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }

    .switch-toggle.switch-candy,
    .switch-candy a {
        border: 1px solid var(--xinxeta-white);
    }

    .switch-toggle.switch-candy {
        border-radius: 15px;
    }

    .switch-candy a {
        border-radius: 50%;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
        background-color: var(--xinxeta-white);
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), transparent);
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);
    }

    .switch-toggle.switch-candy-blue,
    .switch-toggle.switch-candy-blue a {
        border-color: var(--xinxeta-blue);
    }

    .switch-toggle.switch-candy-blue a {
        background-color: var(--xinxeta-blue);
    }

    .switch-toggle.switch-candy-green,
    .switch-toggle.switch-candy-green a {
        border-color: var(--xinxeta-green);
    }

    .switch-toggle.switch-candy-green a {
        background-color: var(--xinxeta-green);
    }

    .switch-toggle.switch-candy-red,
    .switch-toggle.switch-candy-red a {
        border-color: var(--xinxeta-red);
    }

    .switch-toggle.switch-candy-red a {
        background-color: var(--xinxeta-red);
    }

    .switch-toggle.switch-candy-yellow,
    .switch-toggle.switch-candy-yellow a {
        border-color: var(--xinxeta-yellow);
    }

    .switch-toggle.switch-candy-yellow a {
        background-color: var(--xinxeta-yellow);
    }

    /* iOS Theme */
    .switch-ios.switch-light span span {
        color: #888b92;
    }

    .switch-ios.switch-light a {
        left: 0;
        top: 0;
        width: 2em;
        height: 2em;
        background-color: var(--xinxeta-white);
        border-radius: 100%;
        border: 0.25em solid #D8D9DB;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .switch-ios.switch-light>span {
        display: block;
        width: 100%;
        height: 2em;
        background-color: #D8D9DB;
        border-radius: 1.75em;
        -webkit-transition: all .4s ease-out;
        -moz-transition: all .4s ease-out;
        transition: all .4s ease-out;
    }

    .switch-ios.switch-light>span span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        line-height: 1.875em;
        vertical-align: middle;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .switch-ios.switch-light>span span:first-of-type {
        opacity: 1;
        padding-left: 1.875em;
    }

    .switch-ios.switch-light>span span:last-of-type {
        padding-right: 1.875em;
    }

    .switch-ios.switch-light input:checked~span a {
        left: 100%;
        border-color: #4BD865;
        margin-left: -2em;
    }

    .switch-ios.switch-light input:checked~span {
        border-color: #4BD865;
        box-shadow: inset 0 0 0 30px #4BD865;
    }

    .switch-ios.switch-light input:checked~span span:first-of-type {
        opacity: 0;
    }

    .switch-ios.switch-light input:checked~span span:last-of-type {
        opacity: 1;
        color: var(--xinxeta-white);
    }

    .switch-ios.switch-toggle {
        background-color: #D8D9DB;
        border-radius: 30px;
        box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    }

    .switch-ios.switch-toggle a {
        background-color: #4BD865;
        border: 0.125em solid #D8D9DB;
        border-radius: 1.75em;
        -webkit-transition: all 0.12s ease-out;
        -moz-transition: all 0.12s ease-out;
        transition: all 0.12s ease-out;
    }

    .switch-ios.switch-toggle label {
        height: 2.4em;
        color: #888b92;
        line-height: 2.4em;
        vertical-align: middle;
    }

    .switch-ios input:checked+label {
        color: #3e4043;
    }

    /* Holo Theme */
    .switch-toggle.switch-holo,
    .switch-light.switch-holo>span {
        background-color: #464747;
        border-radius: 1px;
        box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
        color: var(--xinxeta-white);
        text-transform: uppercase;
    }

    .switch-holo label {
        color: var(--xinxeta-white);
    }

    .switch-holo>span span {
        opacity: 0;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s;
    }

    .switch-holo>span span:first-of-type {
        opacity: 1;
    }

    .switch-holo>span span,
    .switch-holo label {
        font-size: 85%;
        line-height: 2.15625em;
    }

    .switch-holo a {
        background-color: #666;
        border-radius: 1px;
        box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0;
    }

    /* Selected ON switch-light */
    .switch-holo.switch-light input:checked~span a {
        background-color: #0E88B1;
    }

    .switch-holo.switch-light input:checked~span span:first-of-type {
        opacity: 0;
    }

    .switch-holo.switch-light input:checked~span span:last-of-type {
        opacity: 1;
    }

    /* Material Theme */
    /* switch-light */
    .switch-light.switch-material a {
        top: -0.1875em;
        width: 1.75em;
        height: 1.75em;
        border-radius: 50%;
        background: #fafafa;
        box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.12);
        -webkit-transition: right .28s cubic-bezier(.4, 0,
                .2, 1);
        -moz-transition: right .28s cubic-bezier(.4, 0,
                .2, 1);
        transition: right .28s cubic-bezier(.4, 0,
                .2, 1);
    }

    .switch-material.switch-light {
        overflow: visible;
    }

    .switch-material.switch-light::after {
        clear: both;
        content: "";
        display: table;
    }

    .switch-material.switch-light>span {
        overflow: visible;
        position: relative;
        top: 0.1875em;
        width: 3.25em;
        height: 1.5em;
        min-height: auto;
        border-radius: 1em;
        background: rgba(0, 0, 0, 0.26);
    }

    .switch-material.switch-light span span {
        position: absolute;
        clip: rect(0 0 0 0);
    }

    .switch-material.switch-light input:checked~span a {
        right: 0;
        background: #3f51b5;
        box-shadow: 0 0.1875em 0.25em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.1875em -0.125em rgba(0, 0, 0, 0.2), 0 0.0625em 0.375em 0 rgba(0, 0, 0, 0.12);
    }

    .switch-material.switch-light input:checked~span {
        background: rgba(63, 81, 181, 0.5);
    }

    /* switch-toggle */
    .switch-toggle.switch-material {
        overflow: visible;
    }

    .switch-toggle.switch-material::after {
        clear: both;
        content: "";
        display: table;
    }

    .switch-toggle.switch-material a {
        top: 48%;
        width: 0.375em !important;
        height: 0.375em;
        margin-left: 0.25em;
        background: #3f51b5;
        border-radius: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform 0.4s ease-in;
        -moz-transition: -moz-transform 0.4s ease-in;
        transition: transform 0.4s ease-in;
    }

    .switch-toggle.switch-material label {
        color: rgba(0, 0, 0, 0.54);
        font-size: 1em;
    }

    .switch-toggle.switch-material label:before {
        content: '';
        position: absolute;
        top: 48%;
        left: 0;
        display: block;
        width: 0.875em;
        height: 0.875em;
        border-radius: 100%;
        border: 0.125em solid rgba(0, 0, 0, 0.54);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .switch-toggle.switch-material input:checked+label:before {
        border-color: #3f51b5;
    }

    /* ripple */
    .switch-light.switch-material>span:before,
    .switch-light.switch-material>span:after,
    .switch-toggle.switch-material label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        display: block;
        width: 4em;
        height: 4em;
        border-radius: 100%;
        background: #3f51b5;
        opacity: .4;
        margin-left: -1.25em;
        margin-top: -1.25em;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: opacity .4s ease-in;
        -moz-transition: opacity .4s ease-in;
        transition: opacity .4s ease-in;
    }

    .switch-light.switch-material>span:after {
        left: auto;
        right: 0;
        margin-left: 0;
        margin-right: -1.25em;
    }

    .switch-toggle.switch-material label:after {
        width: 3.25em;
        height: 3.25em;
        margin-top: -0.75em;
    }
}
/*CARAS*/
.xms-c-faces {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.xms-c-switch,
.xms-c-face,
.xms-c-table-info {
    flex: 0 0 100%;
    max-width: 100%;
}
.xms-c-switch {
	order: 1;
    padding-bottom: 30px;
}
.xms-c-switch__toggle {
    max-width: 90px;
    margin: auto;
}
.xms-c-switch .xms-c-switch__toggle {
    border-radius: 25px;
}
.xms-c-switch .xms-c-switch__toggle .xms-c-switch__state:focus+label.xms-c-switch__label {
    outline-color: transparent;
    outline-style: none;
}
.xms-c-switch .xms-c-switch__toggle .xms-c-switch__label ~ .xms-c-switch__pill {
	height: 30px;
	width: 30px;
}
.xms-c-switch .xms-c-switch__toggle.switch-candy-green .xms-c-switch__label ~ .xms-c-switch__pill {
	margin-left: -2px;
}
.xms-c-switch .xms-c-switch__toggle.switch-candy-red .xms-c-switch__label ~ .xms-c-switch__pill {
	margin-left: 2px;
}
.xms-c-face {
	order: 2;
    display: flex;
    min-height: 1px;
}
.xms-c-face__code {
    margin-left: auto;
    margin-right: auto;
    max-height: 280px;
}
.xms-c-face--sad .xms-c-face__code,
.xms-c-table-info--happy .xms-c-table-info__features {
    margin-left: auto;
}
.xms-c-face--happy .xms-c-face__code,
.xms-c-table-info--sad .xms-c-table-info__features {
    margin-right: auto;
}
.xms-c-face__content,
.xms-c-face__border {
    fill: var(--xinxeta-white);
}
.xms-c-face--happy.xms-c-face--with-colored-border .xms-c-face__border {
    fill: var(--xinxeta-green);
}
.xms-c-face--sad.xms-c-face--with-colored-border .xms-c-face__border {
    fill: var(--xinxeta-red);
}
.xms-c-face--neutral .xms-c-face__border {
    fill: var(--xinxeta-yellow);
}
.xms-c-face__limit {
    fill: transparent;
}
.xms-c-table-info {
	order: 3;
}
.xms-c-table-info {
    align-items: center;
    justify-content: center;
}
.xms-c-table-info--happy.hidden,
.xms-c-table-info--sad.hidden {
	display: none;
}
.xms-c-table-info__features {
    border: thin solid var(--xinxeta-white);
    border-radius: 50px;
    height: fit-content;
    max-width: 400px;
    margin: auto;
}
.xms-c-table-info__features ul {
    padding-left: 0;
    margin: 0;
    text-align: center;
}
.xms-c-table-info__features li {
    padding: 15px;
    font-size: 18px;
}
.xms-c-table-info__features li + li {
    border-top: thin solid var(--xinxeta-white);
}
.xms-c-table-info__features li::marker {
    color: transparent;
}
.xms-c-table-info--happy .xms-c-table-info__features {
    border-color: var(--xinxeta-green);
}
.xms-c-table-info--sad .xms-c-table-info__features {
    border-color: var(--xinxeta-red);
}
.xms-u-hidden {
	display: none !important;
}
@media (min-width: 768px) {
    .blf-js-change-title--left:hover path {
        fill: var(--xinxeta-yellow);/*#f99370;*/
    }
    .blf-js-change-title--middle:hover path {
        fill: var(--xinxeta-green);
    }
    .blf-js-change-title--right:hover path {
        fill: var(--xinxeta-blue);
    }
    .xms-c-switch,
    .xms-c-face {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .xms-c-switch {
        order: 2;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
	.xms-c-switch .xms-c-switch__toggle.switch-candy-green .xms-c-switch__label ~ .xms-c-switch__pill {
		margin-left: -4px;
	}
    .xms-c-face,
	.xms-c-table-info {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
	.xms-c-face--neutral {
		display: none;
	}
    .xms-c-face--sad,
    .xms-c-table-info--happy {
		justify-content: flex-start;
        order: 1;
    }
    .xms-c-face--happy,
    .xms-c-table-info--sad {
		justify-content: flex-end;
        order: 3;
    }
    .xms-c-face__code {
        max-height: initial;
    }
    .xms-c-table-info__features {
        max-width: 250px;
    }
    .xms-c-table-info__features li {
        padding: 15px 10px;
    }
}
@media (min-width: 1024px) {
    .xms-c-switch .xms-c-switch__toggle.switch-candy-green .xms-c-switch__label ~ .xms-c-switch__pill {
        margin-left: -2px;
    }
    .xms-c-table-info__features {
        max-width: 400px;
    }
    .xms-c-table-info__features li {
        padding: 15px;
    }
    .xms-c-faces {
        margin: auto;
        max-width: 1200px;
    }
}
/*CARAS*/
.faces {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.face__switch .switch-toggle {
    max-width: 90px;
    margin: auto;
}
.face {
    display: flex;
    min-height: 397px;
}
.face.face.face--happy .face--content,
.face.face.face--happy .face--border,
.face.face.face--neutral .face--content,
.face.face.face--neutral .face--border,
.face.face.face--sad .face--content,
.face.face.face--sad .face--border {
    fill: var(--xinxeta-white);
}
.face.face.face--happy .face--limit,
.face.face.face--neutral .face--limit,
.face.face.face--sad .face--limit {
    fill: transparent;
}
.face.d-none {
    display: none;
}
.face__features {
    border: thin solid var(--xinxeta-white);
    border-radius: 50px;
    max-width: 400px;
    height: fit-content;
}
.face__features ul {
    padding-left: 0;
    margin: 0;
    text-align: center;
}
.face__features li {
    padding: 20px;
    font-size: 26px;
}
.face__features li::marker {
    color: transparent;
}
.face__features li + li {
    border-top: thin solid var(--xinxeta-white);
}
.face.face--happy,
.face.face--happy-text {
    align-content: flex-end;
}
.face.face--sad svg,
.face.face--happy-text .face__features {
    margin-left: auto;
}
.face.face--happy-text .face__features {
    border-color: var(--xinxeta-green);
}
.face.face--happy.border--accent .face--border {
    fill: var(--xinxeta-green);
}
.face.face.face--neutral .face--border {
    fill: var(--xinxeta-yellow);
}
.face.face--sad,
.face.face--sad-text {
    align-content: flex-start;
}
.face.face--happy svg,
.face.face--sad-text .face__features {
    margin-right: auto;
}
.face.face--sad-text .face__features {
    border-color: var(--xinxeta-red);
}
.face.face--sad.border--accent .face--border {
    fill: var(--xinxeta-red);
}
.face.face--happy-text,
.face.face--sad-text {
    align-items: center;
}
.face__switch,
.face--happy,
.face--happy-text,
.face--neutral,
.face--sad,
.face--sad-text {
    flex: 0 0 100%;
    max-width: 100%;
}
.face--happy svg,
.face--neutral svg,
.face--sad svg {
	height: 280px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    .face__switch,
    .face {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .face--sad,
    .face--happy-text {
        order: 1;
    }
    .face--happy,
    .face--sad-text {
        order: 3;
    }
    .face {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .face__switch {
        order: 2;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .face--happy svg,
    .face--neutral svg,
    .face--sad svg {
		height: initial;
    }
}
/*GRID BLOG*/
.adc-grid-blog-home article:nth-child(2) {
    padding-top: 18%;
}
.adc-grid-blog-home .elementor-heading-title {
    font-family: 'Wulkan display', serif;
    font-size: 3.1rem !important;
    line-height: 1.2;
    font-weight: 500;
    padding: 0px 20px;
    top: 50%;
    transform: translate(0%, -90%);
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    opacity: 0;
    position: absolute;
}
.adc-grid-blog-home article:hover .elementor-heading-title {
    opacity: 1;
}
.adc-grid-blog-home article:hover .elementor-widget-container img {
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    opacity: 1;
}
.adc-grid-blog-home article:hover .elementor-widget-container img {
    opacity: .25;
}
.adc-grid-blog-home article:hover .elementor-widget-container {
    background-color: #1e1e1e;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
/*GRID LOGOS CLIENTES*/
.adc-grid-logos img {
    filter: grayscale(1);
    filter: blur(0);
    -webkit-transition: .3s -webkit-filter linear;
    -moz-transition: .3s -moz-filter linear;
    -o-transition: .3s -o-filter linear;
    transition: .3s -webkit-filter linear;
}
.adc-grid-logos:hover img {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: url(#blur);
    filter: blur(2px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}
.adc-grid-logos img:hover {
    filter: grayscale(0);
    filter: blur(0);
}
/*RETOS*/
.adc-square-orange .elementor-spacer-inner {
    height: 75px !important;
    width: 75px;
    background-color: #f99370;
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
}
.reto-title h2 {
    font-family: 'Wulkan display', serif;
    font-size: 7rem !important;
    line-height: 1;
    font-weight: 600;
}
/*Diseño*/
.stripped-background-disenyo {
    background: -webkit-repeating-linear-gradient(320deg,#f99370,#f99370 3px,transparent 3px,transparent 20px);
    background: repeating-linear-gradient(320deg,#f99370,#f99370 3px,transparent 3px,transparent 20px);
    -webkit-transform: rotate(175deg) translateX(30px) translateY(-25px);
    transform: rotate(175deg) translateX(30px) translateY(-25px);
    border: solid 2px #f99370;
}
.text-disenyo {
    -webkit-transform: rotate(180deg) translateX(28px) translateY(-27px);
    transform: rotate(185deg) translateX(28px) translateY(-27px);
    background-color: #1e1e1e;
    border: solid 2px #f99370;
    font-weight: 300;
}
.adc-square-orange .elementor-spacer-inner {
    height: 75px !important;
    width: 75px;
    background-color: #f99370;
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
}
/*Marketing*/
.adc-square-green .elementor-spacer-inner {
    height: 75px !important;
    width: 75px;
    background-color: #61db81;
}
.stripped-background-marketing {
    background: -webkit-repeating-linear-gradient(135deg,#61db81,#61db81 3px,transparent 3px,transparent 20px);
    background: repeating-linear-gradient(135deg,#61db81,#61db81 3px,transparent 3px,transparent 20px);
    -webkit-transform: rotate(180deg) translateX(30px) translateY(-25px);
    transform: rotate(180deg) translateX(30px) translateY(-25px);
    border: solid 2px #61db81;
}
.text-marketing {
    -webkit-transform: rotate(180deg) translateX(20px) translateY(-20px);
    transform: rotate(180deg) translateX(20px) translateY(-20px);
    background-color: #1e1e1e;
    border: solid 2px #61db81;
    font-weight: 300;
}
/*Comunicación*/
.adc-square-cyan .elementor-spacer-inner {
    height: 75px !important;
    width: 75px;
    background-color: #66d0e2;
}
.stripped-background-comunicacion {
    background: -webkit-repeating-linear-gradient(135deg,#66d0e2,#66d0e2 3px,transparent 3px,transparent 20px);
    background: repeating-linear-gradient(135deg,#66d0e2,#66d0e2 3px,transparent 3px,transparent 20px);
    -webkit-transform: rotate(180deg) translateX(30px) translateY(-25px);
    transform: rotate(180deg) translateX(30px) translateY(-25px);
    border: solid 2px #66d0e2;
}
.text-comunicacion {
    -webkit-transform: rotate(183deg) translateX(20px) translateY(-20px);
    transform: rotate(183deg) translateX(20px) translateY(-20px);
    background-color: #1e1e1e;
    border: solid 2px #66d0e2;
    font-weight: 300;
}
.text-comunicacion p {
    -webkit-transform: rotate(357deg) translateX(0px) translateY(0px);
    transform: rotate(357deg) translateX(0px) translateY(0px);
}
/*cta contacto*/
.cta-contacto-title p {
    font-size: 2.5rem;
    line-height: 1;
}
/*** ESPAI XINXETA ***/
.adc-team-member {
    max-height: 100%;
    max-width: 460px !important;
    /*clip-path: circle(50% at 50% 50%);*/
}
.adc-team-member img {
    border-radius: 50% !important;
    padding: 60px;
}
.adc-team-member:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    content: '';
    top: 0;
    left: 0;
    -webkit-animation: rotation 10s infinite linear !important;
    animation: rotation 20s infinite linear !important;
    pointer-events: none;
}
.adc-team-member-jorge:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2023/05/jorge-member-text.svg");
}
.adc-team-member-david:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2022/04/david-member-text.svg");
}
.adc-team-member-alberto:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2023/05/alberto-member-text.svg");
}
.adc-team-member-rodri:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2023/05/rodrigo-member-text.svg");
}
.adc-team-member-borja:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2022/04/borja-member-text.svg");
}
.adc-team-member-miko:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2022/04/miko-member-text.svg");
}
.adc-team-member-ivan:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2023/05/ivan-member-text.svg");
}
.adc-team-member-ruben:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2024/06/ruben-royo-frontend.svg");
}
.adc-team-member-marc:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2024/06/marc-cuartiella-full-stack-developer-1.svg");
}
.adc-team-member-rocio:before {
    background: url("https://www.xinxeta.es/wp-content/uploads/2023/05/rocio-member-text.svg");
}
/*** DISEÑO WEB ***/
.adc-side-text p {
    transform: rotate(-90deg);
    transform-origin: 0 0;
    position: absolute;
    left: -30px;
    bottom: -13px;
    margin: 0;
    font-weight: 300;
    font-size: 1.3rem;
}
.adc-thumb-vistazo-green {
    background: -webkit-repeating-linear-gradient(315deg,var(--xinxeta-green),var(--xinxeta-green) 3px,transparent 3px,transparent 20px);
    background: repeating-linear-gradient(135deg,var(--xinxeta-green),var(--xinxeta-green) 3px,transparent 3px,transparent 20px);
    -webkit-box-shadow: inset 60px 40px 0px 10px var(--xinxeta-black);
    -moz-box-shadow: inset 60px 40px 0px 10px var(--xinxeta-black);
    box-shadow: inset 60px 40px 0px 10px var(--xinxeta-black);
}
.adc-thumb-vistazo-orange {
    background: -webkit-repeating-linear-gradient(315deg,#f99370,#f99370 3px,transparent 3px,transparent 20px);
    background: repeating-linear-gradient(135deg,#f99370,#f99370 3px,transparent 3px,transparent 20px);
    -webkit-box-shadow: inset 60px 40px 0px 10px var(--xinxeta-black);
    -moz-box-shadow: inset 60px 40px 0px 10px var(--xinxeta-black);
    box-shadow: inset 60px 40px 0px 10px var(--xinxeta-black);
}
.adc-thumb-vistazo-blue {
    background: -webkit-repeating-linear-gradient(315deg,#66d0e2,#66d0e2 3px,transparent 3px,transparent 20px);
    background: repeating-linear-gradient(135deg,#66d0e2,#66d0e2 3px,transparent 3px,transparent 20px);
    -webkit-box-shadow: inset 60px 40px 0px 10px var(--xinxeta-black);
    -moz-box-shadow: inset 60px 40px 0px 10px var(--xinxeta-black);
    box-shadow: inset 60px 40px 0px 10px var(--xinxeta-black);
}
.grid-echa-vistazo img {
    transition: ease-in-out .3s
}
.grid-echa-vistazo:hover img {
    transform: scale(0.97);
}
/*** CONTACTO ***/
/*textos*/
.adc-contact-text p {
    font-family: 'Wulkan display', serif;
    font-size: 4rem !important;
    line-height: 1;
}
.adc-contact-text a {
    font-family: 'Wulkan display', serif;
    font-size: 3rem !important;
}
.block-hello div.elementor-container.elementor-column-gap-default {
    max-width: 100% !important;
}
/*form*/
.adc-form-home .acf-main {
    font-family: 'Wulkan display', serif;
    font-size: 4.5rem !important;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 0;
}
.adc-form-home input,textarea {
    background-color: transparent !important;
    font-weight: bold;
    color: #66d0e2 !important;
    line-height: 1;
    text-align: center;
    border: 0 !important;
    border-bottom: solid 2px #fff !important;
}
.adc-form-home textarea {
    overflow: hidden;
    resize: none;
}
.adc-form-home .acf-legal {
    font-family: 'Lato', sans-serif;
    font-size: 1rem !important;
    line-height: 1;
    font-weight: 300;
    text-align: center;
    margin: 0;
    padding: 30px 0px;
}
.adc-form-home .acf-boton {
    text-align: center;
}
.adc-form-home .wpcf7-spinner {
    display: block;
}
/*form presupuesto*/
.adc-form-home .acf-checkbox .wpcf7-checkbox {
    font-size: 1.2rem !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 !important;
    padding: 30px 0px;
    color: #FCC732;
}
.adc-form-home .wpcf7-list-item {
    margin: 0 !important;
}
/*boton*/
.adc-form-home .acf-boton {
    background: -webkit-repeating-linear-gradient(315deg,#fff,#fff 3px,transparent 3px,transparent 20px) !important;
    background: repeating-linear-gradient(135deg,#fff,#fff 3px,transparent 3px,transparent 20px) !important;
    border: solid 2px #fff !important;
    width: 150px !important;
    margin: 0 auto !important;
    height: 50px;
}
.adc-form-home .acf-boton input {
    background-color: var(--xinxeta-black) !important;
    color: var(--xinxeta-white) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
    border: solid 2px var(--xinxeta-white) !important;
    border-radius: 0 !important;
    transform: rotate(0deg) translateX(5px) translateY(-5px) !important;
    transition: all ease-in-out .2s !important;
    font-size: 15px !important;
    padding: 12px 24px !important;
    width: 150px;
}
.adc-form-home .acf-boton input:hover {
    transform: rotate(0deg) translateX(10px) translateY(-10px) !important;
}
/*** SERVICIOS ***/
.adc-serv-accord p {
    font-size: 16px !important;
}
.adc-servicio {
    overflow: hidden;
}
.serv-title h2 {
    font-family: 'Wulkan display', serif;
    font-size: 5rem !important;
    line-height: 1;
    font-weight: 600;
}
.adc-servicio .elementor-button-icon svg {
    width: 35px;
}
.adc-servicio .elementor-button {
    padding: 0;
    background-color: transparent;
    font-size: 1.2rem;
}
.adc-servicio .elementor-button span {
    line-height: 37px;
}
.serv-tabs p {
    margin: 0;
    font-weight: 300;
}
.serv-tabs .elementor-tab-title {
    color: #1e1e1e;
    font-size: 1.2rem;
}
.serv-tabs .elementor-tab-title.elementor-active {
    padding-bottom: 0 !important;
    color: #fff;
}
.serv-tabs .elementor-tab-title.elementor-active .elementor-accordion-icon {
    color: #1e1e1e;
}
.adc-servicio-disenyo .elementor-container {
    background-color: #f99370;
}
.adc-servicio-marketing .elementor-container {
    background-color: #61db81;
}
.adc-servicio-comunicacion .elementor-container {
    background-color: #66d0e2;
}
.adc-btn-saber-mas svg {
    transition: transform .5s ease-in-out;
}
.adc-btn-saber-mas a:hover svg {
    transform: rotate(-90deg);
}
.adc-btn-ver-proyectos svg {
    transition: transform .5s ease-in-out;
}
.adc-btn-ver-proyectos a:hover svg {
    transform: rotate(90deg);
}

/*** ARCHIVO BLOG ***/
.adc-arch-blog .uael-post__content-wrap {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    display: flex !important;
    flex-direction: column !important;
}
.adc-arch-blog .uael-post__meta-data span {
    line-height: 1;
    padding-right: 8px;
}
.adc-arch-blog .uael-post__meta-data {
    order: 1;
    line-height: 1;
    font-size: 15px;
    font-weight: 300;
}
.adc-arch-blog .uael-post__title {
    order: 2;
    padding: 20px 0px;
    font-family: 'Wulkan display', serif;
    font-weight: 500;
    font-size: 2.5rem;
}
.adc-arch-blog .uael-post__excerpt {
    order: 3;
    font-size: 15px;
    padding-bottom: 60px;
}
.adc-arch-blog .uael-post__excerpt p {
    margin-bottom: 0;
    font-weight: 300;
}
.adc-arch-blog .uael-post__read-more {
    order: 4;
    background-color: transparent;
    font-size: 40px;
    position: absolute;
    bottom: 0;
}
.adc-arch-blog .uael-post__bg-wrap {
    padding: 30px 0px !important;
    border-bottom: solid 2px #fff !important;
}
.adc-arch-blog  {
    border-top: solid 2px #fff;
}
.adc-arch-blog .uael-post__inner-wrap {
    flex-direction: row-reverse;
}
.adc-arch-blog .uael-grid-pagination {
    font-size: 1rem;
    font-weight: 100;
    line-height: 1;
}
.adc-arch-blog span.page-numbers.current {
    font-weight: 500;
}
.adc-arch-blog .prev.page-numbers {
    font-size: 1rem;
    display: none;
}
.adc-arch-blog .next.page-numbers {
    font-size: 1rem;
    display: none;
}
.adc-arch-blog .uael-post__bg-wrap:hover .uael-post__read-more {
    transform: rotate(-45deg);
}
/*colores categorias*/
#uael-post-term-diseno {
    color: #f99370;
}
#uael-post-term-marketing {
    color: #61db81;
}
#uael-post-term-comunicacion {
    color: #66d0e2;
}
#uael-post-term-web {
    color: #f4c338;
}
.uael-listing__terms-link::after {
    content: "|" !important;
    margin: 0px 10px 0px 10px !important;
    color: #fff;
}
.uael-listing__terms-link:nth-last-child(1)::after {
    display: none !important;
}
.adc-arch-blog .uael-post__date {
    display: block !important;
}
.adc-arch-blog .uael-post__terms-meta {
    display: block !important;
    padding: 8px 0px 0px 0px !important;
}

/*** SINGLE BLOG ***/
.adc-entry-body br {
    margin-bottom: 1.5;
}
.adc-icons-share .elementor-share-btn__icon i {
    font-size: var(--e-share-buttons-icon-size,2.7em);
}
#marquee-single-blog span {
    font-size: 5rem;
}
.single-post .tjumbo h1 {
    font-size: 8rem;
}
/*** SINGLE PROYECTO ***/
.adc-btn-siguiente a {
    background-color: transparent;
    padding: 0;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
}
.titulo-proyecto h1 {
    font-family: 'Wulkan display', serif;
    font-size: 3rem;
    line-height: 1;
}
.adc-client-web a {
    font-size: 17px !important;
}
.adc-white-line-top {
    background: linear-gradient(180deg, rgba(0,0,0,0) calc(5% - 0px), rgba(255,255,255,1) calc(6%), rgba(0,0,0,0) calc(0% + 0px) );
}
.adc-post-navigator a {
    background-color: transparent;
    padding: 0;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
}
.adc-post-navigator a span {
    text-transform: inherit !important;
    font-size: 2rem !important;
}
/*** PORTFOLIO ***/
.post-type-archive-portfolio .adc-projects-grid article:nth-child(1) {
    padding-top: 0;
}
.post-type-archive-portfolio .adc-projects-grid article:nth-child(4) {
    margin-top: 0;
}
.post-type-archive-portfolio .adc-projects-grid article:nth-child(6) {
    margin-top: 0;
}

.tax-portfolio_category .adc-projects-grid article:nth-child(1) {
    padding-top: 0;
}
.tax-portfolio_category .adc-projects-grid article:nth-child(4) {
    margin-top: 0;
}
.tax-portfolio_category .adc-projects-grid article:nth-child(6) {
    margin-top: 0;
}

/*** PROYECTOS PREMIUM ***/
.trocio p {
    font-size: 2rem !important;
}
.trocio strong {
    color: #e71d73 !important;
}

/* FOOTER */
.adc-tfooter-strong strong {
    font-weight: 400;
    color: #FCC732;
}
.adc-tfooter-strong a {
    color: #FCC732;
}
.adc-tfooter-strong img {
    padding-left: 8px;
    height: 28px !important;
    width: 28px !important;
}
.adc-tfooter-strong a:nth-child(2) img {
    padding-top: 4px;
    padding-bottom: 4px;
}
.adc-tfooter-strong a:nth-child(4) img {
    margin-left: 2px;
}
.nobr br {
    display: none;
}
/* Custom cursor */
.xms-has-custom-cursor,
.xms-has-custom-cursor * {
    cursor: none!important;
}
.xms-has-custom-cursor .xms-c-cursor {
	display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
}
@media (min-width: 1024px) {
	.xms-has-custom-cursor .xms-c-cursor {
		display: block;
	}
}
.xms-has-custom-cursor .xms-c-cursor:not(.xms-is-visible) {
    transform: translate(-100vw, -100vh) translateZ(0);
}
.xms-has-custom-cursor .xms-c-cursor .xms-c-cursor__inner {
    position: absolute;
    border-radius: 50%;
    display: block;
    width: 100%;
    text-align: center;
    width: 20px;
    height: 20px;
    pointer-events: none;
    background-color: var(--xinxeta-white);
    border-radius: 50%;
    transform-origin: left top;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transform: translate(-50%,-50%) translateZ(0);
    mix-blend-mode: exclusion;
}
.xms-has-custom-cursor .xms-c-cursor.xms-is-link-hovered .xms-c-cursor__inner,
.xms-has-custom-cursor .xms-c-cursor.xms-is-image-hovered .xms-c-cursor__inner {
    transform: scale(7) translate(-50%,-50%) translateZ(0);
    opacity: 0.5;
}
.xms-has-custom-cursor .xms-c-cursor .xms-c-cursor__inner span {
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 20px 20px 20px  var(--xinxeta-black);
    display: none;
}

/* COOKIES */
.adc-table table  {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.adc-table table tbody {
    display: table;
    width: 100%;
}
.adc-table-header tr:nth-child(1) {
    background-color: #fff;
    color: #000;
    font-weight: bold;
}
.adc-btn-cookies a {
    background-color: #fff !important;
    color: #1e1e1e !important;
    padding: 15px !important;
    border-radius: 8px !important;
}
.adc-btn-cookies a:hover {
    background-color: #FCC732 !important;
}
/*banner*/
#pdcc-modal-description p {
    color: #000 !important;
}
#pdcc-modal-header p {
    color: #000 !important;
}
#pdcc-modal-services p {
    color: #000 !important;
}
#pdcc-modal-goback {
    color: #000 !important;
}


/*** MEDIA QUERIES GLOBAL ***/
@media screen and (max-width:1550px) {
    /*HOME*/
    /*grid proyectos*/
    .adc-projects-grid img {
        height: 80vh !important;
    }
}
@media screen and (max-width:1258px) {
    .block-dir {
        max-width: 50% !important;
        width: 50% !important;
        padding-right: 21%;
    }
    .block-phone {
        max-width: 50% !important;
        width: 50% !important;
        text-align: right !important;
    }
    .block-mail {
        max-width: 50% !important;
        width: 50% !important;
        text-align: left !important;
    }
    .block-social {
        max-width: 50% !important;
        width: 50% !important;
        text-align: right !important;
    }
    .nobr br {
        display: block;
    }
}
@media screen and (max-width:1024px) {
    /*TEXTOS*/
    .tjumbo-lower h1 {
        font-size: 4rem;
    }
    .tjumbo-lower h2 {
        font-size: 4rem;
    }
    .tjumbo h1 {
        font-size: 4rem;
    }
    .single-post .tjumbo h1 {
        font-size: 3rem;
    }
    .tjumbo h2 {
        font-size: 4rem;
    }
    .reto-title h2 {
        font-size: 6rem !important;
    }
    /*GRID BLOG*/
    .adc-grid-blog-home article:nth-child(2) {
        padding-top: 0;
    }
    .adc-grid-blog-home .elementor-heading-title {
        padding: 20px;
        transform: translate(0%, 0%);
        opacity: 1;
    }
    /*GRID PROYECTOS*/
    .adc-projects-grid article:nth-child(4) {
        margin-top: 0;
    }
    .adc-projects-grid article:nth-child(1) {
        padding-top: 0;
    }
    .adc-projects-grid article:nth-child(4) {
        padding-top: 0;
    }
    .adc-projects-grid article:nth-child(6) {
        padding-top: 0;
    }
    .adc-projects-grid article:nth-child(6) {
        margin-top: 0;
    }
    .adc-side-text-proyectos p {
        transform: rotate(0deg);
        position: relative;
        left: 0;
        bottom: 0;
        padding-top: 15px;
        display: block;
    }
    /*HOME*/
    /*grid proyectos*/
    .adc-projects-grid img {
        height: 50vh !important;
    }
    /*grid blog*/
    .adc-grid-blog-home .elementor-heading-title {
        position: relative;
        font-size: 2.5rem !important;
    }
    .btn-tablet {
        position: absolute !important;
        right: 10%;
        bottom: 20%;
    }
    /*FOOTER*/
    .nobr br {
        display: block;
    }
    /*FORMULARIOS*/
    .adc-form-home .acf-main {
        font-size: 2.5rem !important;
    }
    .adc-form-home .acf-checkbox .wpcf7-checkbox {
        font-size: 1rem !important;
    }
    /*CONTACTO*/
    .block-hello .elementor-background-overlay {
        opacity: 0.2 !important;
    }
    /*SERVICIOS*/
    #marquee-servicios-title-mobile span {
        font-size: 5rem;
    }
    /*SINLE PROYECTO*/
    .adc-white-line-middle .elementor-widget-container {
        background: linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), rgba(255,255,255,1) calc(50%), rgba(0,0,0,0) calc(50% + 2px) );
    }
    .adc-white-line-middle p {
        width: fit-content;
        padding-right: 30px !important;
        background-color: #1e1e1e;
    }
}
@media screen and (max-width:991px) {
    /*BLOG ARCHIVE*/
    .adc-arch-blog .uael-post__inner-wrap {
        flex-direction: column-reverse;
    }
    .adc-arch-blog .uael-post__thumbnail {
        width: 100% !important;
        min-height: 400px !important;
    }
    .adc-arch-blog .uael-post__content-wrap {
        width: 100% !important;
    }
    .adc-arch-blog .uael-post__excerpt {
        padding-bottom: 30px;
    }
    .adc-arch-blog .uael-post__read-more {
        padding-bottom: 20px !important;
    }
    .adc-arch-blog .uael-post__read-more {
        position: relative;
    }
    .adc-arch-blog .uael-post__bg-wrap:hover .uael-post__read-more {
        transform: unset;
    }
    /*FORMULARIOS*/
    .adc-form-home .acf-main {
        font-size: 2rem !important;
    }
    .adc-form-home .acf-checkbox .wpcf7-checkbox {
        display: block;
    }
    .adc-form-home .wpcf7-list-item {
        padding: 5px;
    }
    /*ESPAI XINXETA*/
    .adc-member-team li:nth-child(1) {
        font-size: 5rem;
        width: auto;
    }
}
@media screen and (max-width:960px) {
    .block-dir {
        padding-right: 10%;
    }
}
@media screen and (max-width:767px) {
    /*ADC*/
    .adc-padding-section {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .blf-js-change-title svg {
        max-width: 140px;
        height: 20vh !important;
    }
    .top-page {
        margin-top: 0 !important;
    }
    .top-page.adc-padding-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .top-page.top-page .blf-c-logos::-webkit-scrollbar {
        display: none;
    }
    .top-page.top-page .blf-c-logos__titles.blf-c-logos__titles {
        padding-left: 15px;
        padding-right: 15px;
    }
    .blf-c-title--initial {
        padding-bottom: 40px;
        padding-top: 40px;
        text-align: center;
    }
    .blf-c-title--initial h1 {
        line-height: 1.3;
    }
    .tclaim p {
        font-size: 2rem;
    }
    .adc-claim-section {
        bottom: 40 !important;
    }
    /*TEXTOS*/
    .tjumbo-lower h2 {
        font-size: 2rem;
    }
    .tjumbo-lower p {
        font-size: 2.1rem;
    }
    .tjumbo h1 {
        font-size: 2.1rem;
    }
    .single-post .tjumbo h1 {
        font-size: 1.75rem;
    }
    .tjumbo h2 {
        font-size: 2.1rem;
    }
    .reto-title h2 {
        font-size: 4rem !important;
    }
    .fullest-screen nav.elementor-nav-menu__container a.elementor-item {
        font-size: 3rem;
    }
    /*BLOG ARCHIVE*/
    .adc-arch-blog .uael-post__thumbnail {
        padding-bottom: 0 !important;
    }
    .adc-arch-blog .uael-post__inner-wrap {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .adc-arch-blog .uael-post__thumbnail {
        min-height: 25vh !important;
    }
    .adc-arch-blog .uael-grid-pagination {
        font-size: 1.5rem;
    }
    .adc-arch-blog span.page-numbers.current {
        font-size: 1.75rem;
    }
    .adc-post-navigator a span {
        font-size: 1.2rem !important;
    }
    /*FOOTER*/
    .block-dir {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
        padding-bottom: 15px !important;
    }
    .block-phone {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
        padding-bottom: 15px !important;
    }
    .block-mail {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
        padding-bottom: 15px !important;
    }
    .block-social {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
        padding-bottom: 15px !important;
    }
    /*HOME*/
    /* XXX */
    .home.home.home .top-page.top-page.top-page > div {
        min-height: calc( 100vh - 62px );
    }
    .blf-c-logos {
        overflow: scroll;
        height: calc( 100vh - 287px );
    }
    .blf-c-logos > div {
        width: 240vw;
        height: calc( 100% - 20px );
    }
    .blf-c-logos .blf-reveal-on-hover {
        width: 33%;
        height: 100%;
    }
    .blf-c-logos.blf-c-logos.blf-c-logos .blf-reveal-on-hover.blf-reveal-on-hover.blf-reveal-on-hover > div {
        height: 100%;
        justify-content: center;
        padding: 0;
    }
    .blf-c-logos.blf-c-logos.blf-c-logos .blf-reveal-on-hover.blf-reveal-on-hover.blf-reveal-on-hover:first-child > div {
        justify-content: flex-end;
    }
    .blf-c-logos.blf-c-logos.blf-c-logos .blf-reveal-on-hover.blf-reveal-on-hover.blf-reveal-on-hover:last-child > div {
        justify-content: flex-start;
    }
    .blf-c-logos .blf-reveal-on-hover .blf-js-change-title {
        height: calc( 100% - 62px );
        margin-bottom:0;
    }
    .blf-c-logos .blf-reveal-on-hover .blf-js-change-title > div,
    .blf-c-logos .blf-reveal-on-hover .blf-js-change-title > div > div,
    .blf-c-logos .blf-reveal-on-hover .blf-js-change-title > div > div > div {
        height: 100%;
    }
    .blf-c-logos .blf-reveal-on-hover .blf-js-change-title > div > div > div {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .blf-c-logos .blf-reveal-on-hover:first-child .blf-js-change-title > div > div > div {
        justify-content: flex-end;
    }
    .blf-c-logos .blf-reveal-on-hover:last-child .blf-js-change-title > div > div > div {
        justify-content: flex-start;
    }
    .blf-c-logos .blf-reveal-on-hover .blf-js-change-title > div > div > div svg {
        max-width: 80%;
        height: 80% !important;
    }
    .blf-c-logo__title--initial h1 {
        text-align: center;
    }
    .blf-c-logos .blf-reveal-on-hover .blf-c-logo__title.blf-u-hide {
        opacity: 1 !important;
    }
    /*retos*/
    .stripped-background-disenyo {
        -webkit-transform: rotate(178deg) translateX(0px) translateY(-25px);
        transform: rotate(178deg) translateX(0px) translateY(-25px);
    }
    .text-disenyo {
        -webkit-transform: rotate(182deg) translateX(0px) translateY(-13px);
        transform: rotate(182deg) translateX(0px) translateY(-13px);
    }
    .stripped-background-marketing {
        -webkit-transform: rotate(180deg) translateX(0px) translateY(-20px);
        transform: rotate(180deg) translateX(0px) translateY(-20px);
    }
    .text-marketing {
        -webkit-transform: rotate(180deg) translateX(0px) translateY(-20px);
        transform: rotate(180deg) translateX(8px) translateY(-10px);
    }
    .stripped-background-comunicacion {
        -webkit-transform: rotate(180deg) translateX(30px) translateY(-25px);
        transform: rotate(180deg) translateX(0px) translateY(-25px);
    }
    .text-comunicacion {
        -webkit-transform: rotate(183deg) translateX(20px) translateY(-20px);
        transform: rotate(183deg) translateX(0px) translateY(-20px);
    }
    /*caritas*/
    .face--happy-text .face__features {
        margin: auto;
    }
    .face--sad-text .face__features {
        margin: auto;
    }
    .face {
        min-height: 1px;
    }
    .face__switch {
        padding-bottom: 30px;
    }
    .face__features li {
        padding: 15px;
        font-size: 18px;
    }
    /*grid blog*/
    .adc-grid-blog-home .elementor-heading-title {
        font-size: 1.5rem !important;
        padding: 0px 0px 20px 0px;
    }
    .btn-tablet {
        position: relative !important;
        right: unset;
        bottom: unset;
    }
    /*grid proyectos*/
    .adc-projects-grid img {
        height: 50vh !important;
    }
    /*SERVICIOS*/
    .serv-title + div .marquee .marquee__inner span:nth-child(odd) {
        -webkit-text-stroke: 1px var(--xinxeta-white);
    }
    #marquee-servicios-title-mobile {
        position: absolute !important;
        top: -330px !important;
    }
}
@media screen and (max-width:600px) {
    .block-copy {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
    }
    .block-legal {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }
    /*FORMULARIOS*/
    .adc-form-home .acf-main {
        font-size: 1.2rem !important;
    }
    .adc-form-home .acf-main {
        line-height: 2.5;
    }
    .adc-form-home .acf-checkbox {
        margin: 0;
    }
    .adc-form-home .acf-checkbox .wpcf7-checkbox {
        padding: 0px 0px 15px 0px;
    }
    .adc-form-home .acf-legal {
        padding: 15px 0px 30px 0px;
    }
}
@media screen and (max-width:500px) {
    /*TEXTOS*/
    .reto-title h2 {
        font-size: 3rem !important;
    }
	/*añadido jorge 04.08.22*/
	#stickyheaders .elementor-active.elementor-menu-toggle + nav {
    height: 95vh !important;
	}
	.serv-title + div .marquee .marquee__inner span, .fullest-screen nav.elementor-nav-menu__container a.elementor-item ~ .marquee .marquee__inner span {
	font-size: 15vw !important;
	} 
	.fullest-screen nav.elementor-nav-menu__container a.elementor-item { justify-content: center !important;}
	.equipo-clases {padding-bottom: 80px !important;}
	.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>a {justify-content: left !important;}
	.adc-side-text-proyectos p {text-align: center !important;}
}
@media screen and (max-width:400px) {
    /*ESPAI XINXETA*/
    .adc-team-member img {
        padding: 50px;
    }
}
@media screen and (max-width:353px) {
    /*TEXTOS*/
    .reto-title h2 {
        font-size: 2.65rem !important;
    }
}

/*** MEDIA QUERIES PARA FULL WIDTH ***/
@media screen and (min-width:425px) {
    .titulo-proyecto h1 {
        font-size: 5rem;
    }
}
@media screen and (min-width:550px) {
    .adc-contact-text a {
        font-size: 4rem !important;
    }
}
@media screen and (min-width:768px) {
    .adc-contact-text a {
        font-size: 4rem !important;
    }
}
@media screen and (min-width:991px) {
    .titulo-proyecto h1 {
        font-size: 7rem;
    }
}
@media screen and (min-width:1290px) {
    .reto-title h2 {
        font-size: 8rem !important;
    }
    .adc-square-orange .elementor-spacer-inner {
        height: 85px !important;
        width: 85px;
        transform: translate(0%, -15%);
    }
    .adc-square-green .elementor-spacer-inner {
        height: 85px !important;
        width: 85px;
    }
    .adc-square-cyan .elementor-spacer-inner {
        height: 85px !important;
        width: 85px;
    }
    .adc-contact-text a {
        font-size: 5rem !important;
    }
}
@media screen and (min-width:1371px) {
    .tjumbo h2 {
        font-size: 7.5rem;
    }
    .tjumbo h1 {
        font-size: 7.5rem;
    }
    .single-post .tjumbo h1 {
        font-size: 5.5rem;
    }
}
@media screen and (min-width:1339px) {
    .tjumbo-lower h2 {
        font-size: 5.5rem;
    }
    .tjumbo-lower p {
        font-size: 5.5rem;
    }
}
@media screen and (min-width:1467px) {
    .tjumbo-lower h2 {
        font-size: 5.8rem;
        letter-spacing: -2px;
    }
    .tjumbo-lower p {
        font-size: 6rem;
    }
    .tretos {
        font-size: 1.3rem;
        padding: 10px;
    }
    body p {
        font-size: 1.3rem;
    }
    footer p {
        font-size: inherit;
    }
    .adc-square-orange .elementor-spacer-inner {
        transform: translate(0%, -50%);
    }
    .titulo-proyecto h1 {
        font-size: 6rem;
    }
}
@media screen and (min-width:1474px) {
    .tjumbo h2 {
        font-size: 8rem;
    }
    .tjumbo h1 {
        font-size: 8rem;
    }
    .single-post .tjumbo h1 {
        font-size: 6rem;
    }
}
@media screen and (min-width:1570px) {
    .tjumbo h2 {
        font-size: 8.2rem;
    }
    .tjumbo h1 {
        font-size: 8.2rem;
    }
    .single-post .tjumbo h1 {
        font-size: 6rem;
    }
}
@media screen and (min-width:1576px) {
    .adc-square-orange .elementor-spacer-inner {
        transform: translate(0%, -25%);
    }
}
@media screen and (min-width:1595px) {
    .tjumbo-lower h2 {
        font-size: 6.5rem;
    }
    .tjumbo-lower p {
        font-size: 6.5rem;
    }
}
@media screen and (min-width:1608px) {
    .tjumbo h2 {
        font-size: 8.5rem;
    }
    .tjumbo h1 {
        font-size: 8.5rem;
    }
    .single-post .tjumbo h1 {
        font-size: 6.5rem;
    }
}
@media screen and (min-width:1665px) {
    .tjumbo h2 {
        font-size: 9rem;
    }
    .tjumbo h1 {
        font-size: 9rem;
    }
    .single-post .tjumbo h1 {
        font-size: 7rem;
    }
    .reto-title h2 {
        font-size: 10rem !important;
    }
    .adc-square-cyan .elementor-spacer-inner {
        height: 100px !important;
        width: 100px;
        translate: (0%, 50%) !important;
        transform: translate(40%, 0%);
    }
    .adc-square-green .elementor-spacer-inner {
        height: 100px !important;
        width: 100px;
    }
    .adc-square-orange .elementor-spacer-inner {
        height: 100px !important;
        width: 100px;
        transform: translate(0%, -5%);
    }
}
@media screen and (min-width:1722px) {
    .tjumbo-lower h2 {
        font-size: 7rem;
    }
    .tjumbo-lower p {
        font-size: 7rem;
    }
}
@media screen and (min-width:1762px) {
    .tjumbo h2 {
        font-size: 9.5rem;
    }
    .tjumbo h1 {
        font-size: 9.5rem;
    }
    .single-post .tjumbo h1 {
        font-size: 7.5rem;
    }
}
@media screen and (min-width:1851px) {
    .tjumbo-lower h2 {
        font-size: 7.5rem;
    }
    .tjumbo-lower p {
        font-size: 7.5rem;
    }
}
@media screen and (min-width:1858px) {
    .tjumbo h2 {
        font-size: 10rem;
    }
    .tjumbo h1 {
        font-size: 10rem;
    }
    .single-post .tjumbo h1 {
        font-size: 8rem;
    }
    .reto-title h2 {
        font-size: 11rem !important;
    }
    .titulo-proyecto h1 {
        font-size: 8rem;
    }
}
@media screen and (min-width:1920px) {
    .tclaim h1 {
        font-size: 3.5rem;
    }
    .tclaim p {
        font-size: 3.5rem;
    }
}
@media screen and (min-width:1955px) {
    .tjumbo h2 {
        font-size: 11rem;
    }
    .tjumbo h1 {
        font-size: 11rem;
    }
    .single-post .tjumbo h1 {
        font-size: 9rem;
    }
    .tretos {
        font-size: 1.75rem;
        padding: 30px;
    }
    body p {
        font-size: 1.75rem;
    }
    footer p {
        font-size: inherit;
    }
    .reto-title h2 {
        font-size: 12rem !important;
    }
    .adc-square-orange .elementor-spacer-inner {
        height: 130px !important;
        width: 130px;
        transform: translate(0%, -30%);
    }
    .adc-square-green .elementor-spacer-inner {
        height: 130px !important;
        width: 130px;
        transform: translate(0%, 22%);
    }
    .adc-square-cyan .elementor-spacer-inner {
        height: 130px !important;
        width: 130px;
        transform: translate(50%, 15%);
    }
    /*servicios*/
    .serv-tabs .elementor-tab-title {
        font-size: 2rem;
    }
    /*contacto*/
    .block-hello  div.elementor-widget-wrap.elementor-element-populated {
        padding: 0% 30% 0% 0%;
    }
    .adc-contact-text a {
        font-size: 8rem !important;
    }
    .top-heading h1 {
        font-size: 1.75rem;
    }
    .top-heading {
        font-size: 1.75rem;
    }
}
@media screen and (min-width:2099px) {
    .adc-square-orange .elementor-spacer-inner {
        transform: translate(0%, -15%);
    }
    .nopadding .elementor-widget-container {
        padding: 0 !important;
    }
}
@media screen and (min-width:2107px) {
    .tjumbo-lower h2 {
        font-size: 9rem;
    }
    .tjumbo-lower p {
        font-size: 9rem;
    }
    .adc-arch-blog .uael-post__title {
        font-size: 3.5rem;
    }
}
@media screen and (min-width:2147px) {
    .tjumbo h2 {
        font-size: 12rem;
    }
    .tjumbo h1 {
        font-size: 12rem;
    }
    .single-post .tjumbo h1 {
        font-size: 10rem;
    }
}
@media screen and (min-width:2263px) {
    .tjumbo-lower h2 {
        font-size: 10rem;
    }
    .tjumbo-lower p {
        font-size: 10rem;
    }
}
@media screen and (min-width:2340px) {
    .tjumbo h2 {
        font-size: 13rem;
    }
    .tjumbo h1 {
        font-size: 13rem;
    }
    .single-post .tjumbo h1 {
        font-size: 11rem;
    }
    .reto-title h2 {
        font-size: 15rem !important;
    }
    .adc-square-orange .elementor-spacer-inner {
        height: 175px !important;
        width: 175px;
        transform: translate(0%, 15%);
    }
    .adc-square-green .elementor-spacer-inner {
        height: 175px !important;
        width: 175px;
    }
    .adc-square-cyan .elementor-spacer-inner {
        height: 175px !important;
        width: 175px;
        transform: translate(75%, 20%);
    }
}
@media screen and (min-width:2533px) {
    .tjumbo h2 {
        font-size: 14rem;
    }
    .tjumbo h1 {
        font-size: 14rem;
    }
    .single-post .tjumbo h1 {
        font-size: 12rem;
    }
    .tclaim h1 {
        font-size: 5rem;
    }
    .tclaim p {
        font-size: 5rem;
    }
}

/* JORGE AJUSTES 04.08.2022 -HAY MAS AJUSTES ARRIBA- */ 
.elementor-4557 .elementor-element.elementor-element-d0d7707 .elementor-nav-menu--main .elementor-item {text-transform: uppercase !important; font-weight: bold !important;}

.elementor-4557 .elementor-element.elementor-element-d0d7707 .elementor-nav-menu--main .elementor-item.elementor-item-active {color:var(--accent);}

.elementor-pagination .page-numbers, .uael-grid-pagination a.page-numbers {font-weight:bold; margin-left: 10px !important; margin-right: 10px !important; font-size:17px !important; } 

.elementor-pagination .page-numbers.current, .uael-grid-pagination span.page-numbers.current {border:1px solid var(--accent); border-radius:100% !important; padding:10px 15px; color: var(--accent); font-weight:bold; margin-left: 0px !important; margin-right: 0px !important; font-size:17px !important;}

.uael-grid-pagination a.page-numbers {font-weight:bold; margin-left: 0px !important; margin-right: 0px !important; font-size:17px !important; } 

.uael-grid-pagination span.page-numbers.current {padding:12px 16px !important; margin-left: 5px !important; margin-right: 5px !important;}

#stickyheaders .elementor-active.elementor-menu-toggle + nav {
  height: 110vh;
  max-height: 125vh;
}


/* JORGE PORTADA MOVIL PROVISIONAL */ 

.adc-form-home textarea {margin-bottom:60px !important;}
.adc-form-home textarea {margin-top:30px; text-align: left !important;}

/*.elementor-nav-menu a:hover {line-height:4.15vw !important;}*/

.eicon-menu-bar::before {
  content: url('https://www.xinxeta.es/wp-content/uploads/2022/08/hamburguesa-inicial.svg') !important;
}

.eicon-close::before {
  content: url('https://www.xinxeta.es/wp-content/uploads/2022/08/cerrar-menu.svg') !important;
}

.joinchat__button {
  background: transparent !important;
	border: none;
	border-radius: 0px !important;
	bottom:20px !important;
	box-shadow: none !important;
}

.joinchat__button__open {
  	background: none !important;
	/*content: url('https://www.xinxeta.es/wp-content/uploads/2022/08/cafe-presupuesto-icon.svg') !important;*/
	content: url('https://www.xinxeta.es/wp-content/uploads/2024/07/icono-xinxeta-whatsapp.svg') !important;
	background-color: transparent !important;
  	background-size: 100% !important;
	border: none;
	border-radius: 0px !important;
	width: 180px !important;
	height: 80px !important;
	
}

.joinchat__button__open:hover {
  	/*content: url('https://www.xinxeta.es/wp-content/uploads/2022/08/cafe-presupuesto-icon-hablamos.svg') !important;*/
	content: url('https://www.xinxeta.es/wp-content/uploads/2024/06/icono-hablamos-xinxeta.svg') !important;
	background-color: transparent !important;
	background-size: 100% !important;
	border: none;
	border-radius: 0px !important;
}

@media screen and (max-width:767px) {
	.home.home.home .top-page.top-page.top-page > div {
        min-height: calc( 30vh ) !important;
		margin-top:40px;
    }
	.tclaim h1 {
font-family: 'Wulkan display', serif;
font-size: 3.3rem;
transform: ease-in-out .3s;
		line-height: 50px !important;
		padding-bottom: 40px;
		
}
	.elementor-3552 .elementor-element.elementor-element-ef4ea73 {
		margin: 0 0 0px 0;
	}
	.titulos-movil-2022-palabras {font-size:30px; font-weight: lighter; margin-top:40px; margin-bottom: -10px !important;}
	.titulos-movil-2022-palabras p {margin-bottom:0px;}
	.ocultar-previa-2022 p {display:none !important;}
	
	.adc-contact-text p {
		line-height: 0.9 !important;
	}
	.adc-contact-text a {
		font-family: 'Wulkan display', serif;
		font-size: 2.8rem !important;
		line-height: 10px !important;
	}
	.adc-form-home .acf-main {
		font-size: 2rem !important;
		line-height: 30px !important;
}
	.adc-form-home input[type="text"], .adc-form-home input[type="email"], .adc-form-home input[type="tel"], .adc-form-home textarea {max-width: 97% !important; margin-bottom:40px !important; margin-top:10px; text-align: left !important;}
	.acf-checkbox {margin-top:20px !important; margin-bottom:40px !important;}
	
	.joinchat__button {bottom:40px !important;}
	.joinchat__button__open {background-size: 100% !important;}
	.joinchat__button__open:hover {background-size: 100% !important;}
}

/** Error 404 Component **/
.xms-c-content.xms-c-content--error {
    align-items: center;
    display: flex;
    min-height: calc( 100vh - 494px );
}
.xms-c-content.xms-c-content--error .xms-c-content__title.xms-o-title.xms-o-title--2 h2  {
    font-size: 15rem;
    text-align: center;
}
.xms-c-content.xms-c-content--error .xms-c-content__subtitle.xms-o-title.xms-o-title--3 h3 {
    font-size: 35px;
    text-align: center;
}
.xms-c-content.xms-c-content--error .xms-c-button {
    padding: 1rem;
    text-align: center;
}
.xms-c-content.xms-c-content--error .xms-c-button a {
    align-items: center;
    background-color: var(--base);
    border-color: var(--base);
    border-radius: 38px;
    color: var(--xinxeta-black);
    display: flex;
    height: 39px;
    justify-content: center;
    margin: auto;
    padding: 8px 24px;
    width: 159px;
}
.xms-c-content.xms-c-content--error .xms-c-button.xms-c-button--primary a {
    background-color: var(--xinxeta-yellow);
    border-color: var(--xinxeta-yellow);
    color: var(--xinxeta-white);
}
.xms-c-content.xms-c-content--error .xms-c-button.xms-c-button--primary a:hover {
    background-color: var(--xinxeta-white);
    border-color: var(--xinxeta-white);
    color: var(--xinxeta-yellow);
}

/*add-error-404-component-here*/

@media (min-width: 768px) {
    .xms-c-content.xms-c-content--error .xms-c-content__wrapper > div {
        padding: 0;
    }
    .xms-c-content.xms-c-content--error .xms-c-content__search-form {
        max-width: 50%;
    }

    /*add-error-404-component-tablet-here*/
}

@media (min-width: 1024px) {

    /*add-error-404-component-desktop-here*/
}

/*** PAGINA DIVERSIDAD ***/
.adc-grad div.elementor-container.elementor-column-gap-default {
    background-color: transparent;
    background-image: linear-gradient(45deg, #000000d1 43%, #00000000 69%);
}
.adc-diver-title p {
    font-family: 'Wulkan display', serif;
    font-weight: 600;
    font-size: 3rem;
}
.adc-diver-gal img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
@media screen and (max-width:767px) {
    .adc-btn-diver {
        position: inherit !important;
    }
    .adc-grad {
        background-image: unset !important;
    }
    .adc-grad div.elementor-container.elementor-column-gap-default {
        background: unset !important;
    }
}