.opti-acordeon {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.opti-acordeon .acordeon-item {
    display: flex;
    /* Los estilos adicionales se controlarán a través de Elementor */
}

.opti-acordeon .acordeon-item .acordeon-title {
    border: 1px solid #000;
    padding: 4px 18px;
}

.swiper-container-casos-destacados {
    width: 100%;
}

.swiper-container-casos-destacados .swiper-slide {
    width: auto;
}

.swiper-container-casos-destacados .swiper-slide .casos-dest-categoria {
    color: #000000;
    font-family: "Roboto Mono", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-transform: lowercase;
}

.swiper-container-home .swiper-slide .casos-dest-categoria {
    color: #000000;
    font-family: "Roboto Mono", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-transform: lowercase;
}

.swiper-container-casos-destacados .swiper-slide .sep-prin {
    background: black;
    width: 100%;
    height: 2px;
    max-width: unset;
}

.swiper-container-casos-destacados .swiper-slide .sep-sec {
    background: black;
    width: 100%;
    height: 1px;
    max-width: unset;
}

.swiper-container-home .swiper-slide .sep-prin {
    background: black;
    width: 100%;
    height: 2px;
    max-width: unset;
}

.swiper-container-home .swiper-slide .sep-sec {
    background: black;
    width: 100%;
    height: 1px;
    max-width: unset;
}

.swiper-container-casos-destacados .swiper-slide .casos-dest-title {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 42px;
    min-height: 84px;
}

.swiper-container-home .swiper-slide .casos-dest-title {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 42px;
    min-height: 84px;
}

.swiper-container-casos-destacados .swiper-slide img {
    border-radius: 16px;
    /* height: 400px; */
    object-fit: cover;
    object-position: center top;
    aspect-ratio: 554/420
}

.swiper-container-casos-destacados .swiper-slide .link-casos-dest {
    margin-top: 20px;
    display: block;
}

.swiper-container-casos-destacados .swiper-slide .link-casos-dest::before {
    /* content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding: 0px 8px 0 0;
  font-size: 10px; */
    transform: scale(0.67);
    content: "";
    position: relative;
    top: 2px;
    display: inline-block;
    background-color: currentColor;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    transform: scale(0.67);
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.swiper-container-casos-destacados
    .swiper-slide
    .link-casos-dest:hover::before {
    transform: scale(1);
}

.swiper-container-casos-destacados .swiper-slide:hover img {
    filter: grayscale();
}

.swiper-container-home .swiper-slide img {
    border-radius: 16px;
    height: 400px;
    object-fit: cover;
    object-position: center top;
}

.swiper-container-home .swiper-slide .link-casos-dest {
    margin-top: 20px;
    display: block;
}

.swiper-container-home .swiper-slide .link-casos-dest::before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 0px 8px 0 0;
    font-size: 10px;
}

.swiper-container-home .swiper-slide:hover img {
    filter: grayscale();
}

.elementor-widget-optimo-imagenes-proyecto {
    width: 100%;
}

.elementor-widget-optimo-imagenes-proyecto .swiper-container-img-projectes img {
    width: 100%;
    height: 100%;
    /* max-height: 600px; */
    aspect-ratio: 4/3;
}

.elementor-widget-optimo-imagenes-proyecto.no-ar .swiper-container-img-projectes img {
    aspect-ratio: 1;
}

.home
    .elementor-widget-optimo-imagenes-proyecto
    .swiper-container-img-projectes
    .swiper-slide {
    height: inherit;
}

.home
    .elementor-widget-optimo-imagenes-proyecto
    .swiper-container-img-projectes
    img {
    aspect-ratio: auto;
}

.elementor-widget-optimo-imagenes-proyecto
    .swiper-container-img-projectes
    .swiper-slide {
    height: auto;
}

.home
    .elementor-widget-optimo-imagenes-proyecto
    .swiper-container-img-home
    .swiper-slide {
    height: auto;
}

/* Fotos Home */

.container-img-home .swiper-wrapper {
    max-height: 400px;
}

.home
    .elementor-widget-optimo-imagenes-proyecto
    .swiper-container-img-home
    img {
    aspect-ratio: auto;
}

.home
    .container-img-home
    .elementor-widget-optimo-imagenes-proyecto
    .swiper-container-img-home
    .swiper-slide {
    height: auto;
    width: fit-content;
}

.home
    .container-img-home
    .elementor-widget-optimo-imagenes-proyecto
    .swiper-container-img-home
    img {
    width: auto;
    aspect-ratio: unset;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
}

.swiper-container-img-home .swiper-slide.imatge-home-0 {
    width: 20% !important;
}

.swiper-container-img-home .swiper-slide.imatge-home-1 {
    width: 38% !important;
}

.swiper-container-img-home .swiper-slide.imatge-home-2 {
    width: 20% !important;
}

.swiper-container-img-home .swiper-slide.imatge-home-3 {
    width: 37% !important;
}
.swiper-container-img-home .swiper-slide.imatge-home-4 {
    width: 20% !important;
}
.swiper-container-img-home .swiper-slide.imatge-home-5 {
    width: 38% !important;
}
.swiper-container-img-home .swiper-slide.imatge-home-6 {
    width: 21% !important;
}
.swiper-container-img-home .swiper-slide.imatge-home-7 {
    width: 38% !important;
}
.swiper-container-img-home .swiper-slide.imatge-home-8 {
    width: 38% !important;
}
.swiper-container-img-home .swiper-slide.imatge-home-9 {
    width: 21% !important;
}

/* Fotos Home */

.elementor-widget-optimo-imagenes-proyecto .contenedor-imagenes-small {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.elementor-widget-optimo-imagenes-proyecto .contenedor-imagenes-small img {
    width: 50%;
    max-width: 550px;
}

.contenedor-proyectos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 80px;
    gap: 30px;
}

.contenedor-proyectos .proyectos-individuales {
    width: 48%;
    max-width: 550px;
}

.contenedor-proyectos .proyectos-individuales .casos-dest-categoria {
    color: #000000;
    font-family: "Roboto Mono", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-transform: lowercase;
}

.contenedor-proyectos .proyectos-individuales .casos-dest-categoria {
    color: #000000;
    font-family: "Roboto Mono", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-transform: lowercase;
}

.contenedor-proyectos .proyectos-individuales .sep-prin {
    background: black;
    width: 100%;
    height: 2px;
    max-width: unset;
}

.contenedor-proyectos .proyectos-individuales .sep-sec {
    background: black;
    width: 100%;
    height: 1px;
    max-width: unset;
}

.contenedor-proyectos .proyectos-individuales .casos-dest-title {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    min-height: 84px;
}

.contenedor-proyectos .proyectos-individuales .link-casos-dest {
    margin-top: 20px;
    display: block;
}

.contenedor-proyectos .proyectos-individuales .link-casos-dest::before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 0px 8px 0 0;
    font-size: 10px;
}

.contenedor-proyectos .proyectos-individuales img {
    /* height: 400px;
    object-fit: contain;
    width: 100%; */
    border-radius: 16px;
    /* height: 400px; */
    object-fit: cover;
    object-position: center top;
    aspect-ratio: 554/420;
}

.contenedor-proyectos .proyectos-individuales:hover img {
    filter: grayscale();
}

.filtros-proyectos {
    display: flex;
    justify-content: center;
}

.filtros-proyectos ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    border: 1px solid;
    padding: 5px;
    border-radius: 35px;
    width: max-content;
}

.filtros-proyectos ul li {
    display: inline-block;
    text-align: center;
    color: #000000;
    font-family: "Roboto Mono", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: lowercase;
    padding: 10px 18px;
}

.filtros-proyectos ul li.active {
    background: black;
    color: white;
    border-radius: 20px;
}

.filtros-proyectos ul li.active a {
    color: white;
}

.filtros-proyectos ul li:last-child {
    padding: 10px 16px 10px 18px;
}

.h1-title-projectes {
}

/* .video-projectes-container{
    border-radius: 40px;
    border: 10px solid;
}

video.video-projectes{
    border-radius: 20px;
    border: 15px solid;
} */
/* //////////////////////formulario////////////////////////// */
div#idiomas {
    width: 32% !important;
}

div#tono {
    width: 32% !important;
}

div#estilo {
    width: 30% !important;
}

div#IncrementoTitulo {
    width: 30% !important;
    margin-top: 20px;
}

div#Topicincrement {
    width: 67% !important;
    margin-top: 20px;
}

div#Prompt {
    width: 100%;
}

.elementor-widget-formulario_copywriting .elementor-widget-container {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
}

textarea#TextoDePrompt {
    text-align: left;
}

.grecaptcha-badge {
    visibility: hidden;
}

.social-media-content-la-surena img{
    object-position: center !important;
}

@media (min-width: 1550px) {
    .contenedor-proyectos {
        justify-content: flex-start;
    }

    .contenedor-proyectos .proyectos-individuales {
        width: 32%;
    }
}

@media (max-width: 576px) {
    .contenedor-proyectos {
        padding: 20px 0;
    }

    .home .elementor-2529 .elementor-element.elementor-element-9549953 {
        padding: 0 20px;
    }

    .contenedor-proyectos .proyectos-individuales {
        width: 100%;
    }

    .contenedor-proyectos .proyectos-individuales .casos-dest-title {
        font-size: 28px;
        /* text-align: justify; */
    }

    .category-title-serv {
        font-size: 15px !important;
    }

    .filtros-proyectos {
    }

    .filtros-proyectos ul {
        justify-content: flex-start;
        overflow-x: scroll;
        width: 100%;
    }

    /* amagar scroll bar filtres casos */
    .filtros-proyectos ul::-webkit-scrollbar {
        display: none;
    }

    .filtros-proyectos ul {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    /* end amagar scroll bar filtres casos */

    .filtros-proyectos ul li {
        text-wrap: nowrap;
    }

    .contenedor-proyectos .proyectos-individuales img {
        height: 350px;
    }

    .swiper-slide.imatge-home-0 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .swiper-slide.imatge-home-1 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .swiper-slide.imatge-home-2 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .swiper-slide.imatge-home-3 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .swiper-slide.imatge-home-4 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .swiper-slide.imatge-home-5 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    .swiper-slide.imatge-home-6 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    .swiper-slide.imatge-home-7 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    .swiper-slide.imatge-home-8 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    .swiper-slide.imatge-home-9 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    #qodef-back-to-top {
        right: 12px !important;
    }

    .swiper-container-img-home .swiper-slide.imatge-home-0, .swiper-container-img-home .swiper-slide.imatge-home-1, .swiper-container-img-home .swiper-slide.imatge-home-2, .swiper-container-img-home .swiper-slide.imatge-home-3, .swiper-container-img-home .swiper-slide.imatge-home-4, .swiper-container-img-home .swiper-slide.imatge-home-5, .swiper-container-img-home .swiper-slide.imatge-home-6, .swiper-container-img-home .swiper-slide.imatge-home-7, .swiper-container-img-home .swiper-slide.imatge-home-8, .swiper-container-img-home .swiper-slide.imatge-home-9, .swiper-container-img-home .swiper-slide.imatge-home-10, .swiper-container-img-home .swiper-slide.imatge-home-11, .swiper-container-img-home .swiper-slide.imatge-home-12,
.swiper-container-img-home .swiper-slide.imatge-home-13, .swiper-container-img-home .swiper-slide.imatge-home-14,
.swiper-container-img-home .swiper-slide.imatge-home-15, .swiper-container-img-home .swiper-slide.imatge-home-16{
    width: 100% !important;
}
}

/* Estilos iniciales para animaciones*/
#DivAnimacion .animacion-false {
    position: relative;
    margin: 0;
    display: none;
}

#DivAnimacion.animacion-true {
    display: block;
}

.DivAnimacion .animacion_optimo {
    display: inline-flex;
    transform: translateY(110%);
    transition: transform 0.9s cubic-bezier(0.61, 1, 0.88, 1);
}

.DivAnimacion .animacion-true .animacion_optimo {
    transform: translateY(0);
    transition-delay: 0s;
    display: inline-flex;
}

.DivAnimacion .animacion-true .animacion_optimo.text-inv {
    transform: translateY(0);
    transition-delay: 0s;
    display: inline-flex;
}

.DivAnimacion .animacion-true .animacion_optimo:nth-child(odd) {
    transition-delay: calc(0.1s * (n - 1));
}

.DivAnimacion .animacion-true .animacion_optimo:nth-child(even) {
    transition-delay: calc(0.1s * n);
}

.page-id-11620 #qodef-page-inner {
    padding-top: 140px;
}

/* .swiper-container-casos-destacados .swiper-slide.primerito {
  order: 1;
}

.swiper-container-casos-destacados .swiper-slide {
  order: 2; */
/* } */

.page-template-page-full-width-projects .elementor-widget-optimo-imagenes-proyecto .swiper-container-img-projectes img{
    aspect-ratio: auto !important;
    object-fit: cover;
}

.page-template-page-full-width-projects .elementor-widget-optimo-imagenes-proyecto .swiper-container-img-projectes video{
    aspect-ratio: auto !important;
    object-fit: cover;
    height: 100%;
}

.page-template-page-full-width-projects .elementor-widget-optimo-imagenes-proyecto.elementor-element-16dcd61 .swiper-container-img-projectes .imatge-home-0 img{
    object-position: left;
}

/* Linea du tempo macaco do brasil */

ol.linea-do-tempo, .linea-do-tempo li {
    margin: 0;
    padding: 0;
    color: #00cec9;
    font-family: verdana;
    font-size: 14px;
}
ol.linea-do-tempo {
    display: flex;
    width: 100px;
    justify-content: space-between;
    position: relative;
}
ol.linea-do-tempo:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: red;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: -1;
}
.linea-do-tempo li {
    list-style-type: none;
    position: relative;
    cursor: pointer;
}
.linea-do-tempo li:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: blue;
    border: 2px solid yellow;
    transition: background-color 0.2s ease;
}
.linea-do-tempo li:hover:after {
    background-color: #804000;
}
.linea-do-tempo li.active:after {
    background-color: green;
}
.linea-do-tempo span {
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    text-align: center;
    text-align: center;
    width: 12.5px;
}



@media (min-width: 1025px) and (max-width: 1200px) {
    .video-objetivos .elementor-widget-video .e-hosted-video .elementor-video {
        aspect-ratio: 0.82;
    }
}

@media (min-width: 1201px) and (max-width: 1500px) {
    .video-objetivos .elementor-widget-video .e-hosted-video .elementor-video {
        aspect-ratio: 1;
    }
}

@media (min-width: 847px) and (max-width: 1006px) {
    .contenedor-proyectos {
        display: flex;
        flex-wrap: wrap;
        padding: 60px 0px;
        gap: 30px;
    }
}

@media (min-width: 642px) and (max-width: 846px) {
    .contenedor-proyectos {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 60px 0px;
        gap: 23px;
    }

    h3.casos-dest-title {
        min-height: 168px !important;
    }
}

@media (min-width: 577px) and (max-width: 641px) {
    .contenedor-proyectos {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 60px 0px;
        gap: 16px;
    }

    h3.casos-dest-title {
        min-height: 168px !important;
    }
}

@media (min-width: 1350px) {
    .contenedor-proyectos .proyectos-individuales .casos-dest-title {
        min-height: 126px;
    }

    .contenedor-proyectos .proyectos-individuales {
        width: 31%;
    }

    .contenedor-proyectos {
        justify-content: unset;
    }
}

@media (min-width: 1500px) and (max-width: 1548px) {
    .cafes-bou-h1 .DivAnimacion .animacion_optimo:nth-of-type(32) {
        letter-spacing: 0.5em;
    }
}

@media (min-width: 1549px) and (max-width: 1617px) {
    .cafes-bou-h1 .DivAnimacion .animacion_optimo:nth-of-type(32) {
        letter-spacing: 1.3em;
    }
}