/*
Theme Name: Azote Child Theme
Description: This is a custom child theme for Azote
Template: azote
Version: 1.0
*/

/* GENERAL
--------------------------------------------- */
@font-face {
  font-family: 'F37 Bolton';
  src:
    url('/wp-content/themes/azote-child/fonts/F37Bolton-Light.woff') format('woff'),
    url('/wp-content/themes/azote-child/fonts/F37Bolton-Light.otf') format('opentype'),
    url('/wp-content/themes/azote-child/fonts/F37Bolton-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'F37 Bolton Italic';
  src:
    url('/wp-content/themes/azote-child/fonts/F37Bolton-LightItalic.woff') format('woff'),
    url('/wp-content/themes/azote-child/fonts/F37Bolton-LightItalic.otf') format('opentype'),
    url('/wp-content/themes/azote-child/fonts/F37Bolton-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --accent: #f4e443;
  --orange: #f68050;
  --blue: #bbd4db;
  --green: #96d85d;
  --red: #e85a4e;
  --pink: #f2b9dc;
  --pure-white: #ffffff;
  --white: #f9f9fb;
  --text-30: #94949b;
  --text-20: #3f3f43;
  --text-10: #1d1d1f;
  --black: #0e0e0f;
}

::selection {
  background-color: var(--accent);
  color: var(--black);
}

.grecaptcha-badge {
  visibility: hidden;
}

a:hover {
  opacity: 1 !important;
}

.wpb_wrapper ul li {
  list-style: none;
  font-style: italic;
}
.wpb_wrapper ul {
  margin-left: 0;
}
.wpb_wrapper ul li:before {
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.748 13.506L14.574 10.266H3V9.222H14.556L11.748 6H12.954L16.284 9.744L12.954 13.506H11.748Z" fill="white"/></svg>');
  top: 6px;
  position: relative;
}

/* WRAPPERS
--------------------------------------------- */
body,
.ocm-effect-wrap,
.ocm-effect-wrap-inner,
.ajax-content-wrap,
.container-wrap,
#header-space {
  background-color: var(--black) !important;
}

body #header-outer,
header#top {
  background-color: transparent !important;
}
body.dark #header-outer,
.dark header#top,
body #header-outer.side-widget-open {
  mix-blend-mode: difference;
}

#header-outer[data-full-width='true'] header > .container,
body[data-slide-out-widget-area-style='simple'] #header-outer[data-full-width='true'] #mobile-menu,
.full-width-content {
  padding: 0 1vw;
}

@media (max-width: 1000px) {
  .full-width-content {
    padding: 0 18px;
  }
}

.real-full-width {
  padding: 0;
}

/* CUSTOM CURSOR
--------------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 9999998;
  pointer-events: none;
  overflow: hidden;
}

#preloader {
  background: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
}
#preloader .overlay {
  width: 100%;
  height: 99%;
  background-color: rgb(0 0 0 / 25%);
  position: absolute;
  top: 0;
  left: 0;
  height: fit-content;
}
.video_wrapper {
  position: absolute;
  max-width: 20vw;
  height: fit-content;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 1.2s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}

.video_wrapper.hide {
  clip-path: inset(50% 50% 50% 50%);
}
.video_wrapper video {
  height: fit-content;
}
.noScroll {
  max-height: 101vh;
  overflow-y: hidden;
}

@media (max-width: 1000px) {
  .video_wrapper {
    max-width: 50vw;
    width: 50vw;
  }
}

/* CUSTOM CURSOR
--------------------------------------------- */
.cursor,
.cursor-overlay {
  pointer-events: none;
}
.cursor {
  mix-blend-mode: difference;
  z-index: 999999999;
  filter: brightness(1.06);
}

.cursor,
.cursor-overlay {
  position: fixed;
  top: 0;
  left: 0;
  will-change: transform;
}
.cursor-overlay {
  mix-blend-mode: darken;
  filter: contrast(10);
  z-index: 1000000000;
}

.cursor circle,
.cursor-overlay .circle-overlay {
  fill: var(--accent);
}

.cursor.view-case {
  mix-blend-mode: screen;
}

.cursor.view-case circle {
  fill: #fff;
  opacity: 0.5;
}

.cursor-overlay.view-case {
  opacity: 0;
}

@media (max-width: 1000px) {
  .cursor,
  .cursor-overlay {
    display: none;
  }
}
/* TITLES
--------------------------------------------- */
.big-title *,
.single-post h2.big-title {
  font-size: 3.95vw;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.medium-title * {
  font-size: 3.4vw;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.small-title * {
  font-size: 2.5vw;
  line-height: 1.2;
  letter-spacing: -0.03em;
}
#services .small-title {
  display: flex;
}
#services .small-title::before {
  content: '+';
  font-size: 2vw;
  line-height: 1;
  margin-top: 0.5vw;
}
.small-title.pink::before {
  color: var(--pink);
}
.small-title.yellow::before {
  color: var(--accent);
}
.small-title.blue::before {
  color: var(--blue);
}
.small-title.red::before {
  color: var(--red);
}
.small-title.orange::before {
  color: var(--orange);
}

.single-post h2.big-title {
  font-size: max(3vw, 50px);
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.big-title.extra-size * {
  font-size: 5.5vw;
}
.big-title,
.animated__title {
  color: var(--text-20);
}
.big-title em,
.animated__title em,
.single-post h2.big-title,
.animated__title.bright {
  color: var(--pure-white) !important;
}

.animated__title .char {
  opacity: 0.3;
}
.animated__title em .char,
.animated__title.on-scroll.bright .char {
  opacity: 0.05;
}

.mini-title {
  font-family: 'Space Mono';
  font-size: 14px;
  line-height: 1.2;
}

em {
  font-family: 'F37 Bolton Italic';
  font-style: normal;
}
@media (max-width: 1000px) {
  .big-title * {
    font-size: 10vw;
  }
  .big-title.extra-size * {
    font-size: 12vw;
  }

  .medium-title *,
  .small-title *,
  #services .small-title::before {
    font-size: 6vw;
  }

  .wpb_wrapper h2.vc_custom_heading.mini-title {
    font-size: 14px !important;
    line-height: 1 !important;
  }

  .hover-reveal_images-wrapper .big-title p {
    font-size: 4vh !important;
  }
}
@media only screen and (max-width: 690px) {
  .wpb_wrapper h2.vc_custom_heading.mini-title {
    font-size: 14px !important;
    line-height: 1 !important;
  }
  .medium-title *,
  .small-title *,
  #services .small-title::before {
    font-size: 6vw;
  }

  .row .col h3 {
    font-size: 20.3px;
  }
  .hover-reveal_images-wrapper .big-title p {
    font-size: 4vh !important;
  }
}

/* PROJECT ARCHIVE
--------------------------------------------- */
.blog-archive-header .subheader {
  display: none;
}

.nectar-post-grid-filters {
  opacity: 0;
  transition: opacity 0.6s ease;
}

.nectar-post-grid-filters.animated-in {
  opacity: 1;
}

.post-text p {
  font-size: max(1vw, 16px);
  line-height: 1.4;
}

.post-text {
  padding: 120px 0;
}

.masonry.material .masonry-blog-item .article-content-wrap,
.related-posts[data-style='material'] .article-content-wrap {
  padding: 10px 30px 30px 0 !important;
}

.archive .masonry.material .masonry-blog-item .meta-category,
.related-posts[data-style='material'] .meta-category {
  display: none !important;
  background-color: var(--black);
}

.archive .masonry.material .masonry-blog-item .article-content-wrap,
.masonry.material .masonry-blog-item h3 {
  background-color: var(--black);
  color: var(--white);
}

body[data-ext-responsive='true'].single-post #page-header-bg[data-post-hs='default_minimal'] h1,
body[data-ext-responsive='true'].single-post .container-wrap.no-sidebar .comment-list > li,
body[data-ext-responsive='true'].single-post .container-wrap.no-sidebar .post-area,
body[data-ext-responsive='true'].single-post .heading-title[data-header-style='default_minimal'] .entry-title,
body[data-ext-responsive='true'].single-post.material #page-header-bg.fullscreen-header h1,
body[data-ext-responsive='true'].single-post.material .comment-wrap #respond,
body[data-ext-responsive='true'].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments {
  max-width: 1810px;
}

.masonry.material .masonry-blog-item .inner-wrap,
body .related-posts[data-style='material'] .inner-wrap {
  box-shadow: none;
  border-radius: 0;
}

.archive .post-content .post-featured-img {
  -webkit-transition: border-radius 0.8s !important;
  transition: border-radius 0.8s !important;
}

.description-row,
.type-post {
  max-width: 1810px;
  margin: 0 auto;
}
.description-row {
  opacity: 0;
  display: flex;
  gap: 5vw;
  margin-bottom: 60px;
  animation: appear 1s;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
  padding: 0 5vw;
}
.description-row a {
  color: #ffffff;
}

.description-row p {
  padding-bottom: 0.2em;
}
.half-column {
  width: 50%;
}

/* .post-content .content-inner {
  padding: 0 5vw;
} */

.data-info {
  padding-top: 1vw;
}

.description-row .row-inner .column-left {
  width: 15%;
}

.description-row .row-inner .column-right {
  width: 85%;
}

.website-link-project {
  color: #fff;
  font-family: 'Space Mono', monospace;
}

.row-inner {
  display: flex;
}

.description-row .meta-category a {
  margin-right: 20px;
}

.column-left p {
  color: var(--text-30);
  font-style: italic;
}

.archive .post-content:hover .post-featured-img {
  border-radius: 10px;
}

.nectar-post-grid-item .content {
  display: flex;
  flex-flow: row-reverse;
}
.nectar-post-grid .nectar-post-grid-item-bg {
  aspect-ratio: 3 / 4;
}

.video-thumbnail {
  width: 100%;
  height: 100%;
}

.post-heading * {
  color: var(--pure-white) !important;
}
.post-heading {
  margin-bottom: 0 !important;
}

.nectar-post-grid-item__meta-wrap .meta-date {
  color: var(--text-30) !important;
  font-family: 'Space Mono';
  text-transform: uppercase;
}
.nectar-post-grid-item__meta-wrap {
  margin-top: -7px;
}
.nectar-post-grid .meta-category .style-button {
  background-color: transparent;
}

.nectar-post-grid .nectar-post-grid-item .content .meta-category {
  gap: 0.5vw;
}
.meta-category {
  width: inherit;
  display: inline-flex !important;
  justify-content: end !important;
}
.nectar-post-grid .meta-category a {
  margin: 0 !important;
}

.icon-category {
  margin-right: 0.3vw;
  display: inline-block;
  -webkit-transition: transform 1s;
  transition: transform 1s;
  font-family: 'Space Mono';
}

.meta-category a {
  font-size: max(0.7vw, 15px);
  font-family: 'F37 Bolton' !important;
  color: var(--pure-white);
}
.meta-date {
  font-size: max(0.6vw, 12px);
}
.meta-category a:hover .icon-category {
  transform: rotate(180deg);
}
.category-position-before-title .item-main > .nectar-post-grid-item__meta-wrap:not(:empty) {
  margin-top: 2px;
}

.nectar-post-grid .meta-category .style-button {
  padding: 0.5em 0 0.5em 0.5em;
}
.nectar-post-grid-item-bg-wrap {
  -webkit-transition:
    opacity 1.2s cubic-bezier(0.65, 0, 0.35, 1),
    transform 1.2s cubic-bezier(0.65, 0, 0.35, 1),
    clip-path 1.2s cubic-bezier(0.65, 0, 0.35, 1),
    border-radius 0.8s !important;
  transition:
    opacity 1.2s cubic-bezier(0.65, 0, 0.35, 1),
    transform 1.2s cubic-bezier(0.65, 0, 0.35, 1),
    clip-path 1.2s cubic-bezier(0.65, 0, 0.35, 1),
    border-radius 0.8s !important;
}
.nectar-post-grid-item .inner:hover .nectar-post-grid-item-bg-wrap {
  border-radius: 20px;
}

.on-view-case {
  pointer-events: none;
  font-family: 'F37 Bolton Italic';
  font-weight: 300;
  font-size: 3vw;
  line-height: 1.3;
  position: absolute;
  top: 45%;
  left: 0;
  z-index: 99999;
  color: var(--accent);
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 0.3s !important;
  transition: opacity 0.3s !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;

  height: 4vw;
}

html:lang(es-ES) .on-view-case {
  width: 57.5vw;
}

html:lang(en-GB) .on-view-case {
  width: 47vw;
}
.nectar-post-grid-item .inner:hover .on-view-case {
  opacity: 1;
}

.marquee {
  display: block;
  width: 200%;
  position: absolute;
  animation: marquee 10s linear infinite;
}

.marquee span,
.marquee div {
  float: left;
  width: 50%;
  overflow: hidden;
}

#ajax-content-wrap .nectar-post-grid[data-columns='1'] > .nectar-post-grid-item:nth-child(1) {
  margin-top: 15px;
}

#ajax-content-wrap .nectar-post-grid[data-columns='1'] > .nectar-post-grid-item:last-child {
  margin-bottom: 15px;
}

.archive.category .post-content .content-inner {
  padding: 0;
}

.link-projects span {
  position: absolute;
  display: block;
  top: 50%;
  right: 50%;
  width: 10vw;
  min-width: 200px;
  height: 10vw;
  min-height: 200px;
  transform: translate(50%, -50%) scale(0);
  background: var(--accent);
  border-radius: 100%;
  mix-blend-mode: color;
  transform-origin: center;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.link-projects a {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  position: relative;
  padding: 20px;
}
.link-projects a:hover {
  color: var(--black);
}
.link-projects a:hover span {
  transform: translate(50%, -50%) scale(1);
}

.website-link-project:after {
  content: url('data:image/svg+xml,<svg width="19" height="14" viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 0.125V1.375H12V0.125H7ZM12 1.375V2.625H14.5V1.375H12ZM14.5 2.625V3.875H15.75V2.625H14.5ZM15.75 3.875V5.125H17V3.875H15.75ZM17 5.125V8.875H18.25V5.125H17ZM17 8.875H15.75V10.125H17V8.875ZM15.75 10.125H14.5V11.375H15.75V10.125ZM14.5 11.375H12V12.625H14.5V11.375ZM12 12.625H7V13.875H12V12.625ZM7 12.625V11.375H4.5V12.625H7ZM4.5 11.375V10.125H3.25V11.375H4.5ZM3.25 10.125V8.875H2V10.125H3.25ZM2 8.875V5.125H0.75V8.875H2ZM2 5.125H3.25V3.875H2V5.125ZM3.25 3.875H4.5V2.625H3.25V3.875ZM4.5 2.625H7V1.375H4.5V2.625ZM7 4.5V9.5H12V6.375H10.125V4.5H7Z" fill="white"/></svg>');
}

.nectar-drag-indicator .inner-layer:after {
  content: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 0.625V1.875H10.25V8.75H11.5V1.875H12.75V0.625H9ZM12.75 1.875V8.75H14V5H15.25V15.625H16.5V3.75H14V1.875H12.75ZM15.25 15.625H14V16.875H6.5V15.625H5.25V18.125H15.25V15.625ZM5.25 15.625V14.375H4V15.625H5.25ZM4 14.375V13.125H1.5V14.375H4ZM1.5 13.125V11.875H6.5V3.125H5.25V10.625H0.25V13.125H1.5ZM6.5 3.125H7.75V8.75H9V1.875H6.5V3.125ZM0.25 3.75V8.75H1.5V3.75H0.25ZM2.75 5V8.125H4V5H2.75ZM17.75 5V8.75H19V5H17.75Z" fill="%230E0E0F"/></svg>');
}

.arrow-icon a:after,
.arrow-icon-no-link:after {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 15.5L11.75 14.25L4.25 14.25L4.25 15.5L11.75 15.5ZM4.25 14.25L4.25 13L3 13L3 14.25L4.25 14.25ZM3 13L3 11.75L1.75 11.75L1.75 13L3 13ZM1.75 11.75L1.75 4.25L0.499997 4.25L0.499998 11.75L1.75 11.75ZM1.75 4.25L3 4.25L3 3L1.75 3L1.75 4.25ZM3 3L4.25 3L4.25 1.75L3 1.75L3 3ZM4.25 1.75L11.75 1.75L11.75 0.5L4.25 0.500001L4.25 1.75ZM11.75 1.75L11.75 3L13 3L13 1.75L11.75 1.75ZM13 3L13 4.25L14.25 4.25L14.25 3L13 3ZM14.25 4.25L14.25 11.75L15.5 11.75L15.5 4.25L14.25 4.25ZM14.25 11.75L13 11.75L13 13L14.25 13L14.25 11.75ZM13 13L11.75 13L11.75 14.25L13 14.25L13 13ZM8 11.125L8 9.875L6.75 9.875L6.75 11.125L8 11.125ZM8 9.875L9.25 9.875L9.25 8.625L8 8.625L8 9.875ZM9.25 8.625L10.5 8.625L10.5 7.375L9.25 7.375L9.25 8.625ZM9.25 7.375L9.25 6.125L8 6.125L8 7.375L9.25 7.375ZM8 6.125L8 4.875L6.75 4.875L6.75 6.125L8 6.125Z" fill="%23ffffff"/></svg>');
  transition: filter 0.6s;
  -webkit-transition: filter 0.6s;
}

.fire-icon a:after,
.fire-icon-no-link:after {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.875 0.5V3.625H1.75V7.375H3V4.875H6.125V0.5H4.875ZM1.75 7.375H0.5V13.625H2.375V15.5H13.625V13.625H15.5V6.75H13V8H14.25V12.375H12.375V14.25H10.5V11.125H8.625V8H6.75V9.875H5.5V14.25H3.625V12.375H1.75V7.375ZM7.375 2.375V3.625H8.625V5.5H10.5V8H11.75V4.25H9.875V2.375H7.375Z" fill="white"/></svg>');
}

.party-icon a:after,
.party-icon-no-link:after {
  content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.125 0.625V1.875H8.375V3.75H9.625V0.625H7.125ZM4.625 1.875V3.125H5.875V1.875H4.625ZM13.375 2.5V3.75H11.5V6.875H12.75V5H14.625V2.5H13.375ZM4.625 5V8.125H5.875V6.25H7.125V5H4.625ZM7.125 6.25V7.5H8.375V6.25H7.125ZM8.375 7.5V8.75H9.625V7.5H8.375ZM9.625 8.75V10H10.875V8.75H9.625ZM10.875 10V11.25H12.125V10H10.875ZM12.125 11.25V12.5H10.25V13.75H13.375V11.25H12.125ZM10.25 13.75H7.125V15H10.25V13.75ZM7.125 15H4V16.25H7.125V15ZM4 16.25H2.125V14.375H0.875V17.5H4V16.25ZM2.125 14.375H3.375V11.25H2.125V14.375ZM3.375 11.25H4.625V8.125H3.375V11.25ZM16.5 5V6.25H17.75V5H16.5ZM14 7.5V8.75H15.25V7.5H14ZM14.625 10V11.25H16.5V12.5H17.75V10H14.625Z" fill="white"/></svg>');
}

.world-icon a:after,
.world-icon-no-link:after {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.25 0.5V1.75H3V3H1.75V4.25H0.5V11.75H1.75V6.125H3V7.375H5.5V8.625H8V6.125V4.875H6.75V3H9.25V1.75H11.75V0.5H4.25ZM11.75 1.75V3H13V1.75H11.75ZM13 3V4.25H14.25V3H13ZM14.25 4.25V11.75H15.5V4.25H14.25ZM14.25 11.75H13V10.5H11.125V9.875V8.625H8V9.875H6.75V11.75H8V13H6.75V14.25H4.25V15.5H11.75V14.25H13V13H14.25V11.75ZM4.25 14.25V13H3V14.25H4.25ZM3 13V11.75H1.75V13H3Z" fill="white"/></svg>');
}
.coffee-icon a:after,
.coffee-icon-no-link:after {
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.75 1.25V2.5H16.25V1.25H13.75ZM13.75 2.5H12.5V3.75H13.75V2.5ZM12.5 3.75H11.25V5H7.5V8.75H8.75V6.25H16.25V5H12.5V3.75ZM16.25 6.25V13.75H17.5V6.25H16.25ZM16.25 13.75H15V15H16.25V13.75ZM15 15H13.75V16.25H15V15ZM13.75 16.25H6.25V17.5H13.75V16.25ZM6.25 16.25V15H5V16.25H6.25ZM5 15V13.75H3.75V15H5ZM3.75 13.75V6.25H2.5V13.75H3.75ZM3.75 6.25H6.25V5H3.75V6.25ZM7.5 8.75H6.25V11.25H7.5V8.75Z" fill="white"/></svg>');
}
.boxing-icon a:after,
.boxing-icon-no-link:after {
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.875 2.5V3.75H11.2061H15.625V2.5H11.2061H6.875ZM15.625 3.75V13.125H4.375V14.375H5.625V17.5H15.625V14.375H16.875V3.75H15.625ZM4.375 13.125V7.5H5.625V11.25H6.875V3.75H5.625V6.25H3.125V13.125H4.375ZM6.875 14.375H14.375V16.25H6.875V14.375Z" fill="white"/></svg>');
}
.heart-icon a:after,
.heart-icon-no-link:after {
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.375 2.5V3.75H8.75V2.5H4.375ZM8.75 3.75V5H11.25V3.75H8.75ZM11.25 3.75H15.625V2.5H11.25V3.75ZM15.625 3.75V5H16.875V3.75H15.625ZM16.875 5V9.375H18.125V5H16.875ZM16.875 9.375H15.625V11.875H16.875V9.375ZM15.625 11.875H14.375V13.75H15.625V11.875ZM14.375 13.75H13.125V15H14.375V13.75ZM13.125 15H11.875V16.25H13.125V15ZM11.875 16.25H8.125V17.5H11.875V16.25ZM8.125 16.25V15H6.875V16.25H8.125ZM6.875 15V13.75H5.625V15H6.875ZM5.625 13.75V11.875H4.375V13.75H5.625ZM4.375 11.875V9.375H3.125V11.875H4.375ZM3.125 9.375V5H1.875V9.375H3.125ZM3.125 5H4.375V3.75H3.125V5Z" fill="white"/></svg>');
}
.idea-icon a:after,
.idea-icon-no-link:after {
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 0V1.25H3.125V0H1.875ZM16.875 0V1.25H18.125V0H16.875ZM6.875 1.25V2.5H13.125V1.25H6.875ZM13.125 2.5V3.75H15V2.5H13.125ZM15 3.75V10H16.25V3.75H15ZM15 10H13.125V11.25H15V10ZM13.125 11.25H12.5H9.375V12.5H11.875V13.75H9.375V15H11.875V16.25H13.125V11.25ZM11.875 16.25H8.125V17.5H8.75V18.75H11.25V17.5H11.875V16.25ZM8.125 16.25V11.25H6.875V16.25H8.125ZM6.875 11.25V10H5V11.25H6.875ZM5 10V3.75H3.75V10H5ZM5 3.75H6.875V2.5H5V3.75ZM9.375 5V6.25H10.625V5H9.375ZM10.625 6.25V10H11.875V6.25H10.625ZM9.375 6.25H8.125V10H9.375V6.25ZM0 6.25V7.5H1.25V6.25H0ZM18.75 6.25V7.5H20V6.25H18.75ZM1.875 12.5V13.75H3.125V12.5H1.875ZM16.875 12.5V13.75H18.125V12.5H16.875Z" fill="white"/></svg>');
}
.info-icon a:after,
.info-icon-no-link:after {
  content: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 0.5V1.75H13V0.5H3ZM13 1.75V3H14.25V1.75H13ZM14.25 3V11.125H15.5V3H14.25ZM14.25 11.125H13V12.375H14.25V11.125ZM13 12.375H4.25V13.625H13V12.375ZM4.25 13.625H3V14.875H4.25V13.625ZM3 14.875H1.75V16.125H3V14.875ZM1.75 14.875V3H0.5V14.875H1.75ZM1.75 3H3V1.75H1.75V3ZM7.375 3.625V4.875H8.625V3.625H7.375ZM6.75 6.125V7.375H7.375V10.5H9.25V9.25H8.625V6.125H6.75Z" fill="white"/></svg>');
}
.join-icon a:after,
.join-icon-no-link:after {
  content: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 0.5V1.75H11.5V0.5H6.5ZM11.5 1.75V3H12.75V1.75H11.5ZM12.75 3V6.125H9.625V7.375H11.5V8.625H12.75V7.375H14.625V6.125H14V3H12.75ZM14.625 7.375V8.625H15.875V7.375H14.625ZM15.875 8.625V13H17.125V8.625H15.875ZM15.875 13H14.625V14.25H15.875V13ZM14.625 14.25H9.625V15.5H14.625V14.25ZM9.625 14.25V13H8.375V14.25H9.625ZM8.375 14.25H3.375V15.5H8.375V14.25ZM3.375 14.25V13H2.125V14.25H3.375ZM2.125 13V8.625H0.875V13H2.125ZM2.125 8.625H3.375V7.375H2.125V8.625ZM3.375 7.375H5.25V8.625H6.5V7.375H8.375V6.125H5.25V3H4V6.125H3.375V7.375ZM5.25 3H6.5V1.75H5.25V3ZM8.375 7.375V8.625H6.5V9.875H7.125V13H8.375V9.875H9.625V13H10.875V9.875H11.5V8.625H9.625V7.375H8.375Z" fill="white"/></svg>');
}

.arrow-icon a:after,
.fire-icon a:after,
.party-icon a:after,
.world-icon a:after,
.boxing-icon a:after,
.heart-icon a:after,
.idea-icon a:after,
.info-icon a:after,
.join-icon a:after,
.coffee-icon a:after,
.arrow-icon-no-link:after,
.fire-icon-no-link:after,
.party-icon-no-link:after,
.world-icon-no-link:after,
.coffee-icon-no-link:after,
.boxing-icon-no-link:after,
.heart-icon-no-link:after,
.idea-icon-no-link:after,
.info-icon-no-link:after,
.join-icon-no-link:after,
.website-link-project:after,
.nectar-drag-indicator .inner-layer:after {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.arrow-icon-no-link:after,
.arrow-icon a:after {
  top: 4px;
}

.link-projects a:hover:after {
  filter: brightness(0);
  transform: translateX(2px);
}
#projects-page .nectar-post-grid-item .content,
#related-posts .nectar-post-grid-item .content {
  flex-flow: column-reverse;
}

#projects-page .nectar-post-grid .nectar-post-grid-item .content .meta-category,
#related-posts .nectar-post-grid .nectar-post-grid-item .content .meta-category {
  justify-content: start !important;
}

#related-post-content {
  max-width: 1810px;
  margin: 0 auto;
}
.nectar-post-grid-filters[data-active-color='accent-color'] a::after {
  display: none;
}
.nectar-post-grid-filters a::before {
  content: '+';
  margin-right: 0.3vw;
  font-family: 'Space Mono';
  -webkit-transition: transform 1s;
  transition: transform 1s;
  display: inline-block;
}

.single-post .post-content .inner_row {
  padding-bottom: 2vw !important;
}
.single-post .post-content .content-inner > .vc_row:nth-last-child(3) {
  padding-bottom: 4vw !important;
}

.single-post .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
  margin: 0 !important;
  margin-bottom: 3vw !important;
}

.nectar-drag-indicator[data-type='tooltip_text'] .color-circle,
.nectar-drag-indicator {
  border-radius: 100%;
  height: 200px;
  width: 200px;
}

.nectar-drag-indicator[data-type='tooltip_text'] {
  left: -100px;
  top: -100px;
}

.nectar-drag-indicator::before {
  border: none;
}

.nectar-drag-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px !important;
  width: 200px !important;
}

.nectar-drag-indicator span.inner-layer {
  display: inline-block;
  text-align: center;
  font-family: 'Space Mono';
}

.nectar-post-grid-filters a:hover:before {
  transform: rotate(180deg) !important;
}
.nectar-post-grid-filters a[data-filter='branding']::before,
.nectar-post-grid-filters a[data-filter='branding-en']::before {
  color: var(--orange);
}
.nectar-post-grid-filters a[data-filter='digital']::before,
.nectar-post-grid-filters a[data-filter='digital-en']::before {
  color: var(--accent);
}
.nectar-post-grid-filters a[data-filter='dir.arte']::before,
.nectar-post-grid-filters a[data-filter='art-direction']::before {
  color: var(--blue);
}
.nectar-post-grid-filters a[data-filter='diseno']::before,
.nectar-post-grid-filters a[data-filter='design-en']::before {
  color: var(--green);
}
.nectar-post-grid-filters a[data-filter='estrategia']::before,
.nectar-post-grid-filters a[data-filter='strategy']::before {
  color: var(--pink);
}
.nectar-post-grid-filters a[data-filter='packaging']::before,
.nectar-post-grid-filters a[data-filter='packaging-en']::before {
  color: var(--red);
}

.nectar-post-grid-filters a.active {
  background-color: var(--accent);
  color: var(--black);
  font-style: italic;
}

.nectar-post-grid-filters a.active:before {
  font-style: normal;
}

.nectar-post-grid-filters a.active[data-filter='branding']::before,
.nectar-post-grid-filters a.active[data-filter='branding-en']::before,
.nectar-post-grid-filters a.active[data-filter='digital']::before,
.nectar-post-grid-filters a.active[data-filter='digital-en']::before,
.nectar-post-grid-filters a.active[data-filter='dir-arte']::before,
.nectar-post-grid-filters a.active[data-filter='art-direction']::before,
.nectar-post-grid-filters a.active[data-filter='diseno']::before,
.nectar-post-grid-filters a.active[data-filter='design-en']::before,
.nectar-post-grid-filters a.active[data-filter='estrategia']::before,
.nectar-post-grid-filters a.active[data-filter='strategy']::before,
.nectar-post-grid-filters a.active[data-filter='packaging']::before,
.nectar-post-grid-filters a.active[data-filter='packaging-en']::before {
  color: var(--black) !important;
}

.nectar-post-grid-filters a.active[data-filter='branding'],
.nectar-post-grid-filters a.active[data-filter='branding-en'] {
  background-color: var(--orange);
}
.nectar-post-grid-filters a.active[data-filter='digital'],
.nectar-post-grid-filters a.active[data-filter='digital-en'] {
  background-color: var(--accent);
}
.nectar-post-grid-filters a.active[data-filter='dir-arte'],
.nectar-post-grid-filters a.active[data-filter='art-direction'] {
  background-color: var(--blue);
}
.nectar-post-grid-filters a.active[data-filter='diseno'],
.nectar-post-grid-filters a.active[data-filter='design-en'] {
  background-color: var(--green);
}
.nectar-post-grid-filters a.active[data-filter='estrategia'],
.nectar-post-grid-filters a.active[data-filter='strategy'] {
  background-color: var(--pink);
}
.nectar-post-grid-filters a.active[data-filter='packaging'],
.nectar-post-grid-filters a.active[data-filter='packaging-en'] {
  background-color: var(--red);
}

.nectar-post-grid-filters a {
  color: inherit;
  line-height: 1;
  padding: 10px 20px;
  margin: 0;
  border-radius: 4px;
}

@media (max-width: 1000px) {
  .single-post .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin-bottom: 7vw !important;
  }
  .nectar-post-grid-item .content {
    flex-flow: column-reverse;
  }

  .nectar-post-grid .nectar-post-grid-item .content .meta-category {
    justify-content: start !important;
  }

  .nectar-post-grid-item__meta-wrap {
    display: none;
  }

  .on-view-case {
    font-size: 8vw;
    height: 10vw;
  }
  html:lang(es-ES) .on-view-case {
    width: 152.5vw;
  }
  html:lang(en-GB) .on-view-case {
    width: 125vw;
  }
  #ajax-content-wrap .nectar-post-grid[data-columns='1'] > .nectar-post-grid-item:nth-child(1) {
    margin-top: 0;
  }
  #ajax-content-wrap .nectar-post-grid[data-columns='1'] > .nectar-post-grid-item:last-child {
    margin-bottom: 0;
  }

  .nectar-post-grid-filters h4 {
    display: none;
  }

  .nectar-post-grid-filters div:not(.n-sticky) {
    display: flex !important;
    width: fit-content;
  }

  .nectar-post-grid-filters a {
    min-width: 130px !important;
  }

  .half-column {
    width: 100%;
  }

  .description-row {
    flex-flow: column;
  }

  .description-row .row-inner .column-left {
    width: 25%;
  }

  .wpb_row.full-width-content .vc_col-sm-12 .nectar-post-grid[data-grid-spacing='25px'] {
    margin: 0;
  }
}

@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
/* NAVIGATION
--------------------------------------------- */
@media only screen and (min-width: 1000px) {
  #header-outer #top > .container > .row > .span_9 {
    order: 0;
    position: relative;
    justify-content: flex-end;
  }
  #header-outer #top > .container > .row > .right-aligned-menu-items {
    position: relative;
    justify-content: flex-end;
  }

  #header-outer #top > .container > .row {
    justify-content: space-between;
  }
  #header-outer #top > .container > .row .right-aligned-menu-items nav {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .material #top nav > .buttons {
    padding-right: 12vw !important;
  }

  #social-in-menu {
    position: absolute;
    display: flex;
  }
}

.lang-item a {
  padding: 5px 10px !important;
  border: 1px solid transparent;
  border-radius: 5px;
  margin-right: 10px;
}

.menu-item.contact svg.post-icon {
  width: 20px;
  padding-left: 5px;
  fill: var(--pure-white);
}
#header-outer[data-lhe='default'] #top nav .sf-menu > .current-menu-item.contact > a {
  color: var(--pure-white) !important;
}

.menu-item.contact:hover svg.post-icon {
  transform: rotate(-15deg);
  fill: var(--accent);
}

.menu-item a {
  color: var(--pure-white) !important;
}

.menu-item a:hover {
  color: var(--accent) !important;
}

.current-lang a {
  color: var(--pure-white) !important;
  border-color: var(--pure-white);
}

#header-outer[data-lhe='default'] #top nav .sf-menu > .current_page_item > a {
  color: var(--pure-white) !important;
}
#social-in-menu a i:after,
#social-in-menu a i:before,
#social-in-menu a,
#social-in-menu a,
#slide-out-widget-area .off-canvas-social-links li i {
  font-family: 'Space Mono' !important;
  color: var(--pure-white);
  font-size: 14px;
  line-height: 1.3;
}

#slide-out-widget-area .off-canvas-social-links li a {
  opacity: 1 !important;
}
#social-in-menu a,
#social-in-menu a {
  margin-bottom: 3px;
}
#social-in-menu a i,
#social-in-menu a i {
  text-align: right !important;
}
.fa-behance::before,
.fa-behance::after {
  content: 'Be' !important;
}
.fa-instagram::before,
.fa-instagram::after {
  content: 'Inst' !important;
}

.fa.fa-linkedin::before,
.fa.fa-linkedin::after {
  content: 'Li' !important;
}

#social-in-menu a:first-child {
  order: 3;
}

#social-in-menu {
  display: flex;
  flex-flow: column;
  justify-content: end;
  position: absolute;
  right: 0;
  top: -4px;
  width: 80px;
  z-index: 99;
}
.off-canvas-social-links {
  display: flex;
  flex-flow: column-reverse;
}

.off-canvas-menu-container.mobile-only .menu {
  display: flex;
  flex-flow: row wrap;
}

.close-wrap.loaded {
  display: none !important;
}

#top .span_9 > .slide-out-widget-area-toggle {
  width: 90px;
  overflow: hidden;
  font-family: 'Space Mono' !important;
  font-size: 14px;
}

.slide-out-widget-area-toggle a {
  display: flex;
  flex-flow: column;
  align-items: end;
}
.slide-out-widget-area-toggle a span {
  -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.open-menu-custom,
.close-menu-custom {
  display: none;
}

.close-menu-custom {
  margin-top: 5px;
}

#top .span_9 > .slide-out-widget-area-toggle {
  transform: translateY(1px);
}

.slide-out-widget-area-toggle a.closed span {
  transform: translateY(17px);
}

.slide-out-widget-area-toggle a.open span {
  transform: translateY(-8px);
}
.open-menu-custom::before,
.close-menu-custom::before {
  margin-right: 5px;
  color: white;
}

.close-menu-custom svg {
  transform: translateY(2px);
}

@media (max-width: 1000px) {
  .fa-behance::before {
    content: '' !important;
  }
  .fa-instagram::before {
    content: '' !important;
  }

  .fa.fa-linkedin::before {
    content: '' !important;
  }
  .lang-item-es {
    order: 4;
    max-width: 50px;
  }

  .lang-item-en {
    order: 5;
    max-width: 50px;
  }

  #slide-out-widget-area.fullscreen-split .inner > .container {
    padding-top: 0px !important;
    margin: 70px auto !important;
  }
  .menu-item:not(.lang-item) {
    flex: 0 0 100%;
  }
  #slide-out-widget-area.open .off-canvas-menu-container li.lang-item {
    margin-top: 10vh;
  }
  #slide-out-widget-area-bg.open.dark {
    opacity: 1 !important;
  }
  #slide-out-widget-area-bg.fullscreen-split {
    background-color: var(--pure-white);
  }
  .menu li *,
  .off-canvas-social-links * {
    color: var(--black) !important;
  }
  .current-lang a {
    border-color: var(--black);
  }
  .menu-item.contact svg.post-icon {
    width: 20px;
    padding-left: 5px;
    fill: var(--black);
  }
  html:lang(es-ES) .open-menu-custom::before {
    content: 'Menú';
  }
  html:lang(en-GB) .open-menu-custom::before {
    content: 'Menu';
  }
  html:lang(es-ES) .close-menu-custom::before {
    content: 'Cerrar';
  }
  html:lang(en-GB) .close-menu-custom::before {
    content: 'Close';
  }
  .open-menu-custom,
  .close-menu-custom {
    width: 100px !important;
  }
}

/* FOOTER
--------------------------------------------- */
.nectar-global-section.before-footer {
  background-color: transparent !important;
}
#contact * {
  color: var(--black);
}
#contact.on-scroll-contact {
  clip-path: inset(0 20vw 0 20vw round 20px);
  -webkit-transition: clip-path 2s cubic-bezier(0.6, 0.06, 0.18, 1) !important;
  transition: clip-path 2s cubic-bezier(0.6, 0.06, 0.18, 1) !important;
}

#contact.on-scroll-contact.active {
  clip-path: inset(0 0 0 0 round 0);
}

.contact-mail-link a {
  text-align: center;
  font-size: 12vw;
  line-height: 1;
  letter-spacing: -0.05em;
}
.hover-reveal_text {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.contact-mail-link a:hover,
.hover-reveal_text:hover {
  color: var(--accent) !important;
  font-style: italic;
  /* transform: skew(10deg, 0)!important; */
}

#contact .world-icon-no-link::after {
  filter: brightness(0);
}
.social-links-wrapper .wpb_wrapper {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.social-link {
  display: flex;
  max-width: 40px;
}

.contact-links-wrapper .wpb_wrapper {
  display: flex;
  justify-content: center;
}

#contact svg.post-icon {
  width: 20px;
  fill: #000000;
  margin: 0 10px;
}
#contact .hovered svg.post-icon {
  transform: rotate(-15deg);
}
.social-link p,
.contact-link p {
  text-align: center;
  font-family: 'Space Mono' !important;
}
.masked-gif .column-image-bg {
  --size: 0vw;
  opacity: 0;
  background-position: top center !important;
  clip-path: circle(var(--size) at var(--x) var(--y));
  transition: opacity 2s;
}

.masked-gif .column-image-bg.view-contact {
  opacity: 1;
  transition: opacity 0.1s;
}

.page-template-template-no-footer body #header-outer {
  background-color: white !important;
}

.page-template-template-no-footer #header-outer {
  mix-blend-mode: difference;
}

.page-template-template-no-footer #header-space {
  height: 0 !important;
}

.page-template-template-no-footer #contact .row_col_wrap_12 {
  height: 100vh;
}

@media (max-width: 1000px) {
  .copyright-links {
    display: flex;
  }
  .social-links-wrapper {
    order: 1;
  }
  .copyright {
    order: 2;
  }
  .legals {
    order: 3;
  }
  .contact-mail-link a {
    font-size: 19vw;
  }
  .hover-reveal_text {
    -webkit-transition: color 0s;
    transition: color 0s;
  }
  .masked-gif .column-image-bg {
    display: none;
  }
}

/* REVEAL
--------------------------------------------- */
@media (min-width: 1000px) {
  .hover-reveal_images-wrapper .img-with-aniamtion-wrap .inner .hover-wrap {
    z-index: -1;
    width: 25vw;
    height: 35.05vw;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: 10px;
    -webkit-transition: opacity 0.5s cubic-bezier(1, 0.01, 0, 1.01);
    transition: opacity 0.5s cubic-bezier(1, 0.01, 0, 1.01);
  }

  .hover-reveal_images-wrapper .img-with-aniamtion-wrap .inner .hover-wrap.animate {
    opacity: 1;
  }
  .hover-reveal_images-wrapper .img-with-aniamtion-wrap .inner .hover-wrap .hover-wrap-inner {
    position: relative;
    width: 100%;
    height: 100%;
    clip-path: inset(0 0 0 25vw round 10px);
    -webkit-transition: clip-path 0.5s cubic-bezier(0.9, 0.02, 0.11, 0.96);
    transition: clip-path 0.5s cubic-bezier(0.9, 0.02, 0.11, 0.96);
  }
  .hover-reveal_images-wrapper .img-with-aniamtion-wrap .inner .hover-wrap.animate .hover-wrap-inner {
    clip-path: inset(0 0 0 0 round 10px);
  }

  .hover-reveal_images-wrapper .img-with-aniamtion-wrap .inner .hover-wrap .hover-wrap-inner .hover-reveal_image {
    border-radius: 10px;
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
  }
}

.z-nine {
  z-index: 9999;
}

.hover-reveal_images-wrapper .img-with-aniamtion-wrap {
  position: relative;
  z-index: 999;
}

.hover-reveal_text {
  position: relative;
  display: inline-block;
  padding-right: 0.5vw;
  user-select: none;
  margin-bottom: 0 !important;
  padding-bottom: 0.75em;
  padding-top: 0.75em;
}

@media (max-width: 1000px) {
  .hover-reveal_images-wrapper .img-with-aniamtion-wrap {
    position: absolute !important;
    top: -30vh;
  }
  .hover-reveal_images-wrapper .img-with-aniamtion-wrap .inner .hover-wrap {
    z-index: -1;
    width: 100%;
    height: 57vh;
    position: relative;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: 10px;
  }

  .hover-reveal_text {
    padding-bottom: 0;
    padding-top: 0;
  }
  .hover-reveal_image:first-child {
    opacity: 1;
  }
  .hover-reveal_images-wrapper .img-with-aniamtion-wrap:nth-child(1) {
    z-index: 10;
  }
  .hover-reveal_images-wrapper .img-with-aniamtion-wrap:nth-child(2) {
    z-index: 9;
  }
  .hover-reveal_images-wrapper .img-with-aniamtion-wrap:nth-child(3) {
    z-index: 8;
  }
  .hover-reveal_images-wrapper .img-with-aniamtion-wrap:nth-child(4) {
    z-index: 7;
  }
  .hover-reveal_images-wrapper .img-with-aniamtion-wrap:nth-child(5) {
    z-index: 6;
  }
}

/* GIF ANIMATION
--------------------------------------------- */
.gif-animation__wrapper .img-with-aniamtion-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  max-width: 20vw;
  overflow: hidden;
  height: 16vw;
}
.gif-animation__wrapper .img-with-aniamtion-wrap .inner {
  position: absolute;
  width: 20vw;
  object-fit: cover;
  height: fit-content;
}

.theiaStickySidebar {
  opacity: 1 !important;
}
@media (max-width: 1000px) {
  .gif-animation__wrapper .img-with-aniamtion-wrap {
    max-width: 53vw;
    height: 40vw;
  }

  .gif-animation__wrapper .img-with-aniamtion-wrap .inner {
    width: 50vw;
  }
  .gif-animation__wrapper {
    position: absolute;
  }
}

/* MARQUEES
--------------------------------------------- */
.big__marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  /* min-width: 100%; */
  gap: var(--gap);
  animation: scroll 15s linear infinite;
}
.big__marquee__content span {
  overflow: hidden;
  font-size: 11vw;
  line-height: 1.2;
}
.big__marquee {
  --gap: 1rem;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}

.big__marquee__content svg {
  width: 3vw;
  height: auto;
  margin-left: 2vw;
  padding-bottom: 1vw;
}

#scrolling__section,
.single-post .real-full-width #scrolling__text,
.real-full-width #scrolling__text.about-related {
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

#scrolling__section {
  top: 0;
}

#scrolling__section.work,
#scrolling__section.work .row_col_wrap_12 {
  /* position: fixed; */
  height: 100vh;
}

.home #scrolling__section {
  top: 50vh;
}

.single-post .real-full-width #scrolling__text,
.real-full-width #scrolling__text.about-related {
  bottom: 39vh;
  width: 100%;
}

.nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
  margin: 40px 0;
}

#clientes img.img-with-animation {
  width: 100% !important;
}

.client-logos-wrapper .wpb_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.client-logos-wrapper .img-with-aniamtion-wrap {
  flex: 0 0 calc(100% / 7 - 10px);
  text-align: center;
  box-sizing: border-box;
}

@media (max-width: 1000px) {
  .client-logos-wrapper .img-with-aniamtion-wrap {
    flex: 0 0 calc(100% / 2 - 10px);
  }
  .home #scrolling__section {
    top: 70vh;
  }

  #scrolling__section {
    display: none;
  }

  .big__marquee__content svg {
    width: 5vw;
    height: auto;
    margin-left: 4vw;
  }

  #scrolling__section,
  .single-post .real-full-width #scrolling__text,
  .real-full-width #scrolling__text.about-related {
    display: none;
  }
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

/* ENTRANCE ANIMATION
--------------------------------------------- */
#entrance__animation {
  pointer-events: none;
  z-index: -1;
}

.row.hentry.featured-media-under-header {
  position: relative;
  top: 0;
  margin-left: calc(-50vw + var(--scroll-bar-w) / 2);
  left: 50%;
  width: calc(100vw - var(--scroll-bar-w));
}

.featured-media-under-header__content.upper-title,
.featured-media-under-header__content.under-title {
  position: absolute;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
}
.featured-media-under-header__content.upper-title {
  z-index: 999;
}

.main-content .featured-media-under-header {
  padding: 0;
}
.featured-media-under-header__featured-media:not([data-has-img='false']) {
  margin-top: 0;
}

.featured-media-under-header__content.upper-title svg {
  fill: var(--pure-white);
}

.row.hentry.featured-media-under-header {
  margin-top: -86px;
}

.featured-media-under-header__featured-media:not([data-format='video']):not([data-format='audio']):not([data-has-img='false']) {
  overflow: hidden;
  padding-bottom: 0;
  height: 100vh;
}

.featured-media-under-header h1 {
  margin: 0;
}

.post-featured-img.page-header-bg-image,
.featured-media-under-header__content.upper-title {
  clip-path: inset(100% 0 0 0);
  transition: clip-path 1.4s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: clip-path 1.4s cubic-bezier(0.65, 0, 0.35, 1);
  animation: entrance 2.2s cubic-bezier(0.65, 0, 0.35, 1);
  animation-delay: 0.7s;
  animation-fill-mode: forwards;
}

.featured-media-under-header__featured-media .post-featured-img img {
  transform: translateY(20%);
  animation: entranceImage 2.2s cubic-bezier(0.65, 0, 0.35, 1);
  animation-delay: 0.7s;
  animation-fill-mode: forwards;
  overflow: visible;
  object-fit: cover;
}

@keyframes appear {
  0% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes entranceImage {
  0% {
    transform: translateY(20%);
  }
  50% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes entrance {
  0% {
    clip-path: inset(100% 0 0% 0);
  }
  50% {
    clip-path: inset(0% 0 0% 0);
  }
  100% {
    clip-path: inset(0% 0 25% 0);
  }
}

/*ABOUT
--------------------------------------------- */
#about__hero.wpb_row {
  position: absolute !important;
  width: 100vw;
  top: 0;
  left: 50%;
  height: 100vh;
  overflow: hidden;
  background-color: var(--black);
  z-index: 999;
}

/*CONTACT*/
.full-height {
  min-height: 100svh !important;
}

/* ── Wrapper del formulario ─────────────────────── */
.wpcf7 {
  border-radius: 16px;
  max-width: 860px;
  margin: 0 auto;
}

/* ── Layout dos columnas ────────────────────────── */
.cf7-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 48px;
}
.cf7-col-left {
  display: flex;
  flex-direction: column;
}
.cf7-col-right {
  display: flex;
  flex-direction: column;
}

/* ── Campos ─────────────────────────────────────── */
.cf7-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.cf7-field--grow {
  flex: 1;
  margin-bottom: 0;
}
.cf7-field--grow .wpcf7-form-control {
  flex: 1;
  min-height: 120px;
}

/* ── Labels ─────────────────────────────────────── */
.cf7-label {
  font-family: 'F37 Bolton', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.01em;
  margin-bottom: 6px;
}

.wpcf7-form p span {
  color: #ffffff;
}

.wpcf7-form p {
  padding-bottom: 0 !important;
}

/* ── Inputs y textarea ──────────────────────────── */
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 textarea {
  width: 100%;
  box-sizing: border-box;
  background: #1d1d1f;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 14px;
  color: #fff;
  outline: none;
  transition: border-color 0.2s;
  resize: none;
  margin-top: 8px;
  min-height: 50px;
}
.wpcf7 input[type='text']::placeholder,
.wpcf7 input[type='email']::placeholder,
.wpcf7 textarea::placeholder {
  color: #94949b;
}
.wpcf7 input[type='text']:focus,
.wpcf7 input[type='email']:focus,
.wpcf7 textarea:focus {
  border-color: #444;
}
/* Estado error de CF7 */
.wpcf7 .wpcf7-not-valid {
  border-color: #c0392b !important;
}
.wpcf7 .wpcf7-not-valid-tip {
  font-size: 11.5px;
  color: #e74c3c;
  margin-top: 4px;
  display: block;
  background-color: transparent;
}

/* ── Pills (radio y checkbox) ───────────────────── */
.cf7-pills .wpcf7-radio,
.cf7-pills .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.cf7-pills .wpcf7-list-item {
  margin: 0 !important;
}
.cf7-pills .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
/* Ocultar el input nativo */
.cf7-pills .wpcf7-list-item input[type='radio'],
.cf7-pills .wpcf7-list-item input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  /* pointer-events: none; */
}
/* Estilo base del pill */
.cf7-pills .wpcf7-list-item-label {
  display: inline-block;
  background: #1d1d1f;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  transition: all 0.18s;
  user-select: none;
  cursor: pointer;
  min-height: 50px;
}

/* Pill activo */
.cf7-pills .wpcf7-list-item-label.is-active {
  background: #fff !important;
  border-color: #fff;
  color: #111;
}

/* Hover correcto — sobre el label, no sobre el input oculto */
.cf7-pills .wpcf7-list-item:hover .wpcf7-list-item-label:not(.is-locked, .is-active) {
  background: #3f3f43;
  color: #ccc;
}

/* Pills bloqueadas tras envío */
.cf7-pills .wpcf7-list-item-label.is-locked {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}

/* ── Botón de envío ──────────────────────────────── */
.cf7-submit-wrap {
  margin-top: auto;
}
.wpcf7 input[type='submit'],
.wpcf7 button[type='submit'] {
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  border: none;
  background: #fff;
  color: #111;
  font-size: 22px;
  font-weight: 400 !important;
  cursor: pointer;
  transition:
    background 0.22s,
    color 0.22s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.wpcf7 input[type='submit']:hover,
.wpcf7 button[type='submit']:hover {
  background: #f0da00;
  color: #111;
}
/* Estado enviando */
.wpcf7 input[type='submit'].cf7-sending {
  background: #f0da00;
  color: #111;
  pointer-events: none;
}
/* Estado enviado */
.wpcf7 input[type='submit'].cf7-sent {
  background: #f0da00;
  color: #111;
  pointer-events: none;
}

/* ── Privacidad ─────────────────────────────────── */
.cf7-privacy {
  font-size: 11.5px;
  color: #444;
  text-align: center;
  margin-top: 10px;
}
.cf7-privacy a {
  color: #555;
  text-decoration: underline;
}

/* ── Mensajes de respuesta de CF7 ───────────────── */
.wpcf7-response-output {
  display: none !important; /* Los estados los gestiona el JS */
}

/* ── Spinner de CF7 (opcional: ocultarlo) ───────── */
.wpcf7 .wpcf7-spinner {
  display: none !important;
}

/* ── Responsive ─────────────────────────────────── */
@media (max-width: 680px) {
  .cf7-grid {
    grid-template-columns: 1fr;
  }
  .wpcf7 {
    padding: 28px 0;
  }
}

/* ── Mensaje de éxito deslizante ──────────────────────────────── */
.cf7-success-wrap {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.cf7-success-wrap.is-visible {
  max-height: 80px;
}
.cf7-success-msg {
  margin: 0;
  padding-top: 12px;
  font-size: 12px;
  color: #f0da00;
  text-align: center;
  transform: translateY(10px);
  opacity: 0;
  transition:
    transform 0.35s ease 0.2s,
    opacity 0.35s ease 0.2s;
}
.cf7-success-wrap.is-visible .cf7-success-msg {
  transform: translateY(0);
  opacity: 1;
}

/* ── Error — mostrar mensaje nativo CF7 solo en ese caso ─────── */
.wpcf7-response-output {
  display: none !important;
}
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.spam .wpcf7-response-output {
  display: block !important;
  margin-top: 10px;
  font-size: 12px;
  color: #e74c3c;
  text-align: center;
  border: none;
  background: transparent;
  padding: 0;
}

body[data-form-submit='regular'] input[type='submit'] {
  background-color: #fff;
}

body[data-form-submit='regular'] input[type='submit']:hover {
  background-color: var(--accent);
}

body[data-form-submit='regular'] button[type='submit']:hover,
body[data-form-submit='regular'] input[type='submit']:hover {
  opacity: 1 !important;
}

.contact-info-page a {
  color: #fff;
  text-decoration: underline;
  font-style: italic;
}
.cf7-submit-wrap {
  position: relative;
}
.icon-cf7,
.icon-cf7-sent {
  position: absolute;
  top: calc(50% - 42px);
  left: 64%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: auto;
  transition: transform 0.1s ease;
  transform-origin: center;
}
.icon-cf7-sent::after {
  content: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.6875 0V1.5625L14.0625 1.5625V0L4.6875 0ZM14.0625 1.5625V3.125H15.625V1.5625H14.0625ZM15.625 3.125V4.6875H17.1875V3.125H15.625ZM17.1875 4.6875V14.0625H18.75V4.6875H17.1875ZM17.1875 14.0625L15.625 14.0625V15.625L17.1875 15.625V14.0625ZM15.625 15.625H14.0625L14.0625 17.1875H15.625L15.625 15.625ZM14.0625 17.1875H4.6875V18.75H14.0625V17.1875ZM4.6875 17.1875V15.625H3.125V17.1875H4.6875ZM3.125 15.625V14.0625H1.5625V15.625H3.125ZM1.5625 14.0625L1.5625 4.6875H0L0 14.0625H1.5625ZM1.5625 4.6875H3.125L3.125 3.125H1.5625V4.6875ZM3.125 3.125L4.6875 3.125V1.5625H3.125V3.125ZM4.6875 7.8125L4.6875 9.375H6.25L6.25 7.8125H4.6875ZM12.5 7.8125V9.375H14.0625V7.8125H12.5ZM4.6875 10.9375V12.5H6.25V10.9375H4.6875ZM6.25 12.5V14.0625H12.5V12.5H6.25ZM12.5 12.5H14.0625V10.9375H12.5V12.5Z" fill="%230E0E0F"/></svg>');
}

.icon-cf7.sending,
.icon-cf7-sent:not(.sent) {
  display: none;
}
.icon-cf7-sent.sent {
  display: block;
}

.icon-cf7::after {
  content: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7188 0V3.125H13.2812V0H11.7188ZM16.4062 0V1.5625H17.9688V0H16.4062ZM16.4062 1.5625H14.8438V3.125H16.4062V1.5625ZM6.25 0.78125V2.34375H7.8125V8.59375H19.5312V7.03125H9.375V0.78125H6.25ZM19.5312 8.59375V10.1562H11.7188V11.7188H13.2812V13.2812H11.7188V14.8438H13.2812V16.4062H11.7188V17.9688H13.2812V19.5312H14.8438V11.7188H21.0938V8.59375H19.5312ZM13.2812 19.5312H3.125V21.0938H13.2812V19.5312ZM3.125 19.5312V17.9688H1.5625V8.59375H3.125V7.03125H0V19.5312H3.125ZM3.125 7.03125H4.6875V5.46875H3.125V7.03125ZM4.6875 5.46875H6.25V2.34375H4.6875V5.46875ZM17.1875 3.90625V5.46875H20.3125V3.90625H17.1875Z" fill="%230E0E0F"/></svg>');
}

.icon-cf7.hover {
  transform: translate(-50%, -50%) rotate(-15deg);
}
.icon-cf7-sent {
  top: calc(50% - 59px);
  left: 83%;
}

ody[data-button-style='slightly_rounded_shadow'] input[type='submit']:hover,
body[data-button-style='slightly_rounded_shadow'] .container-wrap input[type='submit']:hover {
  box-shadow: none !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
}