*,
html {
   scroll-behavior: smooth;
}
body {
   line-height: 1;
}
/* Simple entrance animation */
.fade-in {
   -webkit-animation:
      fadeIn 0.5s ease both,
      rise 0.5s ease both;
   animation:
      fadeIn 0.5s ease both,
      rise 0.5s ease both;
}
@-webkit-keyframes fadeIn {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
@keyframes fadeIn {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
@-webkit-keyframes rise {
   from {
      transform: translateY(6px);
   }
   to {
      transform: none;
   }
}
@keyframes rise {
   from {
      transform: translateY(6px);
   }
   to {
      transform: none;
   }
}

/* COLORS */
:root {
   --color-fede-white: #f8f8f8;
   --color-fede-orange: #ff6600;
   --color-fede-orange-00: #ff660000;
   --color-fede-orange-light: #fffff5;
   --color-fede-red: #ff0000;
   --color-fede-fv: #3a3a39;
   --color-fede-black-cc: #000000cc;
   --color-fede-fv-gray: #979797;
   --color-fede-fv-ultragray: #3b3b3a0d;
   --color-fede-fv-00: #3a3a3900;
   --filter-fede-gray: grayscale(1) brightness(0.43);
   --filter-fede-orange: grayscale(0) brightness(1);
}

.color-white {
   color: var(--color-fede-white) !important;
}
.color-fv {
   color: var(--color-fede-fv) !important;
}
.color-gray {
   color: var(--color-fede-fv-gray) !important;
}
.color-orange {
   color: var(--color-fede-orange) !important;
}
.color-red {
   color: var(--color-fede-red) !important;
}

.bg-white {
   background-color: var(--color-fede-white) !important;
}
.bg-fv {
   background-color: var(--color-fede-fv) !important;
}
.bg-gray {
   background-color: var(--color-fede-fv-gray) !important;
}
.bg-orange {
   background-color: var(--color-fede-orange) !important;
}
.bg-red {
   background-color: var(--color-fede-red) !important;
}

.border-white {
   border-color: var(--color-fede-white) !important;
}
.border-fv {
   background-color: var(--color-fede-fv) !important;
}
.border-gray {
   background-color: var(--color-fede-fv-gray) !important;
}
.border-orange {
   background-color: var(--color-fede-orange) !important;
}
.border-red {
   background-color: var(--color-fede-red) !important;
}

.d-flex-center {
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
}

.d-flex-center.flex-col {
   flex-direction: column;
}

.max-width-full {
   max-width: 1320px;
}

.fancybox__content > .f-button.is-close-btn {
   display: none !important;
}

/* MAIN */
body {
   background-color: var(--color-fede-white);
}
body,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
#ball,
.tt-main-menu,
.ph-caption-title-ghost,
.ph-caption-subtitle,
.scroll-down-circle,
.made-with-love,
.tt-ol-menu-toggle-btn-text,
.tt-m-menu-toggle-btn-text,
.tt-ol-menu-list,
.tt-heading,
.tt-btn,
.social-buttons,
.footer-social,
.tt-ps-nav-pagination,
.tt-pc-navigation,
.tt-cc-pagination,
.tt-phc-item::before,
.tt-phc-counter,
.pli-counter,
.ttgr-cat-trigger-wrap,
.ttgr-cat-list,
.ttgr-cat-classic-nav,
.portfolio-interactive-item,
.tt-copyright,
.project-info-list,
.tt-pn-link,
.tt-pn-subtitle,
.ph-share-ghost,
.tt-search-ghost,
.tt-pagination,
.tt-scrolling-text,
#blog-list.bli-compact .bli-info::before,
.blog-interactive-item::before {
   font-family: 'PP Telegraf', sans-serif !important;
   font-weight: normal;
}

p {
   color: var(--color-fede-fv);
   font-size: 16px;
}
h3 {
   color: var(--color-fede-fv);
}
h2 + p,
h2 + span p {
   text-align: center;
   margin-bottom: 0;
}
h2 + span {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: 10px;
}
/* [class*='tt-col-'] {
   padding-left: 18px;
   padding-right: 18px;
} */

.fw-200 {
   font-weight: 200 !important;
}

.bg-vectors {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   max-width: 100%;
   max-height: 100%;
}

.bg-vectors .pos {
   position: absolute;
   display: flex;
   width: 100%;
   height: 100%;
}

.bg-vectors .top-left {
   justify-content: flex-start;
   align-items: flex-start;
}

.bg-vectors .top-right {
   justify-content: flex-end;
   align-items: flex-start;
}

.bg-vectors .center-left {
   justify-content: flex-start;
   align-items: center;
}

.bg-vectors .center-right {
   justify-content: flex-end;
   align-items: center;
}

.bg-vectors .bottom-left {
   justify-content: flex-start;
   align-items: flex-end;
}

.bg-vectors .bottom-right {
   justify-content: flex-end;
   align-items: flex-end;
}

.bg-vectors .bottom-center {
   justify-content: center;
   align-items: flex-end;
}

.no-margin-bottom {
   margin-bottom: 0 !important;
}

.no-padding-top {
   padding-top: 0 !important;
}

.no-padding-bottom {
   padding-bottom: 0 !important;
}

.min-titles {
   font-size: 0.9vw !important;
   font-weight: lighter !important;
}

.min-titles.spacing {
   letter-spacing: 0.5vw;
   margin-left: 0.5vw;
}

.text {
   font-size: 0.8vw !important;
   font-weight: lighter !important;
}

.flex-row {
   display: flex !important;
   flex-direction: row !important;
   align-items: center !important;
}

.flex-v-center {
   display: flex;
   align-items: center;
}

ul {
   list-style-type: none !important;
   -webkit-padding-start: 0 !important;
   padding-inline-start: 0 !important;
}

h2.section-title {
   color: var(--color-fede-fv);
   font-weight: 800;
   font-size: 80px;
   line-height: 0.9;
   text-align: center;
   margin-bottom: 15px;
   transition: all 0.35s ease-in-out;
}

h2.section-title:hover {
   color: transparent !important;
   -webkit-text-stroke: 1px var(--color-fede-fv);
}

/* HEADER MENU */
.tt-header-col {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
}
.tt-logo {
   width: 80px;
   height: 80px;
   top: 7px;
   position: relative;
}
.tt-logo a {
   width: 100%;
   height: 100%;
   margin-left: -5%;
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
}
.tt-logo a img {
   width: 100%;
   height: 100%;
   position: absolute;
   max-height: unset;
}
.tt-logo a img:first-child {
   width: 100%;
   height: 100%;
   transform: rotate(-48deg) scale(0.62) translate(5px, -1px);
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}
.tt-logo a img:last-child {
   transform: scale(0.9);
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}
.tt-logo a:hover img:last-child {
   transform: scale(1);
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}
.tt-logo a:hover img:first-child {
   transform: rotate(2deg) scale(1.42) translate(-1px, 2px);
}

.tt-main-menu-list {
   margin-top: 14px;
   display: flex;
   flex-direction: column;
   text-transform: uppercase;
   width: 150px;
}

.tt-main-menu-list > li,
.tt-main-menu-list > li:first-child {
   margin: 6px 0 !important;
   padding: 0 !important;
}

.tt-main-menu-list > li > a {
   display: flex;
   align-items: center;
   font-size: 14px;
   letter-spacing: 7px;
   height: 26px;
   transition: all 0.35s ease-in-out;
}

header#tt-header {
   z-index: 99999;
}

html.with-fancybox-standalone header#tt-header,
html.with-fancybox-sub header#tt-header {
   z-index: 999;
}

body:not(.tt-boxed) .tt-header-inner,
.tt-header-inner:not(.tt-wrap) {
   padding-left: 70px;
   padding-right: 70px;
}

.tt-main-menu-list {
   margin-left: -12px;
}

.tt-main-menu-list > li > a {
   color: var(--color-fede-fv);
   background-color: transparent;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding: 1px 6px 1px 12px;
   border-radius: 7px;
   transition: all 0.35s ease-in-out;
}
.tt-main-menu-list > li > a:hover {
   color: var(--color-fede-white);
   background-color: var(--color-fede-fv);
}

.tt-main-menu-list.tt-mm-hover > li > a {
   opacity: 1 !important;
}

.tt-main-menu-list > li:nth-child(2) > a:last-child {
   display: none;
}

html.with-fancybox-gallery .tt-main-menu-list > li:nth-child(2) > a:first-child {
   display: none;
}
html.with-fancybox-gallery .tt-main-menu-list > li:nth-child(2) > a:last-child {
   display: flex;
}

#content-wrap {
   background-color: var(--color-fede-white);
}

.stamp {
   width: 90px;
   position: absolute;
   right: -40px;
   bottom: 135px;
   z-index: 11;
   /* -webkit-filter: drop-shadow(2px 5px 4px rgba(0, 0, 0, 0.2));
   filter: drop-shadow(2px 5px 4px rgba(0, 0, 0, 0.2)); */
   -webkit-filter: drop-shadow(3px 5px 5px rgba(0, 0, 0, 0.15));
   filter: drop-shadow(3px 5px 5px rgba(0, 0, 0, 0.15));
}

.stamp img {
   position: absolute;
   -webkit-filter: var(--filter-fede-orange);
   filter: var(--filter-fede-orange);
   transition: all 0.5s cubic-bezier(0.34, 1.5, 0.9, 1);
}
.stamp:hover img,
.hover-fv:hover .stamp img {
   transform: rotate(-11deg);
   -webkit-filter: var(--filter-fede-gray);
   filter: var(--filter-fede-gray);
}
.stamp img.join {
   -webkit-filter: unset !important;
   filter: unset !important;
}
.stamp img.inside {
   -webkit-filter: unset !important;
   filter: unset !important;
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}
.stamp:hover img.inside,
.hover-fv:hover .stamp img.inside {
   transform: rotate(-30deg);
}

/* .hover-fv:hover .stamp:hover img,
.hover-fv:hover .stamp:hover img.join,
.hover-fv:hover .stamp:hover img.inside {
   transform: unset !important;
   pointer-events: none !important;
}
.hover-fv:hover .stamp:hover img {
   transform: unset !important;
   -webkit-filter: var(--filter-fede-orange);
   filter: var(--filter-fede-orange);
}
.hover-fv:hover .stamp:hover img.join,
.hover-fv:hover .stamp:hover img.inside {
   transform: unset !important;
   -webkit-filter: unset !important;
   filter: unset !important;
} */

/* HOME */
body.tt-boxed .tt-wrap {
   max-width: 1320px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

body.tt-boxed .tt-wrap .tt-row {
   justify-content: center;
   flex-direction: row;
}

#page-header.ph-full .page-header-inner {
   padding: 0 !important;
}

#page-header .home-title {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin: 35px 0;
}

#page-header .hover-fv .home-title {
   color: var(--color-fede-fv);
   -webkit-text-stroke: 2px var(--color-fede-orange-00);
   transition: all 1s cubic-bezier(0.34, 1.5, 0.9, 1);
}
#page-header .hover-fv:hover .home-title {
   color: var(--color-fede-orange-light);
   -webkit-text-stroke: 2px var(--color-fede-orange);
}

#page-header .min-titles {
   font-size: 16px !important;
   letter-spacing: 8px;
   margin-left: 8px;
   font-weight: 400 !important;
}

#page-header .home-title span {
   font-size: 190px;
   line-height: 0.9;
   /* margin: 0px 2.5vw; */
   margin: 0;
}

/* #magic-cursor #ball {
   visibility: visible !important;
} */

.fancybox__slide.is-done.is-selected .fancybox__content {
   touch-action: pan-y;
}
/* .fancybox__slide.is-done.is-selected .fancybox__content iframe.fancybox__iframe {
   pointer-events: none;
} */

.fx-cursor {
   position: fixed;
   left: 0;
   top: 0;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #ff6600;
   pointer-events: none;
   z-index: 2147483647;
   transform: translate3d(var(--x, -100px), var(--y, -100px), 0) scale(var(--s, 1));
   transition: transform 150ms ease;
   will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
   .fx-cursor {
      transition: none;
   }
}

/* ABOUT */
#about {
   padding-bottom: 180px;
}
#about h2.section-title {
   margin-bottom: 38px;
}

#about .tt-wrap {
   width: 800px;
}
#about .tt-wrap .info {
   margin-top: -6px;
}
#about .tt-wrap p {
   color: var(--color-fede-fv-gray);
   font-size: 16px;
   font-weight: 400;
   line-height: 1.8;
   letter-spacing: 0.5px;
   margin-left: 0.5px;
}
#about .tt-wrap p:last-child {
   margin-bottom: 0;
}
#about .tt-wrap .photo {
   max-height: 364px;
   max-width: 364px;
   width: 364px;
   height: 364px;

   aspect-ratio: 1/1;
   isolation: isolate;
}

#about .tt-wrap .photo * {
   position: absolute;
   width: 100%;
   height: 100%;
   max-height: 364px;
   max-width: 364px;
   border-radius: 10px;
}
#about .tt-wrap .photo,
#about .tt-wrap img {
   border-radius: 10px;
}

#about .tt-wrap .photo {
   position: absolute;
   inset: 0;
   pointer-events: none;
   margin-left: 18px;
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}
/* #about .tt-wrap #hola-foto:hover {
   cursor: pointer !important;
} */
#about .tt-wrap #hola-foto:hover .photo {
   transform: scale(1.015);
}
#about .tt-wrap .photo .fede {
   background-color: var(--color-fede-orange);
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}
#about .tt-wrap .photo .fede img {
   mix-blend-mode: multiply;
}

#about .tt-wrap #hola-foto:hover .photo .fede {
   background-color: var(--color-fede-orange-light);
}

#about .tt-wrap .photo .film {
   overflow: hidden;
   width: 100%;
   height: 100%;
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}
#about .tt-wrap .photo .film.out,
#about .tt-wrap .photo .film.bg {
   background-color: transparent;
   overflow: visible;
}

#about .tt-wrap .photo .film .vectors {
   position: absolute;
}
#about .tt-wrap .photo .film .vectors img.photo-vector {
   position: absolute;
   mix-blend-mode: plus-lighter;
   opacity: 0.85;
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}

#about .tt-wrap .photo .film.bg .vectors img.photo-vector {
   mix-blend-mode: multiply;
}

#about .tt-wrap .photo .film .vectors img.photo-vector.vector1 {
   transform: scale(0.44) rotate(30deg);
   top: -48%;
   left: -42%;
}

#about .tt-wrap #hola-foto:hover .photo .film .vectors img.photo-vector.vector1 {
   transform: scale(0.44) rotate(0deg);
   left: -49%;
   opacity: 0;
}
#about .tt-wrap .photo .film .vectors img.photo-vector.vector2 {
   transform: scale(0.36) rotate(-30deg);
   top: 42%;
   left: 44%;
}
#about .tt-wrap #hola-foto:hover .photo .film .vectors img.photo-vector.vector2 {
   transform: scale(0.36) rotate(-10deg);
   top: 43%;
   left: 48%;
   opacity: 0;
}

#about .tt-wrap .photo .film.out .vectors img.photo-vector.vector1 {
   -webkit-filter: brightness(9);
   filter: brightness(9);
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}
#about .tt-wrap #hola-foto:hover .photo .film.out .vectors img.photo-vector.vector1 {
   -webkit-filter: brightness(1);
   filter: brightness(1);
}
#about .tt-wrap .photo .film.out .vectors img.photo-vector.vector2 {
   -webkit-filter: brightness(9);
   filter: brightness(9);
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}
#about .tt-wrap #hola-foto:hover .photo .film.out .vectors img.photo-vector.vector2 {
   -webkit-filter: brightness(1);
   filter: brightness(1);
}

#about .tt-wrap .photo .film.bg .vectors img.photo-vector {
   opacity: 0;
   -webkit-filter: unset;
   filter: unset;
}
/* 
#about .tt-wrap .photo .film.bg .vectors img.photo-vector.vector2 {
   -webkit-filter: hue-rotate(0) saturate(5) sepia(0.1);
   filter: hue-rotate(0) saturate(5) sepia(0.1);
} */

#about .tt-wrap #hola-foto:hover .photo .film.bg .vectors img.photo-vector {
   opacity: 1;
}

#about .tt-wrap #hola-foto .info {
   transform: translateX(0);
   transition: all 0.7s cubic-bezier(0.34, 1.5, 0.9, 1);
}
#about .tt-wrap #hola-foto:hover .info {
   transform: translateX(30px);
}

/* WORK */
#work {
   padding-top: 190px;
   padding-bottom: 40px !important;
}

#work h2 + span {
   margin-bottom: 0;
}

body.tt-boxed #work .tt-wrap {
   padding: 0;
}

#work .tt-grid.ttgr-gap-2 .ttgr-item-inner {
   margin: 0 1vw 4vw 1vw;
}

#work .pgi-image-holder {
   border-radius: 10px;
}

#work .pgi-caption {
   padding: 5px 0 0 0;
}

#work .pgi-caption-inner {
   min-height: 40px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-end;
}

#work .pgi-caption-inner .pgi-category,
#work .pgi-caption-inner .pgi-title {
   font-size: calc(13px + 0.1vw);
   line-height: 1;
   font-weight: 400;
   color: var(--color-fede-white);
   opacity: 1;
   padding-bottom: 10px;
}

#work .pgi-caption-inner .pgi-title {
   text-transform: uppercase;
   letter-spacing: calc(5px + 0.1vw);
   margin-left: calc(5px + 0.1vw);
}

#work .pgi-caption-inner .pgi-category {
   text-transform: lowercase;
}

/* #work #ball .ball-view {
   font-weight: 400;
   color: var(--color-fede-fv);
} */

/* SERVICES */
#services {
   display: flex;
   flex-direction: column;
}

#services h2 + span {
   margin-bottom: 60px;
}

body.tt-boxed #services .tt-wrap {
   padding: 0;
}
#services .services-container {
   width: 568px;
   display: flex;
   flex-direction: column;
   padding: 0px;
   gap: 80px;
   color: var(--color-fede-fv);
}
#services .services-container .services-items {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   padding: 0px;
   gap: 40px;
}
#services .services-container .items {
   width: 100%;
   display: flex;
   flex-direction: row;
}

#services .services-container .items .icon {
   padding-top: 3px;
   width: 38px;
}

#services .services-container .items .services-text {
   width: 530px;
}

#services .services-container .items .services-text p:nth-child(1) {
   line-height: 28px;
   margin-bottom: 4px;
}
#services .services-container .items .services-text p:nth-child(2) {
   line-height: 22px;
   letter-spacing: 0.05em;
   margin-left: 0.05em;
   color: #979797;
   margin-bottom: 0;
}

#services .services-container .items:nth-child(1) img {
   width: 20px;
}
#services .services-container .items:nth-child(2) img {
   width: 24px;
}
#services .services-container .items:nth-child(3) img {
   width: 22px;
}
#services .services-container .items:nth-child(4) img {
   width: 24x;
}

#services .services-container .services-buttons {
   display: flex;
   flex-direction: column;
   gap: 32px;
}
#services .services-container .services-buttons a {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 41px;
   background-size: contain;
   font-size: 16px;
   line-height: 90%;
   color: var(--color-fede-fv);
   border-radius: 7px;
   transition: all 0.35s ease-in-out;
}

#services .services-container .services-buttons .buttons1 {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}
#services .services-container .services-buttons .buttons1 a {
   width: 266px;
   background-image: url('../img/services-button1.png');
}
#services .services-container .services-buttons a.buttons2 {
   width: 100%;
   background-image: url('../img/services-button2.png');
}

#services .services-container .services-buttons a:hover {
   color: var(--color-fede-white);
   background-color: var(--color-fede-fv);
   border-radius: 10px;
}

#services h4 {
   margin: 150px auto 0;
   color: var(--color-fede-fv);
   font-size: 32px;
   line-height: 90%;
   text-align: center;
}

#services .trusted-container {
   display: flex;
   gap: 47px 90px;
   width: 1260px;
   justify-content: center;
   flex-wrap: wrap;
   align-items: center;
   margin: 65px auto 40px;
}

#services .words-container {
   display: flex;
   flex-direction: column;
   width: 1320px;
   margin: 65px auto 45px;
}

/* CONTACT */
#contact {
   padding: 87px 0 39px !important;
   overflow: hidden;
}
#contact * {
   color: var(--color-fede-fv);
}
#contact .bg-vectors img {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: auto;
}
/* #contact .bg-vectors .noise {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0.7;
   background: url(../img/noise.png);
   background-size: 12%;
   mix-blend-mode: screen;
} */

/* Pegado al fondo y a todo el ancho */

#contact .bg-vectors img,
#contact .footer-masked {
   transform: translateY(42%);
}

#contact .footer-masked {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
   z-index: 0;

   -webkit-mask-mode: alpha;
   mask-mode: alpha;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center bottom;
   mask-position: center bottom;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
}

#contact .footer-masked.footer1 {
   -webkit-mask-image: url('../img/footer-1b.svg');
   mask-image: url('../img/footer-1b.svg');
}

#contact .footer-masked.footer2 {
   -webkit-mask-image: url('../img/footer-2.svg');
   mask-image: url('../img/footer-2.svg');
}

#contact .footer-masked.footer3 {
   -webkit-mask-image: url('../img/footer-3.svg');
   mask-image: url('../img/footer-3.svg');
}

/* Contenido que se recorta de nuevo por footer-2.svg */
#contact .footer-ink {
   position: relative;
   width: 100%;
   margin: 0 auto;

   /* 2ª máscara: define dónde aparece realmente la textura */
   -webkit-mask-mode: alpha;
   mask-mode: alpha;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center bottom;
   mask-position: center bottom;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
}
#contact .footer-ink.footer1 {
   -webkit-mask-image: url('../img/footer-1b.svg');
   mask-image: url('../img/footer-1b.svg');
}
#contact .footer-ink.footer2 {
   -webkit-mask-image: url('../img/footer-2.svg');
   mask-image: url('../img/footer-2.svg');
}
#contact .footer-ink.footer3 {
   -webkit-mask-image: url('../img/footer-3.svg');
   mask-image: url('../img/footer-3.svg');
}

/* IMG solo para “sondear” dimensiones de footer-2.svg (no visible) */
#contact .footer-probe {
   display: block;
   width: 100%;
   height: auto;
   opacity: 0; /* no se ve */
   pointer-events: none;
}

/* La textura es lo único visible, sin blends */
#contact .footer-texture {
   position: absolute;
   inset: 0;
   background-repeat: repeat;
   background-position: center;
   background-size: 250px auto;
   pointer-events: none; /* sin interacciones */
}
#contact .footer-texture.yellow {
   background-image: url('../img/noise-yellow.png');
}
#contact .footer-texture.orange {
   background-image: url('../img/noise-orange.png');
}

#contact h2.section-title {
   margin-bottom: 4px;
}

#contact .tt-row {
   -moz-column-gap: 224px;
   column-gap: 224px;
}
#contact .tt-col-md-6 {
   width: 417px;
   max-width: 417px;
   padding: 0;
}
#contact .tt-col-md-6,
#contact .tt-col-md-6 .col {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
#contact h3 {
   font-weight: 400;
   font-size: 38px;
   line-height: 90%;
   margin-bottom: 20px;
   margin-top: 60px;
}
#contact .fw-200 {
   margin-top: 2px;
   margin-bottom: 12px;
   letter-spacing: 0.5px;
   margin-left: 0.5px;
   line-height: 22px;
}
#contact a {
   font-family: 'PP Telegraf';
   font-size: 16px;
   display: flex;
   align-items: center;
   flex-direction: row;
   gap: 10px;
}
#contact .col a.btn {
   margin-bottom: 30px;
}
#contact .col a {
   margin-bottom: 10px;
}
#contact .col .socials {
   display: flex;
   flex-direction: row;
   gap: 0;
   transform: translateX(-16px);
   margin-bottom: 30px;
}
#contact .col .socials a {
   margin: 0;
   width: 80px;
   height: 80px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 6px;
   transition: all 0.35s ease-in-out;
}
#contact .col .socials a img {
   width: 32px;
}
#contact .col .socials a p {
   font-family: 'PP Telegraf';
   font-weight: 800;
   font-size: 10px;
   line-height: 14px;
   margin: 0;
   padding: 0;
   text-transform: uppercase;
}
#contact .col .socials a * {
   transition: all 0.35s ease-in-out;
}
#contact .col .socials a:hover {
   transform: scale(0.8);
}
#contact .col .socials a:hover img,
#contact .col .socials a:hover p {
   -webkit-filter: invert(1) brightness(2);
   filter: invert(1) brightness(2);
}
#contact .col .socials a:hover img {
   width: 32px;
   margin-top: 12px;
}
#contact .col .socials a .circle {
   position: absolute;
   width: 80px;
   height: 80px;
   border-radius: 40px;
   background-color: var(--color-fede-fv-00);
   z-index: -1;
   transform: scale(0.75);
   transition: all 0.35s ease-in-out;
}
#contact .col .socials a:hover .circle {
   background-color: var(--color-fede-fv);
   transform: scale(1.25);
}

.btn {
   width: 100%;
   height: 41px;
   font-size: 16px;
   border-radius: 7px;
   padding: 0;
   border: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-image: url('../img/form-submit.png');
   background-size: contain;
   color: var(--color-fede-white);
   cursor: pointer;
   transition:
      transform 0.06s ease,
      box-shadow 0.35s ease,
      background 0.35s ease;
   display: flex;
   justify-content: center;
   align-items: center;
}
.btn:hover {
   background: var(--color-fede-fv);
   color: var(--color-fede-white) !important;
}
.btn:active {
   transform: translateY(1px);
}

.is-idle .fancybox__nav {
   opacity: 1 !important;
}

.is-horizontal .fancybox__nav .f-button {
   width: 40px;
   height: 40px;
   /* stroke-width: unset !important;
   -webkit-filter: unset !important; */
   -webkit-filter: unset !important;
   filter: unset !important;
   stroke: var(--color-fede-fv);
}

.is-horizontal .fancybox__nav .f-button svg {
   width: 18px !important;
   height: 18px !important;
   stroke-width: 3 !important;
   stroke: var(--color-fede-fv) !important;
   -webkit-filter: none !important;
   filter: none !important;
}

.is-horizontal .fancybox__nav .f-button.is-prev {
   left: 11.5% !important;
}

.is-horizontal .fancybox__nav .f-button.is-next {
   right: 11.5% !important;
}
.is-horizontal .fancybox__nav .f-button {
   background: #ededed !important;
   transition: all 0.35s ease-in-out;
}
.is-horizontal .fancybox__nav .f-button:before {
   position: absolute;
   content: '';
   top: 0px;
   right: 0px;
   left: 0px;
   bottom: 0px;
   border-radius: 50%;
   z-index: 1;
}

.is-horizontal .fancybox__nav .f-button {
   background-color: var(--color-fede-fv-ultragray) !important;
   transition: all 0.35s ease-in-out;
}
.is-horizontal .fancybox__nav .f-button:hover {
   background-color: var(--color-fede-fv) !important;
}
.is-horizontal .fancybox__nav .f-button img {
   transition: all 0.35s ease-in-out;
}
.is-horizontal .fancybox__nav .f-button:hover img {
   -webkit-filter: invert(1) brightness(1.5);
   filter: invert(1) brightness(1.5);
   /* stroke: var(--color-fede-white) !important; */
}
.is-horizontal .fancybox__nav .f-button[disabled] {
   stroke: var(--color-fede-fv-gray);
   opacity: 0.5 !important;
}
.is-horizontal .fancybox__nav .f-button[disabled] img {
   -webkit-filter: unset !important;
   filter: unset !important;
   stroke: var(--color-fede-fv-gray);
   opacity: 0.5 !important;
}

/* Estilos generales de las flechas */
.is-horizontal .fancybox__nav .f-button {
   position: relative;
   overflow: visible;
}

/* Texto común para ambas */
.is-horizontal .fancybox__nav .f-button::after {
   position: absolute;
   bottom: -28px;
   left: 50%;
   transform: translateX(-50%);
   font-size: 16px;
   color: var(--color-fede-fv);
   opacity: 0;
   transition: opacity 0.35s ease-in-out;
   white-space: nowrap;
   pointer-events: none;
}

/* Texto específico de cada flecha */
.is-horizontal .fancybox__nav .f-button.is-prev::after {
   content: 'previous project';
}

.is-horizontal .fancybox__nav .f-button.is-next::after {
   content: 'next project';
}

/* Mostrar al hover */
.is-horizontal .fancybox__nav .f-button:hover::after {
   opacity: 1;
}