@charset "UTF-8";
/*
Theme Name: Baliente team
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Text Domain: hello-baliente
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.6.1.1673344098
Updated: 2023-01-10 09:48:18
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/*
h1, h2, h3, h4, h5, h6 {
    font-family: "swear-display", serif !important;
}
*/
.main-services .text-blue, .main-manifest .text-blue {
  color: #13f4ef;
}
.main-services .text-red, .main-manifest .text-red {
  color: #ff005c;
}
.main-services .text-yellow, .main-manifest .text-yellow {
  color: #faff00;
}
.main-services .text-green, .main-manifest .text-green {
  color: #68ff00;
}
.main-services .text-white, .main-manifest .text-white {
  color: #fff;
}
.main-services .text-black, .main-manifest .text-black {
  color: #000;
}
.main-services h1, .main-manifest h1 {
  color: #fff;
  font-size: 104px;
  line-height: 80px;
  margin-bottom: 20px;
}
.main-services h2, .main-manifest h2 {
  font-size: 96px;
  line-height: 88.5px;
}
.main-services p, .main-manifest p {
  font-family: Neufile Grotesk;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}
.main-services b, .main-manifest b {
  font-weight: bold;
}
.main-services a, .main-manifest a {
  text-decoration-line: underline !important;
  text-decoration-thickness: 3px !important;
  text-underline-offset: 6px;
  cursor: pointer;
}
.main-services a:hover, .main-manifest a:hover {
  color: #fff !important;
}

.main-wrapper {
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* Aplicar la separación de sílabas a nivel de palabra */
.hyphenate {
  -webkit-hyphens: auto;
          hyphens: auto;
}

.margin-right {
  margin-right: 64px;
}

.margin-left {
  margin-left: 64px;
}

.works-section a {
  text-decoration: none;
}

article.works-article {
  display: flex;
  flex-flow: row;
  height: -moz-fit-content;
  height: fit-content;
}

article.works-article .column-left, article.works-article .column-right {
  width: 50%;
  min-height: 555px;
}

/* Estilo para los artículos impares */
a:nth-child(odd) article.works-article .column-left {
  order: 2;
}

a:nth-child(odd) article.works-article .column-right {
  order: 1;
}

/* Estilo para los artículos pares */
a:nth-child(even) article.works-article .column-left {
  order: 1;
}

a:nth-child(even) article.works-article .column-right {
  order: 2;
}

a:nth-child(odd) article.works-article .arrow {
  transform: rotate(180deg);
}

article.works-article .column-left {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

article.works-article .column-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: inherit;
  background-size: cover;
  filter: grayscale(100%);
}

article.works-article .filter {
  position: absolute;
  background-color: #faff00;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
}

article.works-article .column-right {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  background-color: #13f4ef;
  padding: 0 49px;
  overflow: hidden;
}

article.works-article .description-container {
  display: flex;
  flex-flow: column;
  text-align: right;
  z-index: 2;
}

article.works-article .description-container span, article.works-article .description-container h2, article.works-article .description-container p {
  text-align: left;
  color: #000;
}

article.works-article .description-container span {
  font-family: Neufile Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.18px;
  margin-bottom: 40px;
}

article.works-article .description-container h2 {
  font-family: "swear-display", serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px;
  margin-bottom: 44px;
  color: #000;
}

article.works-article .description-container p {
  font-family: Neufile Grotesk;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.48px;
  margin: 0 0 34px 0;
}

article.works-article .fresh {
  width: 170px;
  height: 69px;
  margin-top: 35px;
  margin-bottom: 32px;
  background-image: url("assets/img/frontpage/fresh.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

article.works-article .arrow {
  width: 90px;
  height: 96px;
  background-image: url("assets/img/frontpage/arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

article.works-article .arrow01-container {
  margin-bottom: 26px;
}

article.works-article .envelop-container {
  display: flex;
}

a:nth-child(even) article.works-article .envelop-container {
  flex-direction: row;
}

a:nth-child(odd) article.works-article .envelop-container {
  flex-direction: row-reverse;
}

.contact-container.contact-works {
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 100%;
  padding: 38px;
}

.contact-container.contact-works .column-right h2 {
  font-family: "swear-display", serif;
}

.contact-container.contact-works .column-right, .contact-container.contact-works .column-left {
  width: 50%;
}

.contact-container.contact-works .column-right {
  padding: 0 39px;
}

.contact-container.contact-works .column-left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-container.contact-works h2 {
  text-align: left;
  color: #faff00;
  font-size: 86px;
  font-style: normal;
  font-weight: 700;
  line-height: 72.358px;
}

.contact-container.contact-works h2 a {
  color: #fff;
  text-decoration-line: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 6px;
}

.planet-container,
.asterix-container,
.yellow-arrow-container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.contact-container.contact-works .planet-container {
  width: 265.346px;
  height: 152.306px;
  background-image: url("assets/img/frontpage/planeta.svg");
}

.contact-container.contact-works .asterix-container {
  width: 158px;
  height: 158px;
  margin-right: 17px;
  background-image: url("assets/img/frontpage/asterix.svg");
}

.contact-container.contact-works .yellow-arrow-container {
  width: 283px;
  height: 190px;
  background-image: url("assets/img/frontpage/yellow-arrow.svg");
}

.cta-link {
  position: relative;
  z-index: 2;
}

.hover-baliente {
  transition: transform 0.3s ease;
}

.hover-baliente:hover {
  transform: scale(1.1);
}

/* Estilos para tablets */
@media only screen and (max-width: 1200px) {
  .remove-breaks br {
    display: none;
  }
  .margin-left, .margin-right {
    margin: 0;
  }
  article.works-article {
    flex-flow: column;
    height: -moz-fit-content;
    height: fit-content;
  }
  article.works-article .column-left, article.works-article .column-right {
    width: 100%;
    min-height: 511px;
  }
  /* Estilo para los artículos impares */
  a:nth-child(odd) article.works-article .column-left {
    order: 2;
  }
  a:nth-child(odd) article.works-article .column-right {
    order: 1;
  }
  /* Estilo para los artículos pares */
  a:nth-child(even) article.works-article .column-left {
    order: 2;
  }
  a:nth-child(even) article.works-article .column-right {
    order: 1;
  }
  a:nth-child(odd) article.works-article .arrow, a:nth-child(even) article.works-article .arrow {
    transform: rotate(-90deg);
  }
  a article.works-article .envelop-container.fresh-container {
    flex-direction: row;
  }
  a article.works-article .envelop-container.arrow01-container {
    flex-direction: row-reverse;
  }
  .contact-container.contact-works {
    padding-top: 15px;
    height: -moz-fit-content;
    height: fit-content;
  }
  .contact-container.contact-works h2 {
    font-size: 64px;
    line-height: 54.858px;
  }
  .contact-container.contact-works .column-left {
    width: 30%;
  }
  .contact-container.contact-works .column-right {
    padding: 0;
    width: 70%;
    padding: 0 20px;
  }
}
/* Estilos para dispositivos móviles con pantallas pequeñas */
@media only screen and (max-width: 600px) {
  .main-services h1, .main-services h2, .main-manifest h1, .main-manifest h2 {
    font-size: 80px;
    line-height: 57px; /* 71.25% */
  }
  .main-services h2, .main-manifest h2 {
    font-size: 60px;
    line-height: 58.5px; /* 97.5% */
  }
  .main-services p, .main-manifest p {
    font-size: 16px;
    line-height: 24px; /* 150% */
  }
  article.works-article .fresh {
    width: 84.779px;
    height: 35.43px;
    margin-top: 0;
    margin-bottom: 16px;
  }
  article.works-article .description-container span {
    font-size: 14px;
    line-height: 12.533px;
    letter-spacing: 0.14px;
    margin-bottom: 27px;
  }
  article.works-article .description-container h2 {
    font-size: 56px;
    line-height: 35.5px;
    margin-bottom: 20px;
  }
  article.works-article .description-container p {
    font-size: 14px;
    line-height: 15.666px;
    letter-spacing: -0.28px;
  }
  article.works-article .column-right {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 243.738px;
    padding: 20px;
  }
  article.works-article .column-left {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 288.662px;
  }
  a article.works-article .envelop-container.arrow01-container {
    display: none;
  }
  .contact-container.contact-works h2 {
    font-size: 45px;
    line-height: 45px;
  }
  .contact-container.contact-works .column-left {
    display: none;
  }
  .contact-container.contact-works .column-right {
    width: 100%;
    padding: 0 18px;
  }
  .contact-container.contact-works .column-right h2 {
    text-align: center;
  }
  .contact-container.contact-works {
    margin: 30px 0 0 0;
    padding: 0;
  }
  .hide-element-mobile {
    display: none;
  }
}
header#masthead {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: initial;
  padding: 0;
}
header#masthead .show-menu {
  transform: translateY(0);
}
header#masthead .site-branding {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  width: 100%;
  margin: 18px 64px;
}
header#masthead .custom-logo {
  width: 201px;
}
header#masthead .burger-container {
  width: 59px;
  height: 59px;
  padding: 0;
  border: 0;
}
header#masthead .burger-container:hover {
  background-color: initial;
}
header#masthead .nav-menu-container {
  overflow: hidden;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #000;
  padding: 32px;
}
header#masthead .close-button {
  border: 0;
  margin: 0;
  padding: 0;
}
header#masthead .close-button:hover {
  background-color: initial;
}
header#masthead .close-button img {
  width: 40px;
  height: 40px;
}
header#masthead .close-button, header#masthead .burger-container, header#masthead .close-button:active, header#masthead .burger-container:active, header#masthead .close-button:focus, header#masthead .burger-container:focus {
  /* Restablecer estilos */
  color: inherit;
  border: none;
  box-shadow: none;
  transition: none;
  outline: none;
}
header#masthead .nav-title-container {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
header#masthead #site-navigation li {
  margin-bottom: 4.5vh;
}
header#masthead #site-navigation a {
  font-family: "swear-display", serif;
  font-size: 7vh;
  line-height: 6vh;
  font-style: normal;
  font-weight: 700;
  color: #fff;
}
header#masthead #site-navigation a:hover {
  color: #faff00;
  border-bottom: 2px solid #13f4ef;
}
header#masthead .main-navigation .links-container {
  margin-right: 400px;
}
header#masthead .columns-container {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 92px);
}
header#masthead .menu-colum01-container, header#masthead .menu-colum02-container {
  width: 50%;
}
header#masthead .menu-colum01-container .address-container, header#masthead .language-container ul li {
  position: relative;
  font-family: "swear-display", serif;
  font-size: 4vh;
  line-height: 4.5vh;
  font-style: normal;
  font-weight: 700;
  color: #fff;
}
header#masthead .address-container, header#masthead .social-container {
  margin-bottom: 5vh;
}
header#masthead .social-container ul {
  margin: 5vh 0;
}
header#masthead img.global-img {
  width: 81px;
  height: 81px;
  animation: spin 2s linear infinite;
}
header#masthead img.airplane-img {
  width: 34px;
  height: 34px;
}
@keyframes moveUpDown {
  0%, 100% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
}
header#masthead .airplane-img {
  animation: moveUpDown 2s ease-in-out infinite;
}
header#masthead img.pedrera-container {
  transform: translateX(-240px);
  position: absolute;
  height: 200px;
  width: 200px;
}
header#masthead img.modernista-container {
  transform: translateY(-150px) translateX(-100px);
  position: absolute;
  width: 322px;
  height: 150px;
}
header#masthead .social-container::before,
header#masthead .social-container::after {
  content: "";
  display: block;
  height: 10px;
  background: url("assets/img/border-squiggly.svg") repeat-x bottom center;
}
header#masthead .social-container a {
  display: flex;
  align-items: center;
}
header#masthead .social-container a img {
  margin-right: 10px;
}
header#masthead .social-container a li {
  color: #fff;
  font-family: Neufile Grotesk;
  font-size: 26.429px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.714px;
}
header#masthead .social-container a li:hover {
  color: #faff00;
}
header#masthead .social-container a:first-child {
  margin-bottom: 10px;
}
header#masthead .language-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
header#masthead .language-container ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
header#masthead .language-container ul li, header#masthead .language-container img {
  margin-right: 10px;
}
header#masthead .language-container ul li a:hover {
  color: #faff00;
  border-bottom: 2px solid #13f4ef;
}
header#masthead .language-container a {
  color: #fff;
}
header#masthead .social-img-header {
  width: 24px;
  height: 24px;
}
header#masthead .links-container {
  margin-bottom: 20px;
}

/* Estilos para desktop pequeños */
@media screen and (max-width: 1600px) {
  header#masthead .pedrera-container, header#masthead .modernista-container {
    display: none;
  }
  header#masthead .main-navigation .links-container {
    margin-right: 0;
    padding-right: 200px;
  }
}
/* Estilos para tablets */
@media screen and (max-width: 1200px) {
  header#masthead .main-navigation .links-container {
    padding-right: 0;
  }
  header#masthead .columns-container {
    flex-flow: column;
  }
  header#masthead .columns-container {
    align-items: start;
  }
  header#masthead #site-navigation a {
    font-size: 4vh;
    line-height: 4vh;
  }
  header#masthead #site-navigation li {
    margin-bottom: 1vh;
  }
  header#masthead .menu-colum01-container .address-container, header#masthead .social-container a li {
    color: #fff;
    font-family: Neufile Grotesk;
    font-style: normal;
    font-weight: 400;
  }
  header#masthead .social-container a li, header#masthead .language-container ul li {
    font-size: 3vh;
    line-height: 3vh;
  }
  header#masthead .menu-colum01-container .address-container {
    font-size: 2vh;
    line-height: 2vh;
  }
  header#masthead .social-container ul {
    display: flex;
    flex-flow: row;
    justify-content: space-around;
  }
  header#masthead .social-container a {
    margin-right: 10px;
  }
  header#masthead .social-container a:first-child {
    margin-bottom: 0;
  }
  header#masthead .menu-colum01-container {
    width: 100%;
  }
  header#masthead .main-navigation .menu-item a::after {
    display: none;
  }
  header#masthead .main-navigation {
    margin-bottom: 32px;
  }
}
/* Cambios para móvil */
@media screen and (max-width: 600px) {
  header#masthead .site-branding {
    margin: 18px;
  }
  header#masthead .burger-container {
    width: 40px;
    height: 40px;
  }
  header#masthead .nav-menu-container {
    padding: 8px;
  }
  header#masthead .custom-logo {
    width: 89px;
  }
  header#masthead .close-button img {
    width: 20px;
    height: 20px;
  }
  header#masthead .columns-container {
    justify-content: space-around;
  }
  header#masthead .links-container li {
    margin-bottom: 0;
  }
  header#masthead .main-navigation .menu-item a {
    line-height: initial;
  }
  header#masthead .menu-colum01-container .address-container {
    font-size: 3vh;
    font-style: normal;
    font-weight: 400;
    line-height: 3vh;
  }
  header#masthead .social-container ul {
    flex-flow: column;
  }
  header#masthead .social-container a:first-child {
    margin-bottom: 10px;
  }
  header#masthead .social-container ul {
    margin: 10px 0;
  }
  header#masthead .social-container::before, header#masthead .social-container::after {
    height: 6px;
  }
  header#masthead .main-navigation {
    margin-bottom: 10px;
  }
  header#masthead .language-container {
    align-items: flex-start;
  }
  header#masthead .language-container ul {
    flex-flow: column;
  }
  header#masthead .language-container ul li {
    margin-bottom: 10px;
  }
  header#masthead img.global-img {
    width: 64px;
    height: 64px;
  }
}
/* Cambios para mini-móvil */
@media screen and (max-width: 300px) {
  header#masthead .address-container {
    display: none;
  }
  header#masthead .main-navigation, header#masthead .links-container, header#masthead .social-container a:first-child, header#masthead .social-container ul {
    margin: 0;
  }
  header#masthead .social-img-header {
    width: 10px;
  }
  header#masthead img.global-img {
    width: 32px;
    height: 32px;
  }
}
.main-home .hero-section {
  display: flex;
  flex-direction: row;
  max-width: 1440px;
}
.main-home .hero-title, .main-home .photo-container {
  width: 50%;
}
.main-home .hero-title {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.main-home .title-container {
  margin-right: -200px;
  margin-left: 24px;
}
.main-home .hero-title h1 {
  position: relative;
  text-align: left;
  font-family: "swear-display", serif;
  font-size: 120px;
  font-style: normal;
  font-weight: 700;
  line-height: 90.289px;
  color: #faff00;
}
.main-home .hero-title h1 img.home-asterisk {
  position: absolute;
  transform: translateX(-20px);
}
.main-home .hero-title h1 img.home-encircle {
  position: absolute;
}
.main-home .photo-container {
  position: relative;
  width: 675px;
  height: 609px;
  background-image: url("assets/img/frontpage/home-photo.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.main-home .star-container {
  position: absolute;
  width: 314px;
  height: 314px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 27px;
  bottom: 0;
  transform: translateY(156px);
}
.main-home .pepito-home-section {
  max-width: 1440px;
  height: 460px;
  margin-top: 106px;
  margin-bottom: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.main-home .pepito-container {
  position: relative;
  width: 343px;
  height: 460px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  animation: spin 5s linear infinite;
  z-index: 2;
}
.main-home .img-asterisk {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 38px;
  left: 0;
  transform: translateX(-31px);
}
.main-home .galaxy01-container, .main-home .galaxy02-container {
  width: 450px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
}
.main-home .galaxy01-container {
  background-image: url("assets/img/frontpage/group-stars-01.svg");
  margin-right: 40px;
}
.main-home .galaxy02-container {
  background-image: url("assets/img/frontpage/group-stars-02.svg");
  margin-left: 40px;
}
.main-home .works-section {
  width: 100%;
  max-width: 1440px;
  margin: 0;
}
.main-home .works-section h2 {
  font-family: "swear-display", serif;
  font-size: 96px;
  font-style: normal;
  font-weight: 700;
  line-height: 71.696px;
  color: #13f4ef;
}
.main-home .algunos-container, .main-home .column-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.main-home .algunos-container {
  height: 190px;
  margin: 18px 30px;
  justify-content: space-between;
}
.main-home .arrow-container {
  width: 321px;
  height: 130px;
  background-image: url("assets/img/frontpage/arrow-stars.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 30px;
}
.main-home .column-right {
  position: relative;
}
.main-home .bubble-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 336px;
  height: 233px;
  background-image: url("assets/img/frontpage/explosion.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  transform: translateY(-131px);
}
.main-home .bubble-container .bubble-texto {
  color: #faff00;
  text-align: center;
  font-family: "swear-display", serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  transform: rotate(-12.823deg);
}
.main-home .contact-section {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-top: 53px;
}
.main-home .quiero-container {
  width: 307px;
  height: 251.844px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
  position: relative;
}
.main-home .encajamos-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 660px;
  margin-top: -150px;
}
.main-home .encajamos-container h2 {
  color: #13f4ef;
  text-align: center;
  font-family: "swear-display", serif;
  font-size: 96px;
  font-style: normal;
  font-weight: 700;
  line-height: 79px;
  z-index: 2;
}
.main-home .encajamos-lottie {
  position: absolute;
  width: 150%;
  height: 150%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.main-home .encajamos-container br {
  display: none;
}

/* Estilos para tablets */
@media screen and (max-width: 1200px) {
  .main-home .hero-section {
    width: 100%;
    flex-direction: column;
  }
  .main-home .title-container {
    margin: 0 24px;
  }
  .main-home .hero-title, .main-home .photo-container {
    width: 100%;
  }
  .main-home .hero-title {
    margin-bottom: 39px;
  }
  .main-home .hero-title h1 {
    font-size: 90px;
    line-height: 80.3px;
  }
  .main-home .hero-title h1 img.home-encircle {
    width: 338.783px;
    height: 77.463px;
    transform: translateX(-10px) translateY(10px);
  }
  .main-home .hero-title h1 img.home-asterisk {
    transform: translateX(10px) translateY(25px);
  }
  .main-home .star-container {
    width: 259.755px;
    height: 260.901px;
    transform: translateY(130px);
  }
  .main-home .pepito-home-section {
    margin-top: 40px;
    margin-bottom: 5px;
  }
  .main-home .pepito-container {
    width: 258.221px;
    height: 346.229px;
  }
  .main-home .divider-yellow {
    display: none;
  }
  .main-home .algunos-container {
    margin: 30px 25px;
    height: -moz-fit-content;
    height: fit-content;
  }
  .main-home .algunos-container .column-right {
    display: none;
  }
  .main-home .algunos-container .column-left {
    width: 100%;
  }
  .main-home .encajamos-container {
    height: 344.755px;
    margin-top: -38px;
  }
  .main-home .works-section {
    margin-bottom: 42px;
  }
  .main-home .planet-container {
    display: none;
  }
  .main-home .asterix-container {
    width: 95px;
    height: 95px;
  }
  .main-home .yellow-arrow-container {
    width: 141px;
    height: 115px;
  }
  .main-home .contact-section {
    margin-top: 0;
  }
}
/* Estilos para dispositivos móviles con pantallas pequeñas */
@media screen and (max-width: 600px) {
  .main-home .hero-section {
    margin-top: 7px;
    margin-bottom: 0;
  }
  .main-home .title-container {
    margin: 18px;
  }
  .main-home .hero-title h1 {
    font-size: 50px;
    line-height: 38.491px;
  }
  .main-home .hero-title h1 img.home-encircle {
    width: 187px;
    height: 47px;
    transform: translateX(-10px) translateY(-5px);
  }
  .main-home .hero-title h1 img.home-asterisk {
    width: 20px;
    height: 20px;
    transform: translateX(-9px) translateY(0);
  }
  .main-home .photo-container {
    height: 250px;
  }
  .main-home .star-container {
    width: 143.743px;
    height: 144.377px;
    transform: translateY(30px);
    right: 0;
  }
  .main-home .pepito-home-section {
    margin: 0;
    height: -moz-fit-content;
    height: fit-content;
  }
  .main-home .galaxy01-container, .main-home .galaxy02-container {
    display: none;
  }
  .main-home .pepito-container {
    margin-top: 29px;
    width: 172.984px;
    height: 231.941px;
  }
  .main-home .img-asterisk {
    width: 29.528px;
    height: 29.343px;
    transform: translateX(-20px) translateY(-20px);
  }
  .main-home .algunos-container {
    margin: 13px 16px;
  }
  .main-home .works-section h2 {
    font-size: 48px;
    line-height: 34.696px;
  }
  .main-home .arrow-container {
    width: 164.693px;
    height: 68.442px;
    background-image: url("assets/img/frontpage/arrow-stars-mobile.svg");
  }
  .main-home .quiero-container {
    width: 174px;
    height: 142.739px;
  }
  .main-home .encajamos-container {
    height: 176.266px;
  }
  .main-home .encajamos-container h2 {
    text-align: center;
    font-size: 38px;
    line-height: 31.1px;
  }
  .main-home .encajamos-container br {
    display: block;
  }
}
@media screen and (max-width: 300px) {
  .main-home {
    font-size: 16px;
  }
  .main-home .hero-title h1 {
    font-size: 2em;
    line-height: 1em;
  }
  .main-home .hero-title h1 img.home-asterisk {
    width: 10px;
    height: 10px;
  }
  .main-home .works-section h2 {
    font-size: 1.5em;
    line-height: 1em;
  }
  .main-home .encajamos-container h2 {
    font-size: 1.5em;
    line-height: 1em;
  }
}
.main-services .hero-section, .main-services .column-group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 64px;
  max-width: 1440px;
}
.main-services .hero-column-left, .main-services .hero-column-right {
  display: inline-block;
  width: 50%;
}
.main-services .hero-column-right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-services .hero-column-left {
  margin-right: 43px;
  z-index: 2;
}
.main-services .hero-column-left h1 {
  font-family: "swear-display", serif;
  margin-bottom: 30px;
  color: #fff;
}
.main-services .hero-column-left p {
  margin-bottom: 30px;
}
.main-services .hero-column-left sup {
  font-size: 52px;
  vertical-align: top;
  position: relative;
  top: -0.15em;
}
.main-services .header-img {
  width: 100%;
  height: 100%;
  transform: translateX(-100px);
}
.main-services .services-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
}
.main-services .services-section .services-article:nth-child(even) {
  flex-direction: row-reverse;
}
.main-services .services-section h2 {
  color: #fff;
  font-family: "swear-display", serif;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
  writing-mode: vertical-rl;
  text-orientation: revert;
  transform: rotate(180deg);
  text-align: right;
}
.main-services .services-section h3 {
  color: #faff00;
  font-family: Neufile Grotesk;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.main-services .service-section p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.main-services .services-article {
  display: flex;
  margin-bottom: 52px;
}
.main-services .services-column-left {
  width: 45%;
  height: 731px;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-services .thinking-photo {
  background-image: url("assets/img/services/thinking-photo.jpg");
}
.main-services .doing-photo {
  background-image: url("assets/img/services/doing-photo.jpg");
}
.main-services .improving-photo {
  background-image: url("assets/img/services/improving-photo.jpg");
}
.main-services .services-column-center {
  display: flex;
  justify-content: center;
  width: 10%;
}
.main-services .services-column-right {
  width: 45%;
}
.main-services .line-accordion::before, .main-services .line-accordion:last-child::after {
  content: "";
  display: block;
  height: 8px;
  background: url("assets/img/border-squiggly.svg") repeat-x center center;
  margin: 16px 0;
}
.main-services .service-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.main-services .service-description {
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  max-width: 90%;
}
.main-services .button-open, .main-services .button-close {
  width: 38px;
  height: 42px;
  cursor: pointer;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.main-services .button-open {
  background-image: url("assets/img/services/open.png");
}
.main-services .button-close {
  background-image: url("assets/img/services/close.png");
}
.main-services .contact-section {
  width: 100%;
}
.main-services .contact-column {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 418px;
  background-image: url("assets/img/services/background-contact.svg");
  background-position: center;
  background-size: contain;
  background-repeat: repeat-x;
}
.main-services .contact-column h2 {
  color: #13f4ef;
  text-align: center;
  font-family: "swear-display", serif;
  font-size: 110px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px; /* 90.909% */
}
.main-services .contact-column-wrap {
  display: flex;
  justify-content: center;
  margin: 69px 0px;
}
.main-services .column-group {
  display: flex;
  max-width: 1440px;
  width: 100%;
}
.main-services .contact-column-left, .main-services .contact-column-right {
  width: 50%;
  display: inline-block;
}
.main-services .contact-column-right p {
  color: #faff00;
  font-family: "swear-display", serif;
  font-size: 75px;
  font-style: normal;
  font-weight: 700;
  line-height: 72.358px;
}
.main-services .contact-column-right a {
  color: #fff;
  text-decoration: underline;
}
.main-services .contact-column-left {
  height: 189px;
  background-image: url("assets/img/services/symbols-desktop.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.main-services .contact-column-right {
  overflow: hidden;
}

/* Estilos para pantallas más grandes */
/* Estilos para tablets */
@media screen and (max-width: 1200px) {
  .main-services .hero-section, .main-services .column-group {
    margin: 0 54px;
  }
  .main-services .header-img {
    transform: initial;
  }
  .main-services .services-column-right {
    padding: 0 54px;
  }
  .main-services .hero-section, .main-services .services-article, .main-services .services-section .services-article:nth-child(even) {
    flex-direction: column;
  }
  .main-services .hero-column-left, .main-services .hero-column-right, .main-services .services-column-left, .main-services .services-column-center, .main-services .services-column-right {
    width: 100%;
  }
  .main-services .hero-column-left {
    margin-right: 0;
  }
  .main-services .services-section h2 {
    writing-mode: horizontal-tb;
    text-align: left;
    transform: rotate(0);
    margin: 32px 0;
  }
  .main-services .services-column-left {
    background-position: center;
    height: 545px;
  }
  .main-services .contact-column-right p {
    font-size: 54px;
    line-height: 58.358px;
  }
  .main-services .contact-column-left {
    background-image: url("assets/img/services/symbols-tablet.svg");
  }
  .main-services .contact-column-left {
    width: 30%;
  }
  .main-services .contact-column-right {
    width: 70%;
  }
  .main-services .contact-column {
    background-image: url("assets/img/services/background-contact.svg");
    background-size: cover;
    height: 419px;
  }
  .main-services .hero-section, .main-services .column-group {
    margin: 0 54px;
  }
  .main-services .services-article {
    margin-bottom: 42px;
  }
  .main-services .services-section h2 {
    margin: 42px 0 0 0;
  }
  .main-services .contact-column-wrap {
    margin: 42px 0;
  }
}
/* Estilos para dispositivos móviles con pantallas pequeñas */
@media screen and (max-width: 600px) {
  .main-services svg path {
    stroke-width: 2px;
  }
  .main-services .hero-section, .main-services .column-group {
    margin: 0 18px;
  }
  .main-services .services-column-right {
    padding: 0 18px;
  }
  .main-services .button-open, .main-services .button-close {
    width: 31px;
    height: 35px;
  }
  .main-services .services-section h3 {
    font-size: 22px;
    line-height: 32px;
  }
  .main-services .services-column-left {
    height: 300px;
  }
  .main-services .column-group {
    flex-direction: column;
    margin: 18px 0;
  }
  .main-services .contact-column {
    height: 235px;
  }
  .main-services .contact-column-right, .main-services .contact-column-left {
    width: 100%;
  }
  .main-services .contact-column-left {
    background-image: url("assets/img/services/symbols-mobile.svg");
    height: 73px;
  }
  .main-services .contact-column-right p {
    text-align: center;
    line-height: 47.5px;
  }
  .main-services .contact-column {
    background-image: url("assets/img/services/background-contact-mobile.svg");
  }
  .main-services .hero-section, .main-services .column-group {
    margin: 18px;
  }
  .main-services .contact-column-wrap {
    margin: 0;
  }
  .main-services .services-article {
    margin-bottom: 18px;
  }
  .main-services .services-section h2 {
    margin: 18px 0 0 0;
  }
  .main-services .contact-column h2 {
    text-align: center;
    font-size: 60px;
    line-height: 46px; /* 76.667% */
  }
}
@media screen and (max-width: 300px) {
  .main-services {
    font-size: 16px;
  }
  .main-services .hero-column-left h1 {
    font-size: 2em;
    line-height: 1em;
  }
  .main-services .hero-column-left sup {
    font-size: 1em;
  }
  .main-services .services-section h2 {
    font-size: 1.7em;
  }
  .main-services .services-section h3 {
    font-size: 1.1em;
  }
  .main-services .contact-section {
    width: 100%;
  }
  .main-services .contact-column h2, .main-services .contact-column-right p {
    font-size: 2em;
    line-height: 1em;
  }
}
.divider-manifest {
  width: 100%;
  height: 9px;
  margin: 70px 0;
}

.divider-short {
  height: 9px;
  margin: 0;
}

.divider-blue {
  background-image: url("assets/img/border-squiggly-big.svg");
  background-repeat: repeat-x;
}

.divider-yellow {
  background-image: url("assets/img/squiggly-yellow.svg");
  background-repeat: repeat-x;
}

.main-manifest p {
  text-align: center;
  margin-bottom: 30px;
}
.main-manifest h1 {
  position: relative;
}
.main-manifest h1 br {
  display: none;
}
.main-manifest h2 {
  color: #fff;
}
.main-manifest h1, .main-manifest h2 {
  text-align: center;
}
.main-manifest .hero-title h1 {
  font-family: "swear-display", serif;
  color: #fff;
}
.main-manifest section {
  margin: 52px;
}
.main-manifest .hero-section, .main-manifest .honesta-section, .main-manifest .diferente-section, .main-manifest .fuera-section {
  z-index: 4;
}
.main-manifest .hero-section {
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  flex-direction: column;
}
.main-manifest .pepito-section {
  background-repeat: no-repeat;
  background-size: contain;
  width: 438px;
  height: 535px;
  margin-top: 52px;
}
.main-manifest .parragrap-container {
  max-width: 700px;
}
.main-manifest .hide-text {
  display: none;
}
.main-manifest .squiggle {
  position: absolute;
  transform: translate(10px, 12px);
  width: 44px;
  height: 67px;
  background: url("assets/img/manifest/squiggle.svg") no-repeat;
  background-size: cover;
}
.main-manifest .hero-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main-manifest .letter-b {
  width: 171px;
  height: 171px;
  margin-left: 10px;
}
.main-manifest .baliente-por-defender {
  font-family: "swear-display", serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
}
.main-manifest .una-creatividad {
  font-family: "swear-display", serif;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 31px;
  margin-left: 30px;
}
.main-manifest .honesta-bla {
  font-family: "swear-display-cilati", Sans-serif;
  font-size: 234.922px;
  font-style: normal;
  font-weight: 600;
  line-height: 100px; /* 120% */
}
.main-manifest h2.en-traduccion .baliente-por-defender {
  letter-spacing: -2px;
}
.main-manifest h2.en-traduccion .honesta-bla {
  position: relative;
  letter-spacing: 10px;
  z-index: -1;
}
.main-manifest h2.en-traduccion .una-creatividad {
  letter-spacing: 22px;
}
.main-manifest .honesta-section h2 {
  line-height: 30px;
}
.main-manifest .honesta-section p {
  margin-top: 42px;
}
.main-manifest .baliente-por-ser {
  font-family: "swear-display", serif;
  font-size: 59px;
  font-style: normal;
  font-weight: 700;
  line-height: 58.948px; /* 99.911% */
  letter-spacing: 17.11px;
  margin-left: 25px;
}
.main-manifest h2.en-traduccion .baliente-por-ser {
  letter-spacing: 6.1px;
}
.main-manifest .una-agencia {
  font-family: "swear-display", serif;
  font-size: 126px;
  font-style: normal;
  font-weight: 700;
  line-height: 75.318px; /* 59.776% */
}
.main-manifest .diferente-bla {
  font-family: "swear-display", serif;
  font-size: 168px;
  font-style: normal;
  font-weight: 700;
  line-height: 122.141px; /* 72.703% */
}
.main-manifest h2.en-traduccion .diferente-bla {
  display: inline-block;
  margin-top: 44px;
  font-size: 148px;
}
.main-manifest h2.en-traduccion .una-agencia {
  font-size: 148px;
  letter-spacing: 23px;
  margin-left: 30px;
}
.main-manifest .de-verdad-img-en {
  transform: translateY(-270px);
}
.main-manifest .parragrap-container-eng {
  margin-top: -50px;
}
.main-manifest h2.ca-traduccion .diferente-bla {
  letter-spacing: 11px;
}
.main-manifest .de-verdad-img {
  position: relative;
  width: 233px;
  height: 135px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-top: -30px;
  z-index: 2;
}
.main-manifest .diferente-section h2 {
  line-height: 60px;
}
.main-manifest .baliente-por-ir {
  font-family: "swear-display", serif;
  font-size: 59px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 21.83px;
  margin-left: 25px;
}
.main-manifest h2.ca-traduccion .baliente-por-ir {
  letter-spacing: 10px;
}
.main-manifest h2.en-traduccion .baliente-por-ir {
  margin-left: initial;
  letter-spacing: 3.8px;
}
.main-manifest .fuera-pista {
  font-family: "swear-display", serif;
  font-size: 148px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}
.main-manifest .fuera-section h2 {
  line-height: 90px;
}
.main-manifest .fuera-section p {
  margin-top: 20px;
}
.main-manifest .lottie-parent {
  position: relative;
}
.main-manifest .lottie-container {
  position: absolute;
  z-index: 3;
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
}
.main-manifest #b-container {
  width: 171px;
  height: 171px;
  margin-left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.main-manifest #scissors-container {
  width: 698px;
  height: 716px;
  left: 50%;
  top: -257px;
  transform: translateX(-966px);
}
.main-manifest #cat-container {
  width: 458px;
  height: 437px;
  left: 50%;
  top: -175px;
  transform: translateX(283px);
}
.main-manifest #salt-container {
  width: 441px;
  height: 700px;
  left: 50%;
  top: -348px;
  transform: translateX(-705px);
}
.main-manifest #rat-container {
  width: 518px;
  height: 223px;
  left: 50%;
  top: -220px;
  transform: translateX(182px);
}
.main-manifest #plane-container {
  width: 675px;
  height: 404px;
  z-index: 1;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translate(43px, -268px);
}
.main-manifest .contact-section {
  margin-bottom: 190px;
}
.main-manifest .contact-column-wrap {
  max-width: 1440px;
  display: flex;
  flex-flow: row;
}
.main-manifest .contact-column-left, .main-manifest .contact-column-right {
  position: relative;
  width: 50%;
}
.main-manifest .contact-column-left {
  width: 713px;
  height: 743px;
  background-image: url("assets/img/manifest/cta-photo.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.main-manifest .contact-column-right {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-manifest .contact-column-right h2 {
  text-align: left;
  margin: 0 20px;
  font-family: "swear-display", serif;
  font-size: 96px;
  font-style: normal;
  font-weight: 700;
  line-height: 88.5px; /* 92.188% */
}
.main-manifest .cta-heading, .main-manifest .cta-action {
  z-index: 2;
}
.main-manifest .contact-column-right .cta-action h2 {
  line-height: 72.4px;
}
.main-manifest .contact-column-right h2 a {
  color: #fff;
  font-size: 96px;
  font-style: normal;
  font-weight: 700;
  line-height: 72.4px;
  text-decoration-line: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 6px;
}
.main-manifest .cta-action {
  margin-bottom: 100px;
}
.main-manifest .cta-symbol {
  position: absolute;
  bottom: -139px;
  transform: translateX(43px);
  width: 283px;
  height: 283px;
  background-image: url("assets/img/manifest/cta-symbol.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Estilos para pantallas más grandes */
/* Estilos para tablets */
@media (max-width: 1200px) {
  h1.ca-traduccion {
    font-size: 83px;
  }
  .main-manifest .divider-last {
    margin-bottom: 20px;
  }
  .main-manifest .contact-section {
    margin: 0 0 30px 0;
  }
  .main-manifest .pepito-section {
    width: 269px;
    height: 328px;
  }
  .main-manifest #scissors-container {
    width: 377px;
    height: 410px;
    top: -200px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
  }
  .main-manifest #cat-container {
    width: 340px;
    height: 324px;
    top: -157px;
    transform: translateX(69px);
  }
  .main-manifest #salt-container {
    width: 300px;
    height: 476px;
    transform: translateX(-423px);
    top: -178px;
  }
  .main-manifest #rat-container {
    width: 439px;
    height: 188px;
    top: -185px;
    transform: translateX(-97px);
  }
  .main-manifest #plane-container {
    top: 55%;
    transform: translateX(-59px);
    width: 582px;
    height: 340px;
  }
  .main-manifest .contact-column-wrap {
    flex-flow: column-reverse;
    width: 100vw;
  }
  .main-manifest .contact-column-left, .main-manifest .contact-column-right {
    width: 100%;
  }
  .main-manifest .contact-column-left {
    height: 643px;
  }
  .main-manifest .contact-column-right {
    justify-content: center;
    align-items: center;
  }
  .main-manifest .contact-column-right h2 {
    text-align: center;
    margin: 30px 0;
  }
  .main-manifest .cta-heading, .main-manifest .cta-action {
    width: 600px;
  }
  .main-manifest .cta-symbol {
    bottom: 42px;
    left: 70%;
    transform: translateX(0);
  }
  .main-manifest .cta-action {
    margin-bottom: 160px;
  }
  .main-manifest section {
    margin-left: 42px;
    margin-right: 42px;
  }
  .main-manifest h2.ca-traduccion .diferente-bla {
    letter-spacing: 0;
  }
}
/* Estilos para dispositivos móviles con pantallas pequeñas */
@media screen and (max-width: 796px) {
  .main-manifest section {
    margin-left: 18px;
    margin-right: 18px;
  }
  .main-manifest h1 br {
    display: block;
  }
  .main-manifest .hero-title {
    flex-direction: column;
  }
  .main-manifest #scissors-container {
    width: 212px;
    left: 0;
    top: -204px;
    transform: rotate(45deg);
  }
  .main-manifest .contact-column-right h2 {
    text-align: center;
    font-size: 48px;
    line-height: 52px; /* 108.333% */
    margin: 10px 0;
  }
  .main-manifest .contact-column-right h2 a {
    font-size: 48px;
  }
  .main-manifest .cta-heading, .main-manifest .cta-action {
    width: 290px;
  }
  .main-manifest .contact-column-right .cta-action h2 {
    line-height: 42px;
  }
  .main-manifest #plane-container {
    top: 266px;
    transform: translateX(-15px);
    width: 330px;
    height: 183px;
  }
  .main-manifest .cta-action {
    margin-bottom: 100px;
  }
  .main-manifest .cta-symbol {
    position: absolute;
    top: 339px;
    width: 280px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .main-manifest .contact-column-left {
    height: 480px;
    margin-bottom: 150px;
  }
  .main-manifest #rat-container {
    position: absolute;
    left: 50%;
    top: -139px;
    width: 240px;
    transform: translateX(-76px);
  }
  .main-manifest .parragrap-container {
    margin: 0 18px;
  }
  .main-manifest .divider-manifest {
    margin: 20px 0;
  }
  .main-manifest .baliente-por-ir {
    font-size: 33px;
    line-height: 11.2px; /* 33.939% */
    letter-spacing: 9.24px;
    margin-left: 0;
  }
  .main-manifest .fuera-section h2 {
    line-height: 60px;
  }
  .main-manifest .fuera-pista {
    font-size: 72px;
  }
  .main-manifest .una-agencia {
    font-size: 64px;
    line-height: 31.7px;
  }
  .main-manifest .de-verdad-img {
    width: 149px;
    height: 73px;
  }
  .main-manifest .baliente-por-ser {
    font-size: 27px;
    font-style: normal;
    line-height: 29.517px;
    letter-spacing: 8.55px;
    margin-left: 0;
  }
  .main-manifest .diferente-bla {
    font-size: 82px;
    line-height: 61px;
  }
  .main-manifest .diferente-section h2 {
    line-height: 40px;
  }
  .main-manifest .honesta-bla {
    font-size: 103px;
    line-height: 63px; /* 100% */
  }
  .main-manifest h2.en-traduccion .baliente-por-ser {
    letter-spacing: initial;
  }
  .main-manifest h2.en-traduccion .diferente-bla {
    display: inline-block;
    margin-top: 64px;
    font-size: 48px;
    line-height: 15px;
  }
  .main-manifest h2.en-traduccion .una-agencia {
    font-size: 48px;
    letter-spacing: 5px;
    margin-left: initial;
  }
  .main-manifest .de-verdad-img-en {
    transform: translateY(-105px);
  }
  .main-manifest .una-creatividad {
    font-size: 22px;
    line-height: 18px; /* 81.818% */
    letter-spacing: 10.45px;
    margin-left: 0;
  }
  .main-manifest h2.en-traduccion .baliente-por-defender {
    letter-spacing: initial;
  }
  .main-manifest h2.en-traduccion .honesta-bla {
    letter-spacing: initial;
  }
  .main-manifest h2.en-traduccion .una-creatividad {
    letter-spacing: 16px;
  }
  .main-manifest .baliente-por-defender {
    text-align: center;
    font-size: 51px;
    line-height: 44px; /* 86.275% */
    letter-spacing: 1.02px;
  }
  .main-manifest .honesta-section h2 {
    line-height: 15px;
  }
  .main-manifest h2.en-traduccion {
    line-height: 30px;
  }
  .main-manifest h2.en-traduccion .baliente-por-ir {
    list-style: initial;
  }
  .main-manifest #b-container {
    position: absolute;
    top: 86px;
    left: 47%;
    width: 87px;
    height: 87px;
  }
  .main-manifest #b-container.ca-traduccion {
    margin-left: 24px;
  }
  .main-manifest h1 {
    font-size: 60px;
    line-height: 82px; /* 206.197% */
    text-align: left;
  }
  .main-manifest .hero-title {
    position: relative;
    flex-direction: row;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    display: inline-block;
  }
  .main-manifest .squiggle {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-119px);
  }
  .main-manifest #salt-container {
    width: 190px;
    height: 300px;
    transform: translateX(-220px);
    top: -96px;
  }
  .main-manifest #cat-container {
    width: 215px;
    height: 191px;
    top: -100px;
    transform: translateX(69px);
  }
  .main-manifest .hero-section {
    margin-top: 5px;
  }
  .main-manifest h2.ca-traduccion .una-agencia {
    font-size: 52px;
  }
  .main-manifest h2.ca-traduccion .baliente-por-ser {
    letter-spacing: 6px;
  }
  .main-manifest h2.ca-traduccion .baliente-por-ir {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 300px) {
  .main-manifest {
    font-size: 16px;
  }
  .main-manifest .hero-title h1 {
    font-size: 2em;
    line-height: 1em;
  }
  .main-manifest #b-container {
    position: absolute;
    top: 31px;
    left: 47%;
    width: 47px;
    height: 47px;
  }
  .main-manifest .squiggle {
    display: none;
  }
  .main-manifest .baliente-por-defender, .main-manifest .una-creatividad, .main-manifest .baliente-por-ser, .main-manifest .baliente-por-ir {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: initial;
  }
  .main-manifest .honesta-bla, .main-manifest .una-agencia, .main-manifest .diferente-bla, .main-manifest .fuera-pista {
    font-size: 32px;
    line-height: 32px;
  }
  .main-manifest h2.en-traduccion .diferente-bla {
    margin-top: initial;
    line-height: initial;
  }
  .main-manifest .de-verdad-img {
    display: none;
  }
  .main-manifest .diferente-section h2 {
    line-height: 30px;
    margin-bottom: 20px;
  }
  .main-manifest .fuera-section h2 {
    line-height: 30px;
  }
  .main-manifest .contact-section {
    width: 100%;
  }
  .main-manifest .contact-column-right h2, .main-manifest .contact-column-right h2 a {
    font-size: 32px;
    line-height: 32px;
  }
  .main-manifest #cat-container {
    display: none;
  }
  .main-manifest h2.en-traduccion .una-creatividad {
    letter-spacing: initial;
  }
}
.main-works .hero-section {
  display: flex;
  flex-direction: row;
  max-width: 1440px;
  height: 525px;
  margin: 0 64px;
}
.main-works .hero-section .column-left, .main-works .hero-section .column-right {
  width: 50%;
}
.main-works .hero-section .column-left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-works .hero-section .column-right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-works .works-encircle {
  position: absolute;
  width: 193px;
  height: 103px;
  transform: translateX(-189px) translateY(-20px);
}
.main-works .hero-section h1 {
  position: relative;
  color: #faff00;
  font-family: "swear-display", serif;
  font-size: 83px;
  font-style: normal;
  font-weight: 700;
  line-height: 65.587px; /* 77.161% */
  letter-spacing: 2.55px;
  text-align: left;
  margin-bottom: 39px;
}
.main-works .hero-section h1 span.degree {
  display: inline-block;
}
.main-works .hero-section h1 .text-blue {
  color: #13f4ef;
}
.main-works .hero-section .umbrella-container {
  width: 661px;
  height: 629px;
  transform: translateX(40px) translateY(50px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.main-works .hero-section .umbrella-container02 {
  display: none;
}
.main-works .hero-section .thin-letter {
  font-weight: 100;
}
.main-works .hero-section p {
  color: #fff;
  font-family: Neufile Grotesk;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  max-width: 652px;
}
.main-works .hero-section .underlined-text {
  font-weight: 700;
  border-bottom: 1px solid white;
  text-decoration: none;
}
.main-works .works-section {
  width: 100%;
  max-width: 1440px;
  margin: 0;
}
.main-works article.works-article .filter {
  display: none;
}
.main-works article.works-article .column-left::before {
  display: none;
}
.main-works .contact-section {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-top: 23px;
}
.main-works .contact-section .gusta-container {
  position: relative;
  height: 501px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-works .contact-section .eye-container {
  position: absolute;
  width: 501px;
  height: 501px;
}
.main-works .contact-section .gusta-container h2 {
  text-align: center;
  color: #13f4ef;
  font-family: "swear-display", serif;
  font-size: 110px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px;
  z-index: 2;
}
.main-works .graphics-contact-work {
  display: none;
}
.main-works .contact-container.contact-works .column-right {
  padding: 0 0 0 38px;
}

/* Estilos para tablets */
@media screen and (max-width: 1200px) {
  .main-works .hero-section {
    flex-direction: column;
    width: 100%;
    height: inherit;
    margin: 0 42px;
  }
  .main-works .hero-section .column-left, .main-works .hero-section .column-right {
    width: 100%;
  }
  .main-works .hero-section .column-left {
    display: none;
  }
  .main-works .hero-section .column-right .text-container {
    display: flex;
    width: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0 42px;
  }
  .main-works .hero-section h1 {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .main-works .hero-section p {
    max-width: inherit;
    margin-bottom: 42px;
  }
  .main-works .hero-section .column-right h1 br {
    display: block;
  }
  .main-works .hero-section .umbrella-container02 {
    display: block;
    width: 100%;
    height: 518px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    transform: translateY(50px);
  }
  .main-works .contact-container.contact-works {
    padding-top: 5px;
    padding-bottom: 18px;
  }
  .main-works .contact-container.contact-works .column-right {
    padding: 0 0 0 20px;
  }
  .main-works .contact-section {
    margin-top: 27px;
  }
  .main-works .contact-section .gusta-container, .main-works .contact-section .eye-container {
    height: 409px;
  }
  .main-works .contact-container.contact-works .planet-container {
    display: none;
  }
  .main-works .contact-container.contact-works .yellow-arrow-container, .main-works .contact-container.contact-works .asterix-container {
    height: 78px;
  }
}
/* Estilos para dispositivos móviles con pantallas pequeñas */
@media screen and (max-width: 600px) {
  .main-works .hero-section .column-right h1 {
    font-size: 50px;
    line-height: 39.5px; /* 79% */
    letter-spacing: 1.5px;
  }
  .main-works .works-encircle {
    width: 121px;
    height: 63px;
    transform: translateX(-115px) translateY(-12px);
  }
  .main-works .hero-section .umbrella-container02 {
    width: 100%;
    height: 269px;
    transform: none;
    transform: translateY(10px);
  }
  .main-works .hero-section p {
    display: none;
  }
  .main-works .contact-section {
    margin-top: 5px;
  }
  .main-works .contact-section .gusta-container {
    height: 187px;
  }
  .main-works .contact-section .gusta-container h2 {
    font-size: 40px;
    line-height: 42px;
    margin: 18px;
  }
  .main-works .contact-section .eye-container {
    width: 100%;
    height: 187px;
  }
  .main-works .contact-container.contact-works {
    flex-flow: column;
    margin-top: 10px;
  }
  .main-works .contact-container.contact-works .column-left {
    display: flex;
    width: 100%;
    padding: 0 18px;
  }
  .main-works .contact-container.contact-works .column-right {
    padding: 0 18px;
  }
  .main-works .graphics-contact-work {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 73px;
    background-image: url("assets/img/works/contact.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 300px) {
  .main-works {
    font-size: 16px;
  }
  .main-works .hero-section .column-right h1 {
    font-size: 2em;
    line-height: 1em;
  }
  .main-works .works-encircle {
    width: 91px;
    height: 63px;
    transform: translateX(-85px) translateY(-12px);
  }
  .main-works .contact-section .gusta-container h2 {
    font-size: 1.5em;
    line-height: 1em;
  }
  article.works-article .description-container h2 {
    font-size: 1.5em;
    line-height: 1em;
  }
  .contact-container.contact-works .column-right h2 {
    font-size: 1.5em;
    line-height: 1em;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.main-team {
  /* Dar al input de tipo checkbox un borde blanco y un fondo negro */
  /* Cambiar el color del fondo del input de tipo checkbox cuando esté marcado */
  /* Margen adicional después de cada 3 tarjetas en desktop */
}
.main-team .hero-section {
  display: flex;
  flex-flow: row;
  max-width: 1440px;
  height: 607px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 34px;
}
.main-team .hero-section .hero-title {
  width: 36%;
  padding-top: 48px;
}
.main-team .hero-section .photo-container {
  width: 64%;
  height: 100%;
  background-image: url("assets/img/team/foto-equipo.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.main-team .hero-section .title-container {
  width: 100%;
  z-index: 2;
  position: relative;
}
.main-team .hero-section h1 {
  color: #fff;
  font-family: "swear-display", serif;
  font-size: 110px;
  font-style: normal;
  font-weight: 700;
  line-height: 84.818px;
  text-align: left;
  margin-bottom: 36px;
}
.main-team .hero-section h1 span.text-blue {
  color: #13f4ef;
}
.main-team .hero-section p {
  color: #fff;
  font-family: Neufile Grotesk;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
}
.main-team .team-section, .main-team .contact-section {
  width: 100%;
  max-width: 1440px;
  padding: 0 34px;
  margin-left: 0;
  margin-right: 0;
}
.main-team .team-section {
  margin-top: 35px;
}
.main-team .filter-container {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}
.main-team .filter-container .left-column h3 {
  color: #fff;
  font-family: "swear-display", serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}
.main-team .filter-container .right-column {
  width: 280px;
  height: 76px;
}
.main-team .button-container {
  width: 280px;
  height: 76px;
  overflow: hidden;
}
.main-team .button-svg {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: url("assets/img/team/boton.svg");
  transition: transform 0.2s ease;
  cursor: pointer;
}
.main-team button.button-svg {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  background-repeat: no-repeat;
  padding: 0;
  border: 0;
}
.main-team .button-svg:active {
  transform: translateX(15px) translateY(15px);
}
.main-team .button-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 263px;
  height: 57px;
  transform: translateX(-10px) translateY(-10px);
}
.main-team .button-label span {
  color: #000;
  font-family: "swear-display", serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: initial;
}
.main-team .accordeon-wrap {
  opacity: 1;
  overflow: hidden;
  transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
}
.main-team .accordeon-wrap.close {
  max-height: 0;
}
.main-team .accordeon-container {
  padding-top: 36px;
}
.main-team form {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
}
.main-team .col {
  width: 50%;
}
.main-team form .column-left {
  margin-right: 18px;
}
.main-team form .column-right {
  margin-left: 18px;
}
.main-team label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 32px 0;
  position: relative;
}
.main-team label span.pregunta {
  color: #fff;
  font-family: Neufile Grotesk;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
}
.main-team input[type=checkbox] {
  width: 28px;
  height: 28px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 1px solid white;
  background-color: black;
  background-clip: content-box;
  padding: 3px;
  cursor: pointer;
}
.main-team input[type=checkbox]:checked {
  background-color: #faff00;
}
.main-team hr.zigzag-hr {
  position: relative;
  width: 100%;
  padding-top: 6px;
  height: 1px;
  border: 0;
}
.main-team hr.zigzag-hr:before {
  content: "";
  display: block;
  position: relative;
  top: -10px;
  height: 9px;
  background-repeat: repeat-x;
  background-size: 10px 19px;
}
.main-team hr.hr-yellow:before {
  background: linear-gradient(45deg, transparent 16px, #FAFF00 17px, transparent 15px) 0 0, linear-gradient(-45deg, transparent 16px, #FAFF00 17px, transparent 15px) 0 0;
  background-repeat: repeat-x;
  background-size: 10px 28px;
}
.main-team hr.hr-blue:before {
  background: linear-gradient(45deg, transparent 16px, #13F4EF 17px, transparent 15px) 0 0, linear-gradient(-45deg, transparent 16px, #13F4EF 17px, transparent 15px) 0 0;
  background-repeat: repeat-x;
  background-size: 10px 28px;
}
.main-team #filters-baliente {
  display: none;
}
.main-team .filters-container {
  padding-top: 32px;
  width: 100%;
}
.main-team .active-filters {
  display: flex;
  flex-wrap: wrap; /* Permite que los botones se envuelvan en múltiples líneas si no caben en una sola fila */
}
.main-team button:focus {
  outline: none;
}
.main-team button.filter-button, .main-team #clear-filters {
  color: #fff;
  padding: 16px;
  font-family: Neufile Grotesk;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 0;
  border: 2px solid #13f4ef;
  background-color: #000;
  margin-right: 16px;
  margin-bottom: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  box-sizing: border-box; /* Asegura que los márgenes se incluyan en el tamaño total */
}
.main-team #clear-filters:hover {
  background-color: #faff00;
  color: #000;
}
.main-team button.filter-button img {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.main-team .team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc((100% - 40px) / 3), 1fr));
  gap: 20px; /* Espacio entre las tarjetas */
  max-width: 1440px; /* Ancho máximo del contenedor principal */
  margin: 70px auto; /* Centra el contenedor */
}
.main-team .team-grid .team-card:nth-child(3n) {
  margin-bottom: 74px;
}
.main-team .team-card {
  text-align: center;
  width: 100%; /* Garantiza que la tarjeta ocupe el espacio disponible */
  margin-bottom: 0; /* Elimina el margen inferior entre las tarjetas */
}
.main-team .card-frame {
  position: relative;
  width: 100%;
  padding-top: 116.21%; /* Ajusta la altura en función de la proporción 442px x 514px */
  margin-bottom: 23px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
}
.main-team .card-frame img {
  filter: grayscale(100%) saturate(10000%) hue-rotate(180deg);
}
.main-team .team-card:nth-child(even) .card-frame {
  background-image: url("assets/img/team/marco-azul.png");
}
.main-team .team-card:nth-child(odd) .card-frame {
  background-image: url("assets/img/team/marco-amarillo.png");
}
.main-team .card-frame img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ajusta el tamaño de la imagen sin deformarla */
  padding: 40px;
}
.main-team .card-frame::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  mix-blend-mode: multiply;
  margin: 40px;
}
.main-team .team-card:nth-child(even) .card-frame:after {
  background-color: #FAFF00; /* Color para elementos pares */
}
.main-team .team-card:nth-child(odd) .card-frame:after {
  background-color: #13F4EF; /* Color para elementos impares */
}
.main-team .card-name {
  color: #fff;
  text-align: center;
  font-family: "swear-display", serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 33px; /* 126.923% */
}
.main-team .contact-section .gusta-container {
  position: relative;
  height: 429px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}
.main-team .contact-section .gusta-container .ball-container {
  position: absolute;
  width: 442px;
  height: 442px;
  background-image: url("assets/img/team/bola.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: spin 2s linear infinite;
}
.main-team .contact-section h2 {
  z-index: 2;
  color: #13f4ef;
  text-align: center;
  font-family: "swear-display", serif;
  font-size: 110px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px; /* 90.909% */
}
.main-team .contact-section .column-right {
  width: 40%;
}
.main-team .contact-section .column-left {
  width: 60%;
}
.main-team .contact-section .column-right h2 {
  color: #faff00;
  font-family: "swear-display", serif;
  font-size: 75px;
  font-style: normal;
  font-weight: 700;
  line-height: 72.358px;
  text-align: left;
}
.main-team .contact-section .column-right h2 a {
  color: #fff;
  color: #fff;
  text-decoration-line: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 6px;
}
.main-team .contact-section .column-left .svg-container {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.main-team .contact-container.contact-team {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.main-team .contact-section .column-left {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
}
.main-team .contact-section .column-left .pyramid-container {
  width: 183.605px;
  height: 150.015px;
  background-image: url("assets/img/team/piramide.svg");
}
.main-team .contact-section .column-left .dock-container {
  width: 218.977px;
  height: 153.367px;
  background-image: url("assets/img/team/muelle.svg");
}
.main-team .contact-section .column-left .yellow-arrow-container {
  width: 335.607px;
  height: 203.998px;
  background-image: url("assets/img/team/flecha.svg");
}
.main-team .contact-column-wrap {
  margin-bottom: 64px;
}

/* Cambios para tablet */
@media screen and (max-width: 1200px) {
  .main-team .hero-section {
    flex-flow: column;
    padding: 0 24px;
    height: auto;
  }
  .main-team .hero-section, .main-team .team-section, .main-team .contact-section {
    padding: 0 24px;
  }
  .main-team .hero-section .hero-title, .main-team .hero-section .photo-container {
    width: 100%;
  }
  .main-team .hero-section .photo-container {
    height: 485px;
  }
  .main-team .hero-section .hero-title {
    padding: 0;
  }
  .main-team .hero-section .hero-title .title-container h1 {
    width: 100%;
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    line-height: 84.818px;
  }
  .main-team .hero-section .hero-title .title-container p {
    margin-bottom: 37px;
  }
  .main-team .hero-section .photo-container {
    margin-bottom: 48px;
  }
  .main-team .team-section .filter-container .left-column h3 {
    font-size: 40px;
    line-height: 40px;
  }
  .main-team .team-section form {
    flex-flow: column;
  }
  .main-team .team-section .col {
    width: 100%;
  }
  .main-team form .column-left, .main-team form .column-right {
    margin: 0;
  }
  .main-team .team-section .filter-container .right-column {
    display: flex;
    justify-content: flex-end;
  }
  .main-team .team-section .col .hr-blue.no-mobile {
    display: none;
  }
  .main-team .contact-section .gusta-container {
    margin-bottom: 55px;
  }
  .main-team .contact-container.contact-team .dock-container {
    display: none;
  }
  .main-team .contact-container.contact-team .column-left {
    width: 50%;
  }
  .main-team .contact-container.contact-team .column-left .yellow-arrow-container {
    margin: 0 14px;
  }
  .main-team .contact-container.contact-team .column-right {
    width: 50%;
  }
  .main-team .contact-container.contact-team .column-right h2 {
    font-size: 54px;
    line-height: 58.358px;
  }
  .main-team .team-grid {
    grid-template-columns: repeat(auto-fill, minmax(calc((100% - 30px) / 2), 1fr));
  }
  .main-team .team-grid .team-card:nth-child(2n) {
    margin-bottom: 32px;
  }
}
/* Cambios para móvil */
@media screen and (max-width: 600px) {
  .main-team .hero-section, .main-team .team-section, .main-team .contact-section {
    padding: 0 15px;
  }
  .main-team .hero-section .hero-title .title-container h1 {
    font-size: 80px;
    line-height: 61.818px;
    margin-bottom: 11px;
  }
  .main-team .hero-section .hero-title .title-container p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 13px;
  }
  .main-team .hero-section .photo-container {
    margin-bottom: 0;
    height: 239px;
  }
  .main-team .filter-container {
    flex-flow: column;
  }
  .main-team .team-section .filter-container .left-column h3 {
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 17px;
  }
  .main-team .filter-container .right-column {
    width: auto;
    height: auto;
  }
  .main-team .button-container {
    width: 229.145px;
    height: 56.013px;
  }
  .main-team .button-svg {
    width: 229.145px;
    height: 56.013px;
    background-image: url("assets/img/team/boton-mobile.svg");
  }
  .main-team .button-label {
    width: 219px;
    height: 40px;
    transform: translateX(-2px) translateY(-3px);
  }
  .main-team .button-label span {
    font-size: 22px;
    line-height: initial;
  }
  .main-team .accordeon-container {
    padding-top: 31px;
  }
  .main-team label {
    margin: 24px 0;
  }
  .main-team label span.pregunta {
    font-size: 18px;
    line-height: 24px;
    width: 70%;
  }
  .main-team input[type=checkbox] {
    width: 16px;
    height: 16px;
  }
  .main-team #clear-filters, .main-team button.filter-button {
    font-size: 16px;
    line-height: 20px;
    padding: 12px;
  }
  .main-team button.filter-button img {
    width: 12px;
    height: 12px;
  }
  .main-team .filters-container {
    padding-top: 24px;
  }
  .main-team .team-grid {
    grid-template-columns: repeat(auto-fill, minmax(calc(100% - 20px), 1fr));
    margin: 36px auto;
  }
  .main-team .card-frame {
    margin-bottom: 16px;
  }
  .main-team .card-name {
    font-size: 22px;
    line-height: 30px;
  }
  .main-team .team-grid .team-card:nth-child(1n) {
    margin-bottom: 55px;
  }
  .main-team .team-grid .team-card:last-child {
    margin-bottom: 20px;
  }
  .main-team .contact-container.contact-team {
    flex-flow: column;
  }
  .main-team .contact-section .gusta-container {
    height: 264px;
  }
  .main-team .contact-section h2 {
    font-size: 70px;
    line-height: 57px;
  }
  .main-team .contact-section .column-right h2 {
    text-align: center;
  }
  .main-team .contact-section .gusta-container .ball-container {
    max-width: 265px;
    max-height: 265px;
  }
  .main-team .contact-container.contact-team .column-left, .main-team .contact-container.contact-team .column-right {
    width: 100%;
  }
  .main-team .contact-container.contact-team .column-right h2 {
    font-size: 45px;
    line-height: 45px;
  }
  .main-team .graphics-contact-work {
    width: 100%;
    max-width: 347px;
    height: 70px;
    background-image: url("assets/img/team/symbols-mobile.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .main-team .contact-section .gusta-container {
    margin-bottom: 31px;
  }
}
@media screen and (max-width: 300px) {
  .main-team {
    font-size: 16px;
  }
  .main-team .hero-section .hero-title .title-container h1 {
    font-size: 2em;
    line-height: 1em;
  }
  .main-team .team-section .filter-container .left-column h3, .main-team .button-label span, .main-team .contact-section h2, .main-team .contact-container.contact-team .column-right h2 {
    font-size: 1.6em;
    line-height: 1em;
  }
  .main-team label span.pregunta {
    font-size: 1em;
  }
  .main-team .card-name {
    font-size: 1.1em;
  }
  .main-team .team-grid .team-card:nth-child(1n) {
    margin-bottom: 1em;
  }
}
.main-tw article.article-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.main-tw .hero-photo {
  width: 100%;
  height: 50vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 96px;
}
.main-tw .hero-photo {
  display: none;
}
.main-tw section.header-work {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
}
.main-tw .file-container {
  padding: 0 96px;
}
.main-tw .file-container h2 {
  color: #fff;
  font-family: Neufile Grotesk;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  text-transform: uppercase;
}
.main-tw .file-container h1 {
  color: #fff;
  font-family: "swear-display", serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 100% */
}
.main-tw .detall-content {
  display: flex;
  flex-flow: row;
}
.main-tw .detall-content .column-left {
  width: 65%;
  padding: 48px 96px 96px 96px;
}
.main-tw .detall-content .column-right {
  width: 35%;
}
.main-tw .column-left p {
  color: #fff;
  font-family: Neufile Grotesk;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 135%; /* 43.2px */
}
.main-tw .column-right .taxonomies-container {
  margin: 48px 43px;
  color: #fff;
  font-family: Neufile Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  text-transform: lowercase;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 16px;
}
.main-tw .column-right .taxonomies-container .taxonomi {
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid #fff;
}
.main-tw .credits-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.main-tw .credits-container h2 {
  color: #faff00;
  font-family: "swear-display", serif;
  font-size: 120px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 35px;
}
.main-tw .credits-container h3 {
  color: #fff;
  text-align: center;
  font-family: Neufile Grotesk;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 1.8px;
}
.main-tw .credits-container p {
  color: #fff;
  font-family: Neufile Grotesk;
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1.8px;
  text-align: center;
}
.main-tw .credits-container em {
  font-style: italic;
}
.main-tw .credits-container img.more-works {
  width: 227px;
  height: 229px;
  animation: spin 5s linear infinite;
}
.main-tw .client-container {
  margin-bottom: 25px;
}
.main-tw .team-container {
  margin-bottom: 50px;
}

/* Cambios para móvil */
@media screen and (max-width: 600px) {
  .main-tw .hero-photo {
    height: 30vh;
    margin-bottom: 0;
  }
  .main-tw .file-container, .main-tw .column-right, .main-tw .credits-container {
    padding: 18px 18px;
  }
  .main-tw .column-right .taxonomies-container {
    margin: 0;
  }
  .main-tw .file-container h2 {
    font-size: 20px;
  }
  .main-tw .file-container h1 {
    font-size: 60px;
    line-height: 49.5px;
  }
  .main-tw .detall-content {
    flex-flow: column;
  }
  .main-tw .detall-content .column-left, .main-tw .detall-content .column-right {
    width: 100%;
  }
  .main-tw .detall-content .column-left {
    display: none;
  }
  .main-tw .column-right .taxonomies-container {
    font-size: 16px;
    line-height: 20px;
  }
  .main-tw .credits-container h2 {
    font-size: 80px;
  }
  .main-tw .credits-container h3 {
    font-size: 30px;
    line-height: 40px;
  }
  .main-tw .credits-container p {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 1.5px;
  }
  .main-tw .credits-container img.more-works {
    width: 181px;
    height: 181px;
  }
}
/* Cambios para dispositivos muy pequeños */
@media screen and (max-width: 300px) {
  .main-tw {
    font-size: 16px;
  }
  .main-tw .file-container h2 {
    font-size: 1em;
  }
  .main-tw .file-container h1, .main-tw .credits-container h2 {
    font-size: 2em;
    line-height: 1em;
  }
  .main-tw .column-right .taxonomies-container {
    font-size: 0.8em;
  }
  .main-tw .credits-container h3, .main-tw .credits-container p {
    font-size: 1em;
    line-height: 1em;
  }
}
.main-legal {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  /* Estilos para la lista no ordenada (ul) */
  /* Estilos para los elementos de lista (li) */
}
.main-legal .legal-content {
  width: 100%;
  max-width: 1440px;
  padding: 0 2em;
}
.main-legal h1, .main-legal h2, .main-legal h3, .main-legal h4, .main-legal h5, .main-legal h6 {
  color: #faff00;
  font-family: "swear-display", serif;
  font-size: 2em;
  margin: 40px 0 20px 0;
  font-weight: 700;
  text-align: left;
}
.main-legal p, .main-legal ul, .main-legal li, .main-legal table {
  font-family: Neufile Grotesk;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3em; /* 133.333% */
  margin-bottom: 10px;
}
.main-legal ul {
  margin-top: 1em; /* Márgen superior */
  margin-bottom: 1em; /* Márgen inferior */
  padding-left: 2empx; /* Relleno en el lado izquierdo */
  list-style-type: disc; /* Tipo de marcador (punto redondo) */
}
.main-legal li {
  margin-top: 0.5em; /* Márgen superior */
  margin-bottom: 0.5em; /* Márgen inferior */
}
.main-legal strong, .main-legal b {
  font-weight: bold;
}
.main-legal a {
  color: #13f4ef;
}

/* Estilos para dispositivos móviles con pantallas pequeñas */
@media screen and (max-width: 796px) {
  .main-legal {
    font-size: 16px;
  }
  .main-legal .legal-content {
    padding: 0 1em;
  }
  .main-legal table {
    width: 100%;
    overflow-x: auto;
    display: block;
  }
  .main-legal table thead {
    display: none;
  }
  .main-legal table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #ddd;
  }
  .main-legal table td {
    display: block;
    text-align: left;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
  }
  .main-legal table td:last-child {
    border-bottom: 0;
  }
  .main-legal table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
}
.main-404 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50vh;
}
.main-404 section.error-container {
  max-width: 1440px;
  margin: 64px;
}
.main-404 .message-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-404 .text-container {
  width: 70%;
  height: 100%;
}
.main-404 .image-container {
  width: 30%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-404 .image-container img {
  width: 339px;
  height: 339px;
}
.main-404 .image-container img {
  width: 339px;
  height: 339px;
}
.main-404 .message-container h1 {
  font-family: swear-display-cilati, sans-serif;
  font-size: 8vw;
  line-height: 8.5vw;
  color: #13f4ef;
}
.main-404 .message-container h2 {
  font-family: "swear-display", serif;
  font-size: 3vw;
  font-weight: bold;
  color: #fff;
}
.main-404 .message-container p {
  font-family: Neufile Grotesk;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px; /* 160% */
  color: #fff;
}
.main-404 .message-container h1, .main-404 .message-container h2, .main-404 .message-container p {
  margin-bottom: 20px;
}
.main-404 .message-container button {
  font-family: swear-display-cilati, sans-serif;
  font-size: 3vw;
  font-weight: bold;
  color: #fff;
  border: 1px solid #faff00;
  border-radius: initial;
}
.main-404 .message-container button:hover {
  background-color: #faff00;
  color: black;
}

/* Estilos para dispositivos móviles con pantallas pequeñas */
@media screen and (max-width: 600px) {
  .main-404 section.error-container {
    margin: 18px;
  }
  .main-404 .text-container {
    width: 100%;
  }
  .main-404 .image-container {
    display: none;
  }
  .main-404 .message-container h1 {
    font-size: 9vw;
    list-style: 9.5vw;
  }
  .main-404 .message-container h2 {
    font-size: 7vw;
    list-style: 7.5vw;
  }
  .main-404 .message-container p {
    font-size: 19px;
    line-height: 23px;
  }
  .main-404 .message-container button {
    font-size: 5vw;
    line-height: 5.5vw;
  }
}
footer#colophon {
  display: flex;
  justify-content: center;
  max-width: initial;
  width: 100%;
}

footer#colophon h2 {
  font-family: "swear-display", serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 87.5% */
  color: #fff;
}
footer#colophon h2 span {
  font-family: swear-display-cilati, sans-serif;
  color: #faff00;
  -webkit-text-decoration: 2px underline;
          text-decoration: 2px underline;
}
footer#colophon h2 span a {
  color: #faff00;
}
footer#colophon .site-info-container {
  padding: 0 64px;
  max-width: 1440px;
}
footer#colophon .row1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
footer#colophon .row1:last-child {
  margin-bottom: 32px;
}
footer#colophon .claim-container, footer#colophon .address-container, footer#colophon .social-container {
  flex: 1;
}
footer#colophon .claim-container {
  text-align: left;
}
footer#colophon .address-container {
  font-family: Neufile Grotesk;
  display: flex;
  justify-content: center;
  color: #fff;
  text-align: left;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 130% */
}
footer#colophon .social-container {
  display: flex;
  justify-content: end;
}
footer#colophon .social-container ul a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 18px;
}
footer#colophon .social-container ul a:nth-of-type(2) {
  align-items: end;
}
footer#colophon .social-container ul li img, footer#colophon .social-container ul li {
  display: inline-block;
}
footer#colophon .social-container ul a img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
footer#colophon .social-container ul a li, footer#colophon #footer-menu-container a {
  color: #fff;
  font-family: Neufile Grotesk;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
}
footer#colophon .social-container ul a li:hover {
  color: #faff00;
}
footer#colophon #footer-menu-container a {
  color: #fff;
}
footer#colophon #footer-menu-container a:hover {
  color: #faff00;
}
footer#colophon #footerlaw ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
footer#colophon #footerlaw li {
  float: left;
}
footer#colophon #footerlaw li a {
  display: block;
  color: white;
  text-align: center;
  padding-right: 16px;
  text-decoration: none;
}

/* Estilos para tablets */
@media screen and (max-width: 1200px) {
  footer#colophon .row1 {
    flex-flow: column;
  }
  footer#colophon .claim-container, footer#colophon .address-container, footer#colophon .row1 {
    margin-bottom: 32px;
  }
  footer#colophon .address-container, footer#colophon .social-container {
    justify-content: left;
  }
  footer#colophon .social-container {
    display: flex;
    text-align: initial;
  }
  footer#colophon .social-container ul {
    display: flex;
    flex-flow: row;
  }
  footer#colophon .social-container ul a {
    margin-right: 16px;
  }
}
/* Cambios para móvil */
@media screen and (max-width: 600px) {
  footer#colophon .site-info-container {
    padding: 0 18px;
  }
  footer#colophon h2 {
    font-size: 32px;
    line-height: 32px;
  }
  footer#colophon #footerlaw li {
    float: none;
  }
  footer#colophon #footerlaw li a {
    display: initial;
  }
}/*# sourceMappingURL=style.css.map */