/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.7.1_webpack@5.73.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.14_webpack@5.73.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.52.2_webpack@5.73.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/sass/app.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Helper functions */
/* Default values fab-unit 🪄 */
/* Magic function fab-unit 🪄 */
@container (width > 600 px) {}

*, *:before, *:after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

img, picture, svg, video {
  display: block;
  max-width: 100%;
}

body {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.admin-bar {
  min-height: calc(100vh - 46px);
}
@media only screen and (min-width: 782px) {
  body.admin-bar {
    min-height: calc(100vh - 32px);
  }
}

strong {
  font-weight: bold;
}

.cabeceraPrincipal {
  background: var(--fondo-de-cabecera);
  padding-block: var(--padding-cabecera);
  padding-inline: var(--padding);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.cabeceraPrincipal a {
  color: currentColor;
}

.cabeceraPrincipal__logo {
  font-size: 3.2rem;
  margin-inline-end: auto;
}

.cabeceraPrincipal__logo a {
  text-decoration: none;
  transition: 128ms font-weight;
}
.cabeceraPrincipal__logo a:hover {
  font-weight: 700;
}

.cabeceraPrincipal__titulo {
  font-size: 1.45rem;
  font-weight: 500;
  margin-block-start: 1em;
  line-height: 1;
}

.cabeceraPrincipal__verMenu button {
  border: 0;
  background: transparent;
  padding: 0;
  color: currentColor;
}

@media only screen and (max-width: calc(48rem - 1px)) {
  .cabeceraPrincipal {
    margin-block-end: 2em;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-rows: max-content;
  }
  .cabeceraPrincipal__titulo {
    grid-column: 1/-1;
    grid-row: 2;
  }
}
@media only screen and (min-width: 48rem) {
  .cabeceraPrincipal__titulo {
    font-size: 1em;
    margin-inline: 1em;
    margin-block: 0 0.5em;
  }
}
p:not(:last-child) {
  margin-block-end: 1em;
}

h1, h2, h3, h4, h6 {
  font-family: "Fira Mono", sans-serif;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

@media only screen and (min-width: 48rem) {
  .alignleft,
.alignright {
    margin-bottom: max(2rem, min(4vw, 3rem));
  }
  .alignleft {
    float: left;
    margin-right: max(2.6666666667rem, min(5.33vw, 4rem));
  }
  .alignright {
    float: right;
    margin-left: max(2.6666666667rem, min(5.33vw, 4rem));
  }
}
.screen-reader-text {
  position: absolute;
  left: -999em;
}

@font-face {
  font-family: "Fira Mono";
  src: url(/wp-content/themes/treats/build/fonts/FiraMono-Medium.411cc18f.woff2) format("woff2"), url(/wp-content/themes/treats/build/fonts/FiraMono-Medium.abd22b6e.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Mono";
  src: url(/wp-content/themes/treats/build/fonts/FiraMono-Regular.3a683a64.woff2) format("woff2"), url(/wp-content/themes/treats/build/fonts/FiraMono-Regular.0415822e.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Mono";
  src: url(/wp-content/themes/treats/build/fonts/FiraMono-Bold.b3044654.woff2) format("woff2"), url(/wp-content/themes/treats/build/fonts/FiraMono-Bold.952537b9.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-acentos: #000;
  --tipografia-titulo: Fira Mono, sans-serif;
  --tipografia-texto: Fira Mono, sans-serif;
  --alto-de-linea: 1.5;
  --tamano-del-texto: 20;
  --color-del-texto: #000;
  --color-de-fondo: #fff;
  --ancho: 64rem;
  --fondo-de-menu: #fff;
  --texto-de-menu: #000;
  --fondo-de-cabecera: transparent;
  --texto-de-cabecera: #000;
  --padding-cabecera: max(0.5rem, min(2.13vw, 1.6rem));
  --padding: max(0.8rem, min(2.67vw, 2rem));
}

html {
  color: var(--color-del-texto);
  background: var(--color-de-fondo);
  font-family: var(--tipografia-texto);
  font-size: 125%;
  font-weight: 400;
  line-height: var(--alto-de-linea);
  scroll-padding-top: 120px;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  letter-spacing: -0.02em;
  overflow-y: scroll;
  min-height: 100svh;
}

img {
  max-width: 100%;
  height: auto;
}

.contenedor-video {
  clear: both;
  position: relative;
  padding-bottom: 56.25%;
  display: block;
}
.contenedor-video > * {
  position: absolute;
  width: 100%;
  height: 100%;
}

p:not(:last-child) {
  margin-block-end: 1em;
}

h1, h2, h3, h4, h6 {
  font-family: "Fira Mono", sans-serif;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

@media only screen and (min-width: 48rem) {
  .alignleft,
.alignright {
    margin-bottom: max(2rem, min(4vw, 3rem));
  }
  .alignleft {
    float: left;
    margin-right: max(2.6666666667rem, min(5.33vw, 4rem));
  }
  .alignright {
    float: right;
    margin-left: max(2.6666666667rem, min(5.33vw, 4rem));
  }
}
.screen-reader-text {
  position: absolute;
  left: -999em;
}

.contenedor {
  flex: 1 0 auto;
}

.js .preload * {
  transition: none !important;
}

body.con-raton button,
body.con-raton div {
  outline: none;
}

.animado {
  transition: 0.5s;
}

.animaciones .animado:not(.is-visible) {
  opacity: 0;
  transform: translateY(50px);
}

@media (prefers-reduced-motion) {
  .animado {
    transition: none;
  }
}
#menu {
  transition: 0.3s;
  display: grid;
  grid-template-rows: 1fr max-content 1fr;
  position: fixed;
  inset: 0;
  background: var(--fondo-de-menu);
  color: var(--texto-de-menu);
  z-index: 1000;
}
#menu[aria-hidden=true] {
  opacity: 0;
  pointer-events: none;
}
.admin-bar #menu {
  top: 32px;
}

.menu__cabecera {
  padding-top: var(--padding-cabecera);
  padding-bottom: var(--padding-cabecera);
  margin-inline: var(--padding);
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: start;
}

.menu__logo {
  font-size: 3.2rem;
  visibility: hidden;
}

.menu__cerrar button {
  border: 0;
  background: transparent;
  padding: 0;
  transform: rotate(45deg);
}

.menu__menu {
  padding-inline: var(--padding);
  align-self: center;
  grid-row: 2;
}

.menu__menu ul {
  font-size: max(1.3rem, min(2.4vw, 1.8rem));
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}

.menu__menu a {
  color: currentColor;
  text-decoration: none;
}

.page-template-template-bookings {
  color: #fff;
  background: #000;
}

.bookings__content {
  padding-inline: var(--padding);
}
.bookings__content a {
  color: currentColor;
  transition: 0.3s;
}
.bookings__content a:not(:hover):not(:focus) {
  background: #fff;
  transition-delay: 2s;
}

.bookings__image :where(img, video) {
  width: 100%;
}

@media only screen and (max-width: calc(48rem - 1px)) {
  .bookings__content {
    margin-block-end: 2em;
  }
}
@media only screen and (min-width: 48rem) {
  .bookings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
  }
  .bookings__image {
    grid-row: 2;
    grid-column: 2;
  }
}
.about {
  padding-inline: var(--padding);
}

.clients {
  display: grid;
  padding-inline: var(--padding);
  grid-gap: 2.5em;
}

.clients__box {
  flex-wrap: wrap;
  gap: 0 0.5em;
}

.clients__title {
  margin-inline-end: 1em;
  display: inline;
}

.client {
  display: inline;
  margin-inline-end: 0.5em;
}

.client span {
  transition: background 0.5s ease;
  cursor: pointer;
}

.client:not(.is-visible):not(.is-permanent) span {
  background: currentColor;
}

@media only screen and (max-width: calc(48rem - 1px)) {
  .clients {
    font-size: 0.75rem;
  }
  .clients__title {
    font-weight: bold;
  }
}
@media only screen and (min-width: 48rem) {
  .clients {
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
  .clients__title {
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 64rem) {
  .clients {
    grid-template-columns: 1fr repeat(2, 412px);
  }
  .companies {
    grid-column: 2;
  }
}
.projects {
  padding-inline: var(--padding);
}

.projects__title {
  text-transform: uppercase;
}

.project {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
  margin-block: 0.5em;
  margin-inline-end: 1em;
  transition: 0.5s;
}

.project.is-active {
  cursor: none;
}

.project__product {
  font-weight: bold;
  color: currentColor;
}
.project__product:not(:hover) {
  text-decoration: none;
}

.project__title:before,
.project__title:after {
  content: "“";
}

.project__author:before {
  content: "|";
  margin-inline-end: 0.5em;
}

.video-grande {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  isolation: isolate;
  transition: opacity 0.5s;
  z-index: 2000;
  left: 0;
  right: 0;
  bottom: 1em;
}
.video-grande:before {
  content: "";
  display: block;
  position: fixed;
  inset: 0;
  z-index: -1;
}
.video-grande.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.video-grande > iframe {
  width: min(80vw, 1280px);
}
.video-grande > video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media only screen and (max-width: calc(48rem - 1px)) {
  .projects {
    font-size: 0.75rem;
  }
  .projects__title {
    display: none;
  }
  .video-grande video {
    max-width: 100% !important;
  }
  .video-peque {
    display: none;
  }
}
@media only screen and (min-width: 64rem) {
  .projects__title {
    margin-inline-end: 2em;
  }
  .projects__title, .project, .project > * {
    display: inline;
    line-height: 1.75;
  }
  .video-peque {
    position: absolute;
    width: 80%;
    height: 80%;
    max-width: 640px;
    max-height: 360px;
    left: var(--left, 50%);
    top: var(--top, 50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
  }
  .video-grande {
    left: var(--left);
    right: 0;
    bottom: 0;
    top: var(--top);
  }
}
.page-template-template-home .cabeceraPrincipal {
  margin-block-end: 0;
}

.page-template-template-home .cabeceraPrincipal {
  position: fixed;
  left: 0;
  right: 0;
}
.page-template-template-home .cabeceraPrincipal__logo,
.page-template-template-home .cabeceraPrincipal__verMenu {
  position: absolute;
}
.page-template-template-home .cabeceraPrincipal__logo {
  left: var(--padding);
  top: var(--padding-cabecera);
}
.page-template-template-home .cabeceraPrincipal__verMenu {
  right: var(--padding);
  top: calc(var(--padding-cabecera) + 32px);
}

.mobile-video {
  position: relative;
  padding-block-end: 177.7777777778%;
}
.mobile-video video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: calc(48rem - 1px)) {
  .boxes {
    display: none;
  }
}
@media only screen and (min-width: 48rem) {
  .page-template-template-home {
    height: 100svh;
  }
  div.home {
    height: 100svh;
    height: 100vh;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
            user-select: none;
  }
  .admin-bar div.home {
    height: calc(100dvh - 32px);
    height: calc(100vh - 32px);
  }
  .fotos__grande__descripcion {
    transform: translateX(3em) rotateZ(-8.08deg) translateY(-2em);
  }
  .mobile-video {
    display: none;
  }
  .boxes {
    display: grid;
    --tamano: max(10rem, min(26.67vw, 20rem));
    grid-template-columns: repeat(auto-fit, minmax(var(--tamano), 1fr));
    grid-template-rows: max-content;
    isolation: isolate;
    min-height: 100dvh;
    min-height: 100vh;
  }
  .box :where(img, video) {
    filter: none;
    transform: none;
    transition: var(--transicion);
    transition-delay: var(--retraso);
    width: auto;
    max-width: 60vmin;
    height: auto;
    pointer-events: none;
    position: relative;
  }
}

/*# sourceMappingURL=app.cca144fd.css.map*/