@font-face {
    font-family: 'Quilon';
    src: url('fonts/Quilon-Variable.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('fonts/Satoshi-Variable.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Italic Romantic';
    src: url('fonts/ItalicRomantic.woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

body p {
    font-family: 'Satoshi';
    font-size: 1.2em;
    line-height: normal;
}

.tindas-hero-slider_item {
    height: 100%;
    display: flex;
    flex-direction: row;
}

.tindas-hero-slider_item:last-child {
    display: none;
}

.tindas-hero-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background: linear-gradient(to top, #f8f4ec, #ffffff);
}

.tindas-hero-section {
    min-width: 100%;
    display: flex;
    flex-direction: row;
}

.tindas-hero-slider {
    flex: 1;
    height: 80vh;
    overflow: hidden;
    position: relative;
}

.tindas-hero-slider .swiper-wrapper {
    display: flex;
}

.tindas-hero-slider .swiper-slide {
    flex: 0 0 auto;
    max-width: 100%;
    display: flex;
    flex-direction: row;
}

.tindas-hero-slider-img {
    flex: 1;
    height: 100%;
    object-fit: cover;
    width: 0;
}

.tindas-hero-slider_link {
    color: black;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-size: 2em;
    z-index: 999;
    padding-left: 16px;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 768px) {
    .tindas-hero-slider_link {
        font-size: 4em;
    }
    
}

.tindas-hero-slider_link:hover {
    color: black;
}


.tindas-hero-title-cont {
    display: flex;
    align-items: flex-end;
    width: 35%;
    position: relative;
    background-image: url(images/round.svg);
    background-size: 100%;
    background-position: 300%;
    background-size: contain;
    background-repeat: no-repeat;
}

.tindas-hero-title {
    padding-left: 32px;
    text-wrap: balance;
    margin-bottom: 0;
    line-height: 9rem;
    font-size: 9rem;
    letter-spacing: 2px;
    font-family: 'Quilon', Arial, Helvetica, sans-serif;
}

.tindas-hero-title span {
    font-family: 'Italic Romantic';
}

@media (max-width: 1200px ) {
    .tindas-hero-title-cont {
        width: 45%;
    }

    .tindas-hero-title {
        font-size: 5.5vw;
        line-height: 5.5vw;
    }
}

@media (max-width: 1024px ) {
    .tindas-hero-section {
        flex-direction: column;
        row-gap: 48px;
    }

    .tindas-hero-slider.swiper {
        max-height: 500px;
        max-width: 97vw;
        padding: 0 44px; 
    }

    .tindas-hero-title-cont {
        width: 100%;
        padding: 0 44px;
    }

    .tindas-hero-title {
        font-size: 5rem;
        line-height: 5rem;
        padding-left: 0;
    }
}

@media (max-width: 768px ) {
    .tindas-hero-slider.swiper {
        padding: 0 18px; 
    }

    .tindas-hero-title-cont {
        width: 100%;
        padding: 0 18px;
        background-position: center right;
        background-size: contain;
    }
}

.site-main {
    padding-top: 96px;
}


.home .project_section {
    padding: 96px 0;
}

@media(max-width: 768px) {
    .home .project_section {
        padding: 96px 0 64px 0;
    }
}

.tindas-home-section-title,
.team_section .section_name,
.service_section .section_name {
    font-size: 2em;
    font-family: 'Span';
    margin-bottom: 10px;
    text-transform: none;
    line-height: normal;
    opacity: 1;
}

.project_section h2,
.team_section h2,
.service_section h2,
.how-section__subtitle-text {
    font-size: 3em;
    font-family: 'Satoshi';
    font-weight: 500;
    margin-bottom: 40px;
    padding-bottom: 0px;
    text-wrap: balance;
    line-height: normal;
}

.project_section .project_title a {
    font-family: 'Satoshi';
}

@media (max-width: 768px ) {
    .tindas-home-section-title,
    .team_section .section_name,
    .service_section .section_name {
        font-size: 1.5em;
    }

    .project_section h2, 
    .team_section h2, 
    .service_section h2, 
    .how-section__subtitle-text {
    font-size: 2em;
    }
}

.team_section {
    padding: 128px 0;
}

@media(max-width: 768px) {
    .team_section {
        padding: 96px 0;
    }
}

.team_section .container {
    display: flex;
    flex-direction: row;
}

.team_section-column-1 {
    width: 40%;
    padding-right: 64px;
}

.team_section-column-2 {
    display: flex;
    flex-direction: row;
    width: 60%;
    gap: 24px;
}

.team_section-column-2 .team_section-member {
    height: 100%;
    width: calc(33.33333% - 48px / 3);
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.team_section-column-2 .team_section-member img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team_section-member-name {
    font-size: 2rem;
    font-family: 'Quilon';
}

@media (max-width: 1024px ) {
    .team_section .container {
        flex-direction: column;
        row-gap: 48px;
    }

    .team_section-column-1 {
        width: 100%;
        padding-right: 0;
    }

    .team_section-column-2 {
        width: 100%;
    }
}

@media (max-width: 768px ) {
    .team_section-column-2{
        flex-direction: column;
    }

    .team_section-column-2 .team_section-member {
        width: 100%;
        padding: 0 64px;
    }

    .team_section-column-2 .team_section-member img {
        height: 350px;
        object-position: top center;
    }
}

.service_section {
    padding: 94px 0;
    background-image:
        linear-gradient(to right, rgba(248, 244, 236, 0.5) 3%, rgba(255, 255, 255, 0) 100%),
        url("http://localhost/tindas/wp-content/uploads/2024/05/Errores_cocina_01.jpg");
}

@media(max-width: 768px) {
    .services-list {
        gap: 16px;
    }

    .service_section .services-list p {
        font-size: 1.6em;
    }
}

.service_section .container {
    display: flex;
    flex-direction: column;
}

.services-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.service_section .services-list a {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    width: fit-content;
}

.service_section .services-list p {
    opacity: 1;
    font-size: 2em;
    font-family: 'Quilon';
    transition: all 0.3s ease-in-out;
    margin: 0;
}

.service_section .services-list a:hover .service-icon {
    opacity: 1;
}

.service-icon {
    width: 2em;
    height: 2em;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

@media( max-width: 768px ) {
    .services-list {
        gap: 16px;
    }

    .service_section .services-list a {
        flex-direction: row-reverse;
    }

    .service_section .services-list p {
        font-size: 1.5em;
    }
}

.how-section {
    padding: 128px 0;
}

@media(max-width: 768px) {
    .how-section {
        padding: 96px 0;
    }
}

.how-section__subtitle-text {
    max-width: 900px;
}

.faqs-section {
    padding: 0;
    padding-bottom: 128px;
}

.faqs-section__title {
    font-size: 3.5em;
    font-family: 'Quilon';
    text-align: start;
}

.faqs-section__accordion {
    margin: 0;
}

.faqs-item {
    border-bottom: 1px solid black;
    font-family: 'Satoshi';
}

.faqs-item__question {
    padding: 2rem 0;
    justify-content: space-between;
    align-items: center;
}

.faqs-item__question[aria-expanded="false"]:after {
    content: '';
    mask-image: url(images/arrow-down.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: black;
    height: 25px;
    width: 25px;
}

.faqs-item__question[aria-expanded="true"]:after {
    content: '';
    mask-image: url(images/arrow-up.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: black;
    height: 25px;
    width: 25px;
}

.faqs-item__answer {
    padding: 0;
    padding-bottom: 2rem;
    text-align: start;
}

@media( max-width: 768px ) {
    .faqs-item__question {
        text-align: left;
    }
}


.site-info .contact_form_title h4 {
    color: black;
    font-size: 3em;
    font-family: 'Satoshi';
}

@media(max-width: 768px) {
    .site-info .contact_form_title h4 {
        font-size: 2em;
    }

    .site-info .contact_form_title h4 {
        display: none;
    }
}

.site-info .contact_form span.wpcf7-form-control-wrap input,
.site-info .contact_form span.wpcf7-form-control-wrap textarea {
    font-family: 'Satoshi';
    height: auto;
    margin-bottom: 0;
    color: black;
    padding-bottom: 10px;
}

.site-info .contact_form [type=submit] {
    font-family: 'Satoshi';
}

.wpcf7-not-valid-tip,
.wpcf7 form.invalid .wpcf7-response-output {
    font-family: 'Satoshi';
}

.main-navigation .menu li a {
    font-family: 'Quilon';
}

span.icl_lang_sel_native,
.social-icons .tel-icon a,
.social-icons .address-icon {
    font-family: 'Satoshi';
}

footer.site-footer .col-md-12 .contact_section h5,
footer.site-footer .col-md-12 .follow_us_section h5 {
    font-family: 'Quilon';
}

footer.site-footer .col-md-12 .contact_section .tel-icon a,
footer.site-footer .col-md-12 .contact_section a,
footer.site-footer .col-md-12 .contact_section .address-icon {
    font-family: 'Satoshi';
    font-size: 1.25em;
    position: unset;
}

footer.site-footer .footer_nav ul#primary-menu {
    margin: 0;
}

footer.site-footer .footer_nav ul.menu li a,
footer.site-footer .col-md-12 .privacy_section a,
footer.site-footer .col-md-12 .privacy_section p,
footer.site-footer .col-md-12 .services_section a {
    font-family: 'Satoshi';
}

footer.site-footer .col-md-12 .privacy_section {
    margin: 0;
}

footer.site-footer .col-md-12 .services_section h5 {
    display: none;
}

footer.site-footer .col-md-12 .col-md-6.social-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact_section {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.how-section__pagination {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
}