@media only screen and (min-width: 0rem) {:root {--primary: #fcf8f9;--secondary: #c11513;--headerColor: #030303;--bodyTextColor: #030303;--smooth: rgba(3, 3, 3, 0.7);--topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);--headerFontSize: clamp(1.9375rem, 3.9vw, 3.0625rem);--bodyFontSize: 1rem;--sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem;}.cs-topper {display: block;margin-bottom: 0.25rem;text-transform: uppercase;letter-spacing: 0.1em;font-size: var(--topperFontSize);line-height: 1.2em;font-weight: 700;color: var(--primary);text-align: inherit;}.cs-title {position: relative;margin: 0 0 1rem 0;max-width: 43.75rem;font-size: var(--headerFontSize);line-height: 1.2em;font-weight: 900;color: var(--headerColor);text-align: inherit;}.cs-text {margin: 0;max-width: 40.625rem;width: 100%;font-size: var(--bodyFontSize);line-height: 1.5em;color: var(--bodyTextColor);text-align: inherit;}.cs-hide-on-mobile {display: none;}}@media only screen and (min-width: 64rem) {.cs-hide-on-mobile {display: block;}.cs-hide-on-desktop {display: none;}}@media only screen and (min-width: 0rem) {body, html {background-color: var(--primary);margin: 0;overflow-x: hidden;padding: 0;font-family: "Urbanist", Arial, sans-serif;font-size: 100%;color: var(--bodyTextColor);}*, *:before, *:after {margin: 0;box-sizing: border-box;padding: 0;}body {transition: background-color 0.3s;}.container {position: relative;margin: auto;width: 92%;}h1, h2, h3, h4, h5, h6 {margin: 0;color: var(--headerColor);}p, li, a {margin: 0;font-size: 1rem;line-height: 1.5em;}p, li {color: #353535;}a:hover, button:hover {cursor: pointer;}.skip {z-index: -1111111;position: absolute;top: 0;left: 0;opacity: 0;}@font-face {font-display: swap;font-family: "Urbanist";font-style: normal;font-weight: 400;src: url("/assets/fonts/urbanist-v18-latin-regular.woff2") format("woff2");}@font-face {font-display: swap;font-family: "Urbanist";font-style: normal;font-weight: 500;src: url("/assets/fonts/urbanist-v18-latin-500.woff2") format("woff2");}@font-face {font-display: swap;font-family: "Urbanist";font-style: normal;font-weight: 600;src: url("/assets/fonts/urbanist-v18-latin-600.woff2") format("woff2");}@font-face {font-display: swap;font-family: "Urbanist";font-style: normal;font-weight: 700;src: url("/assets/fonts/urbanist-v18-latin-700.woff2") format("woff2");}}@media only screen and (min-width: 1024px) {body, html {margin: 0;padding: 0;}}@media only screen and (min-width: 3000px) {body, html {font-size: 0.55vw;}}@media only screen and (min-width: 0rem) {.button-paint {z-index: 12;text-decoration: none;white-space: nowrap;font-family: "Urbanist", Arial, sans-serif;height: 50px;position: relative;border-radius: 1.5625rem;cursor: pointer;border: none;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);background: var(--secondary);display: inline-flex;justify-content: center;align-items: center;gap: 0.75rem;padding-left: 2rem;padding-right: 2rem;}.button-paint .text {position: relative;color: white;font-weight: bold;font-size: 1.0625rem;}.button-paint .icon {position: relative;left: 0;display: flex;align-items: center;transform: translateX(0);transition: left 0.4s ease-in-out, transform 0.4s ease-in-out;justify-content: center;}.button-paint .icon svg {width: 25px;}.button-paint:hover .text {color: transparent;}.button-paint:hover .icon {left: 50%;transform: translateX(-50%);}.button-paint:focus {outline: none;}.button-paint:active .icon svg {transform: scale(0.8);}}@media only screen and (min-width: 0rem) {.wrapper {position: relative;display: inline-block;}.close-btn {position: absolute;top: 6px;right: 8px;background: transparent;border: none;font-size: 22px;cursor: pointer;}#fixed-buttons {position: fixed;right: 5%;bottom: 5%;display: flex;flex-direction: column;gap: 1rem;z-index: 23;}#fixed-buttons .whatsapp-container {display: flex;flex-direction: column;}#fixed-buttons .balloon {background-color: var(--primary);box-shadow: 1px 1px 1px 1px var(--smooth);display: none;position: absolute;bottom: 103%;left: -90%;transform: translateX(-50%);text-align: center;width: 180px;padding: 12px 24px;background: white;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);font-size: 14px;z-index: 24;}#fixed-buttons .balloon::after {content: "";position: absolute;top: 100%;left: 90%;transform: translateX(-50%);border-width: 8px;border-style: solid;border-color: white transparent transparent transparent;}#fixed-buttons #phone {transform-box: fill-box;transform-origin: center;}#fixed-buttons #phone:hover {animation: ring 0.6s infinite ease-in-out;}@keyframes ring {0% {transform: rotate(0deg);}15% {transform: rotate(14deg);}30% {transform: rotate(-14deg);}45% {transform: rotate(12deg);}60% {transform: rotate(-12deg);}75% {transform: rotate(4deg);}90% {transform: rotate(-4deg);}100% {transform: rotate(0deg);}}#fixed-buttons .contact-link {background-color: var(--secondary);height: 3rem;width: 3rem;position: relative;border-radius: 0.5rem;}#fixed-buttons .contact-link img, #fixed-buttons .contact-link svg {position: absolute;transform: translate(-50%, -50%);left: 50%;top: 50%;height: 80%;width: 80%;}#fixed-buttons .contact-link.whatsapp {animation: pulse 1.5s infinite;box-shadow: 0 0 0 0 rgba(193, 21, 19, 0.5);}#fixed-buttons .contact-link.whatsapp:hover {animation: none;}#fixed-buttons.user-hovering .contact-link.whatsapp {animation: none;}@keyframes pulse {0% {transform: scale(0.9);}70% {transform: scale(1);box-shadow: 0 0 0 50px rgba(193, 21, 19, 0);}100% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(193, 21, 19, 0);}}}@media only screen and (min-width: 64rem) {#fixed-buttons {position: fixed;right: 2%;bottom: 5%;display: flex;flex-direction: column;gap: 1rem;z-index: 23;}#fixed-buttons .contact-link {background-color: var(--secondary);height: 3rem;width: 3rem;position: relative;border-radius: 0.5rem;}#fixed-buttons .contact-link img {position: absolute;transform: translate(-50%, -50%);left: 50%;top: 50%;height: 80%;width: 80%;}}@media only screen and (max-width: 63.9375rem) {body.cs-open {overflow: hidden;}#cs-navigation {z-index: 10000;position: fixed;background-color: #fff;width: 100%;box-sizing: border-box;padding: 0.75rem calc(16 / 16 * 1rem);font-family: "Urbanist", "Arial", sans-serif;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}#cs-navigation .cs-container {display: flex;justify-content: flex-end;align-items: center;width: 100%;}#cs-navigation .cs-logo {z-index: 10;display: flex;justify-content: center;align-items: center;margin: 0 auto 0 0;height: 100%;max-width: 5.375rem;width: 25%;box-sizing: border-box;padding: 0;}#cs-navigation .cs-logo img {height: 100%;width: 100%;object-fit: contain;object-position: left;}#cs-navigation .cs-toggle {display: flex;justify-content: center;align-items: center;border: none;border-radius: 0.25rem;margin: 0 0 0 auto;background-color: transparent;height: clamp(2.75rem, 6vw, 3rem);width: clamp(2.75rem, 6vw, 3rem);}#cs-navigation .cs-active .cs-line1 {top: 50%;transform: translate(-50%, -50%) rotate(225deg);}#cs-navigation .cs-active .cs-line2 {top: 50%;transform: translate(-50%, -50%) translateY(0) rotate(-225deg);transform-origin: center;}#cs-navigation .cs-active .cs-line3 {bottom: 100%;opacity: 0;}#cs-navigation .cs-box {position: relative;height: clamp(0.875rem, 1.5vw, 1rem);width: clamp(1.5rem, 2vw, 1.75rem);}#cs-navigation .cs-line {position: absolute;left: 50%;transform: translateX(-50%);border-radius: 2px;background-color: #1a1a1a;height: 2px;width: 100%;}#cs-navigation .cs-line1 {top: 0;transition: transform 0.5s, top 0.3s, left 0.3s;animation-duration: 0.7s;animation-timing-function: ease;animation-direction: normal;animation-fill-mode: forwards;transform-origin: center;}#cs-navigation .cs-line2 {top: 50%;transform: translateX(-50%) translateY(-50%);transition: top 0.3s, left 0.3s, transform 0.5s;animation-duration: 0.7s;animation-timing-function: ease;animation-direction: normal;animation-fill-mode: forwards;}#cs-navigation .cs-line3 {bottom: 0;transition: bottom 0.3s, opacity 0.3s;}#cs-navigation .cs-ul-wrapper {display: flex;flex-direction: column;z-index: -1;position: absolute;top: 100%;left: auto;right: 0;opacity: 0;visibility: hidden;transform: scaleX(0);background-color: #fff;height: 100vh;overflow: hidden;transition: transform 0.4s, opacity 0.3s;box-shadow: inset rgba(0, 0, 0, 0.2) 0px 8px 24px;transform-origin: top right;padding: 3rem clamp(1.75rem, 3vw, 2.5rem) calc(32 / 16 * 1rem) calc(70 / 16 * 1rem);gap: 1rem;}#cs-navigation .cs-ul {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-end;margin: 0;min-width: 40%;width: auto;overflow: scroll;gap: 1.25rem;}#cs-navigation .cs-li {opacity: 0;transform: translateX(calc(-40 / 16 * 1rem));margin-right: 0;width: 100%;list-style: none;transition: transform 0.6s, opacity 0.9s;text-align: right;}#cs-navigation .cs-li:nth-of-type(1) {transition-delay: 0.05s;}#cs-navigation .cs-li:nth-of-type(2) {transition-delay: 0.1s;}#cs-navigation .cs-li:nth-of-type(3) {transition-delay: 0.15s;}#cs-navigation .cs-li:nth-of-type(4) {transition-delay: 0.2s;}#cs-navigation .cs-li:nth-of-type(5) {transition-delay: 0.25s;}#cs-navigation .cs-li:nth-of-type(6) {transition-delay: 0.3s;}#cs-navigation .cs-li:nth-of-type(7) {transition-delay: 0.35s;}#cs-navigation .cs-li:nth-of-type(8) {transition-delay: 0.4s;}#cs-navigation .cs-li:nth-of-type(9) {transition-delay: 0.45s;}#cs-navigation .cs-li-link {position: relative;display: inline-block;margin: 0;text-decoration: none;font-size: clamp(1rem, 2.5vw, 1.5rem);line-height: 1.2em;color: var(--headerColor);}#cs-navigation .cs-li-link:before {position: absolute;bottom: calc(-2 / 16 * 1rem);left: 0;content: "";opacity: 1;display: none;background: currentColor;height: 1px;width: 100%;}#cs-navigation .cs-li-link.cs-active:before {display: block;}#cs-navigation .cs-button-solid {display: none;}#cs-navigation:before {z-index: -11;position: absolute;top: 100%;right: 0;content: "";opacity: 0;display: block;background: rgba(0, 0, 0, 0.6);height: 100vh;width: 0%;transition: width 0.5s, opacity 0.3s;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}#cs-navigation.cs-active .cs-ul-wrapper {opacity: 1;visibility: visible;transform: scaleX(1);transition-delay: 0.2s;}#cs-navigation.cs-active .cs-li {opacity: 1;transform: translateX(0);}#cs-navigation.cs-active:before {opacity: 1;width: 100%;}}@media only screen and (max-width: 63.9375rem) {#cs-navigation .cs-dropdown {position: relative;color: var(--bodyTextColorWhite);}#cs-navigation .cs-dropdown .cs-li-link {position: relative;transition: opacity 0.3s;}#cs-navigation .cs-dropdown.cs-active .cs-drop-ul {visibility: visible;opacity: 1;transform: scale(1);margin: 0.75rem 0 0 0;height: auto;padding: 1.5rem;}#cs-navigation .cs-dropdown.cs-active .cs-drop-link {opacity: 1;}#cs-navigation .contact-list.desktop {display: none;}#cs-navigation .contact-list {display: flex;justify-content: center;gap: 1rem;}#cs-navigation .contact-list .contact-item {list-style: none;}#cs-navigation .cs-dropdown-button {border: none;background-color: transparent;font-family: inherit;font-size: clamp(1rem, 2.5vw, 1.5rem);cursor: pointer;appearance: none;}#cs-navigation .cs-drop-icon {position: absolute;top: 50%;right: calc(-20 / 16 * 1rem);transform: translateY(-50%);height: auto;width: 0.9375rem;}#cs-navigation .cs-drop-ul {visibility: hidden;opacity: 0;transform: scale(0);display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-end;margin: 0;background-color: var(--primary);height: 0;width: 100%;box-sizing: border-box;overflow: hidden;padding: 0 1.5rem 0 calc(24 / 16 * 1rem);transition: padding 0.3s, margin 0.3s, height 0.3s, opacity 0.3s, transform 0.3s, visibility 0.3s;gap: 0.75rem;transform-origin: top right;}#cs-navigation .cs-drop-li {list-style: none;text-align: inherit;}#cs-navigation .cs-li-link.cs-drop-link {font-size: clamp(0.875rem, 2vw, 1.25rem);color: #fff;}}@media only screen and (min-width: 64rem) {#cs-navigation .contact-list.mobile {display: none;}#cs-navigation .contact-list {display: flex;justify-content: center;gap: 1rem;}#cs-navigation .contact-list .contact-item {list-style: none;}#cs-navigation .cs-dropdown {position: relative;}#cs-navigation .cs-dropdown.cs-active, #cs-navigation .cs-dropdown:hover {cursor: pointer;}#cs-navigation .cs-dropdown.cs-active .cs-drop-ul, #cs-navigation .cs-dropdown:hover .cs-drop-ul {visibility: visible;opacity: 1;transform: scaleY(1);}#cs-navigation .cs-dropdown.cs-active .cs-drop-li, #cs-navigation .cs-dropdown:hover .cs-drop-li {opacity: 1;transform: translateY(0);}#cs-navigation .cs-dropdown-button {border: none;background-color: transparent;font-family: inherit;font-size: inherit;cursor: pointer;appearance: none;}#cs-navigation .cs-drop-icon {display: inline-block;height: auto;width: 0.9375rem;}#cs-navigation .cs-drop-ul {z-index: -100;position: absolute;top: 100%;visibility: hidden;opacity: 0;transform: scaleY(0);border-bottom: 5px solid var(--primary);margin: 0;background-color: #fff;min-width: 12.5rem;overflow: hidden;padding: 0;transition: transform 0.3s, visibility 0.3s, opacity 0.3s;box-shadow: rgba(149, 157, 165, 0.2) 0px 10px 16px;transform-origin: top;}#cs-navigation .cs-drop-li {opacity: 0;transform: translateY(calc(-10 / 16 * 1rem));display: block;height: auto;width: 100%;list-style: none;text-decoration: none;font-size: 1rem;color: var(--bodyTextColor);transition: opacity 0.6s, transform 0.6s;}#cs-navigation .cs-drop-li:nth-of-type(1) {transition-delay: 0.05s;}#cs-navigation .cs-drop-li:nth-of-type(2) {transition-delay: 0.1s;}#cs-navigation .cs-drop-li:nth-of-type(3) {transition-delay: 0.15s;}#cs-navigation .cs-drop-li:nth-of-type(4) {transition-delay: 0.2s;}#cs-navigation .cs-drop-li:nth-of-type(5) {transition-delay: 0.25s;}#cs-navigation .cs-drop-li:nth-of-type(6) {transition-delay: 0.3s;}#cs-navigation .cs-drop-li:nth-of-type(7) {transition-delay: 0.35s;}#cs-navigation .cs-drop-li:nth-of-type(8) {transition-delay: 0.4s;}#cs-navigation .cs-drop-li:nth-of-type(9) {transition-delay: 0.45s;}#cs-navigation .cs-drop-li:nth-of-type(10) {transition-delay: 0.5s;}#cs-navigation .cs-drop-li:nth-of-type(11) {transition-delay: 0.55s;}#cs-navigation .cs-drop-li:nth-of-type(12) {transition-delay: 0.6s;}#cs-navigation .cs-drop-li:nth-of-type(13) {transition-delay: 0.65s;}#cs-navigation .cs-li-link.cs-drop-link {display: block;width: 100%;box-sizing: border-box;padding: 0.75rem;white-space: nowrap;text-decoration: none;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColor);transition: color 0.3s, background-color 0.3s;}#cs-navigation .cs-li-link.cs-drop-link:hover {background-color: #f7f7f7;}#cs-navigation .cs-li-link.cs-drop-link:focus-visible {outline: 2px solid currentColor;outline-offset: -4px;}#cs-navigation .cs-li-link.cs-drop-link:before {display: none;}}@media only screen and (min-width: 64rem) {#cs-navigation {z-index: 10000;position: fixed;background-color: #fff;width: 100%;box-sizing: border-box;padding: 0 1rem;font-family: "Urbanist", "Arial", sans-serif;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}#cs-navigation .cs-container {display: flex;justify-content: space-between;align-items: center;margin: auto;max-width: 80rem;width: 100%;gap: 1.5rem;}#cs-navigation .cs-toggle {display: none;}#cs-navigation .cs-logo {z-index: 100;display: flex;justify-content: center;align-items: center;margin: 0;height: 4.0625rem;max-width: 21.875rem;width: 7.8125rem;padding: 0;}#cs-navigation .cs-logo img {height: 100%;width: 100%;object-fit: contain;}#cs-navigation .contact-list {display: flex;justify-content: center;align-items: center;gap: 1rem;}#cs-navigation .contact-list .contact-item {list-style: none;}#cs-navigation .contact-list .contact-item img {width: 2rem;height: 2rem;}#cs-navigation .cs-ul {display: flex;justify-content: flex-start;align-items: center;margin: 0;width: 100%;padding: 0;gap: clamp(1.25rem, 2.6vw, 2.25rem);}#cs-navigation .cs-li {padding: 2rem 0;list-style: none;font-weight: 500;flex: none;}#cs-navigation .cs-li-link {position: relative;display: block;margin: 0;text-decoration: none;font-size: clamp(1.275rem, 1.5vw, 1.3rem);line-height: 1.5em;color: var(--bodyTextColor);}#cs-navigation .cs-li-link.cs-active {color: var(--secondary);font-weight: 700;}}@media only screen and (min-width: 0rem) {#int-hero {z-index: 1;position: relative;margin-top: 120px;display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 30vh;padding-top: 9.375rem;}#int-hero picture {z-index: -2;position: absolute;filter: blur(2px);top: 0;left: 0;height: 100%;width: 100%;border-radius: 1.375rem;}#int-hero picture img {border-radius: 1.375rem;position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#int-hero h1 {margin: 0 auto;max-width: 31.25rem;width: 96%;font-size: 2.75rem;color: #fff;text-align: center;margin: 0;position: absolute;top: 50%;transform: translateY(-50%);}#int-hero p {display: block;margin: auto;margin-bottom: 1.875rem;max-width: 25rem;width: 96%;color: #fff;text-align: center;}#int-hero:before {border-radius: 1.375rem;z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0.2;display: block;background: #030303;height: 100%;width: 100%;}}@media only screen and (min-width: 48rem) {#int-hero {width: 90%;font-size: 100%;margin-top: 8.125rem;left: 50%;transform: translateX(-50%);}#int-hero h1 {margin: 0;position: absolute;top: 50%;transform: translateY(-50%);font-size: 3.375rem;}}@media only screen and (min-width: 64rem) {#int-hero {margin-top: 9.375rem;width: 90%;background-attachment: fixed;min-height: 25rem;height: auto;font-size: inherit;}}@media only screen and (min-width: 0rem) {#cta {position: relative;padding: 3.125rem 0;}#cta .container {text-align: center;}#cta picture {z-index: -2;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}#cta picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#cta .title {position: relative;margin-bottom: 2.25rem;font-size: min(9vw, 3rem);line-height: 1.20833333em;font-weight: 900;color: #fff;text-align: center;}#cta p {opacity: 1;margin: auto;margin-bottom: 2.25rem;max-width: 37.375rem;width: 96%;color: #fff;text-align: center;}#cta:before {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0.7;display: block;background: #000;height: 100%;width: 100%;}}@media only screen and (min-width: 64rem) {#cta {padding: 10.5rem 0;}}@media only screen and (min-width: 1300px) {#cta {position: relative;margin-top: 6.25rem;}#cta .container {margin: auto;width: 90.0625%;}#cta picture {left: 50%;transform: translateX(-50%);width: 90.0625%;}#cta picture:before {z-index: 1;position: absolute;top: 0;left: 0;content: "";opacity: 0.7;display: block;background: #000;height: 100%;width: 100%;}#cta:before {display: none;}#cta:after {z-index: -3;position: absolute;bottom: 0;left: 50%;content: "";opacity: 1;transform: translateX(-50%);display: block;background: url("/assets/svgs/cta-squares.svg");background-position: center;background-size: contain;background-repeat: no-repeat;height: 69.25rem;width: 125rem;}}@media only screen and (min-width: 0rem) {#cs-contact {padding: var(--sectionPadding);}#cs-contact .cs-container {margin: auto;max-width: 50rem;width: 100%;}#cs-contact .cs-content {width: 100%;}#cs-contact .cs-topper {margin-bottom: clamp(0.5rem, 1.4vw, 0.75rem);text-align: left;}#cs-contact .cs-title {max-width: 50rem;text-align: left;}#cs-contact .cs-text {margin: 0 auto 0 0;margin-bottom: clamp(2.5rem, 6.3vw, 3rem);max-width: clamp(25.25rem, 30vw, 32.625rem);text-align: left;}#cs-contact .icon-picture {display: block;background-color: var(--secondary);position: relative;width: 2rem;height: 2rem;border-radius: 0.5rem;}#cs-contact .icon-picture img {width: 80%;height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}#cs-contact #cs-form {display: flex;flex-direction: column;gap: 1rem;margin-bottom: 2.5rem;}#cs-contact #cs-form label {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;margin-bottom: clamp(0.75rem, z1 0.3em, 1.25rem);font-size: 1rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);}#cs-contact #cs-form .cs-label-message {margin-bottom: clamp(1rem, 1.3vw, 1.5rem);}#cs-contact #cs-form input, #cs-contact #cs-form textarea {background-color: #ede9e9;border: none;border-radius: 1rem;margin-top: 0.25rem;height: 4rem;width: 100%;box-sizing: border-box;padding-left: 1.25rem;font-size: 1rem;transition: border 0.3s;}#cs-contact #cs-form input:hover, #cs-contact #cs-form textarea:hover {border: 1px solid var(--primary);}#cs-contact #cs-form textarea {min-height: 7.5rem;padding-top: 1.25rem;font-family: inherit;}#cs-contact #cs-form button.enviar {border: none;align-self: center;}#cs-contact .cs-right-section {position: relative;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;border-radius: 0.5rem;height: 20rem;overflow: hidden;padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 3vw, 2.5rem);}#cs-contact .cs-header {display: block;margin-bottom: 0.5rem;font-size: clamp(1rem, 3vw, 1.25rem);line-height: 1.2em;font-weight: 700;color: var(--bodyTextColorWhite);}#cs-contact .cs-link {z-index: 2;position: relative;display: inline-flex;align-items: center;gap: 0.5rem;margin-bottom: 1.25rem;text-decoration: none;font-size: clamp(1rem, 3vw, 1.25rem);line-height: 1.2em;color: var(--primary);font-weight: 700;}#cs-contact .cs-link:before {position: absolute;bottom: calc(-2 / 16 * 1rem);left: 0;content: "";opacity: 1;display: block;background: currentColor;height: 2px;width: 0%;transition: width 0.3s;}#cs-contact .cs-link:hover:before {width: 100%;}#cs-contact .cs-link:last-of-type {margin-bottom: 0;}#cs-contact .cs-block {display: block;}#cs-contact .cs-bg-picture {z-index: 0;position: absolute;top: 0;left: 0;display: block;height: 100%;width: 100%;transition: transform 0.6s;}#cs-contact .cs-bg-picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#cs-contact .cs-bg-picture:before {z-index: 1;position: absolute;top: 0;left: 0;content: "";display: block;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);height: 100%;width: 100%;}#cs-contact button.enviar {font-family: "Urbanist", Arial, sans-serif;width: 150px;height: 50px;border-radius: 1.5625rem;cursor: pointer;display: flex;align-items: center;border: none;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);background: var(--secondary);}#cs-contact button.enviar .text {position: relative;transform: translateX(-50%);left: 50%;color: white;font-weight: bold;font-size: 1.0625rem;}#cs-contact button.enviar .icon {position: absolute;transform: translateX(7px);height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;}#cs-contact button.enviar svg {width: 25px;}#cs-contact button.enviar:hover .text {color: transparent;}#cs-contact button.enviar:hover .icon {width: 150px;border-left: none;transform: translateX(0);}#cs-contact button.enviar:focus {outline: none;}#cs-contact button.enviar:active .icon svg {transform: scale(0.8);}#cs-contact button.enviar, #cs-contact button.enviar span {transition: 400ms;}}@media only screen and (min-width: 43.75em) {#cs-contact #cs-form {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: flex-start;}#cs-contact #cs-form label {width: 48%;}#cs-contact #cs-form .cs-label-message {width: 100%;}#cs-contact #cs-form button.enviar {border: none;align-self: center;}}@media only screen and (min-width: 64rem) {#cs-contact .cs-container {display: flex;justify-content: flex-end;align-items: flex-start;max-width: 80rem;gap: 5rem;}#cs-contact #cs-form {max-width: 39.375rem;}#cs-contact #cs-form label {width: 100%;}#cs-contact .cs-right-section {height: 42.875rem;max-width: 33.875rem;width: 40%;flex: none;}#cs-contact .cs-right-section:hover .cs-bg-picture {transform: scale(1.1);}#cs-contact .cs-block {display: inline-block;}#cs-contact button.enviar {left: 50%;position: relative;transform: translateX(-50%);}}@media only screen and (min-width: 81.25em) {#cs-contact #cs-form {column-gap: 0rem;}#cs-contact #cs-form label {max-width: 19.0625rem;width: 48%;}#cs-contact #cs-form .cs-label-message {max-width: 100%;}#cs-contact .cs-right-section {height: 36.125rem;}}@media only screen and (min-width: 0rem) {#footer {background: var(--smooth);padding: 1.5rem 0;font-size: min(4vw, 1.2em);}#footer .credit {margin: auto;width: 96%;font-size: 1rem;line-height: 2.25rem;color: #fff;text-align: center;}#footer .credit a {text-decoration: none;font-size: 1rem;color: var(--primary);}#footer .credit a:hover {text-decoration: underline;}#footer .credit .copyright {display: block;font-size: 1rem;}#footer .legal ul {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 1rem;width: 100%;}#footer .legal ul li {list-style-type: none;font-size: 0.875rem;color: rgba(252, 248, 249, 0.6);}}@media only screen and (min-width: 64rem) {#footer {font-size: min(1.2vw, 1em);}#footer .container {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;margin: auto;max-width: 82.5rem;width: 96%;padding: 0;}#footer .credit .copyright {display: inline-block;}#footer .legal ul {display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 1rem;width: 100%;}}-------- -*/
/* Mobile */
@media only screen and (min-width: 0rem) {
  #cta {
    position: relative;
    padding: 3.125rem 0;
  }
  #cta .container {
    text-align: center;
  }
  #cta picture {
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  #cta picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  #cta .title {
    position: relative;
    margin-bottom: 2.25rem;
    font-size: min(9vw, 3rem);
    line-height: 1.20833333em;
    font-weight: 900;
    color: #fff;
    text-align: center;
  }
  #cta p {
    opacity: 1;
    margin: auto;
    margin-bottom: 2.25rem;
    max-width: 37.375rem;
    width: 96%;
    color: #fff;
    text-align: center;
  }
  #cta:before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    opacity: 0.7;
    display: block;
    background: #000;
    height: 100%;
    width: 100%;
  }
}
/* Small Desktop */
@media only screen and (min-width: 64rem) {
  #cta {
    padding: 10.5rem 0;
  }
}
/* Large Desktop */
@media only screen and (min-width: 1300px) {
  #cta {
    position: relative;
    margin-top: 6.25rem;
  }
  #cta .container {
    margin: auto;
    width: 90.0625%;
  }
  #cta picture {
    left: 50%;
    transform: translateX(-50%);
    width: 90.0625%;
  }
  #cta picture:before {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    opacity: 0.7;
    display: block;
    background: #000;
    height: 100%;
    width: 100%;
  }
  #cta:before {
    display: none;
  }
  #cta:after {
    z-index: -3;
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    opacity: 1;
    transform: translateX(-50%);
    display: block;
    background: url("/assets/svgs/cta-squares.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 69.25rem;
    width: 125rem;
  }
}
/*-- -------------------------- -->
<---           Contact             -->
<--- -------------------------- -*/
@media only screen and (min-width: 0rem) {
  #cs-contact {
    padding: var(--sectionPadding);
  }
  #cs-contact .cs-container {
    margin: auto;
    /* changes to 1280px at desktop */
    max-width: 50rem;
    width: 100%;
  }
  #cs-contact .cs-content {
    width: 100%;
  }
  #cs-contact .cs-topper {
    /* 8px - 12px */
    margin-bottom: clamp(0.5rem, 1.4vw, 0.75rem);
    text-align: left;
  }
  #cs-contact .cs-title {
    max-width: 50rem;
    text-align: left;
  }
  #cs-contact .cs-text {
    margin: 0 auto 0 0;
    /* 40px - 48px */
    margin-bottom: clamp(2.5rem, 6.3vw, 3rem);
    /* 404px - 522px */
    max-width: clamp(25.25rem, 30vw, 32.625rem);
    text-align: left;
  }
  #cs-contact .icon-picture {
    display: block;
    background-color: var(--secondary);
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
  }
  #cs-contact .icon-picture img {
    width: 80%;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #cs-contact #cs-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2.5rem;
  }
  #cs-contact #cs-form label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* 12px - 20px */
    margin-bottom: clamp(0.75rem, z1 0.3em, 1.25rem);
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 700;
    color: var(--headerColor);
  }
  #cs-contact #cs-form .cs-label-message {
    /* 32px - 48px */
    margin-bottom: clamp(1rem, 1.3vw, 1.5rem);
  }
  #cs-contact #cs-form input,
  #cs-contact #cs-form textarea {
    background-color: #ede9e9;
    border: none;
    border-radius: 1rem;
    margin-top: 0.25rem;
    height: 4rem;
    width: 100%;
    /* prevents border & padding from affecting height */
    box-sizing: border-box;
    padding-left: 1.25rem;
    font-size: 1rem;
    transition: border 0.3s;
  }
  #cs-contact #cs-form input:hover,
  #cs-contact #cs-form textarea:hover {
    border: 1px solid var(--primary);
  }
  #cs-contact #cs-form textarea {
    min-height: 7.5rem;
    padding-top: 1.25rem;
    font-family: inherit;
  }
  #cs-contact #cs-form button.enviar {
    border: none;
    align-self: center;
  }
  #cs-contact .cs-right-section {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    border-radius: 0.5rem;
    height: 20rem;
    /* cuts off corners on img tag */
    overflow: hidden;
    /* 24px - 40px top & bottom */
    /* 20px - 40px left & right */
    padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 3vw, 2.5rem);
  }
  #cs-contact .cs-header {
    display: block;
    margin-bottom: 0.5rem;
    /* 16px - 20px */
    font-size: clamp(1rem, 3vw, 1.25rem);
    line-height: 1.2em;
    font-weight: 700;
    color: var(--bodyTextColorWhite);
  }
  #cs-contact .cs-link {
    z-index: 2;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    text-decoration: none;
    /* 16px - 20px */
    font-size: clamp(1rem, 3vw, 1.25rem);
    line-height: 1.2em;
    color: var(--primary);
    font-weight: 700;
  }
  #cs-contact .cs-link:before {
    position: absolute;
    bottom: calc(-2 / 16 * 1rem);
    left: 0;
    /* Animated underline */
    content: "";
    opacity: 1;
    display: block;
    /* current color of the parent */
    background: currentColor;
    height: 2px;
    width: 0%;
    transition: width 0.3s;
  }
  #cs-contact .cs-link:hover:before {
    width: 100%;
  }
  #cs-contact .cs-link:last-of-type {
    margin-bottom: 0;
  }
  #cs-contact .cs-block {
    /* sends second address line to the bottom on its own line */
    display: block;
  }
  #cs-contact .cs-bg-picture {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    transition: transform 0.6s;
  }
  #cs-contact .cs-bg-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Makes img tag act as a background image */
    object-fit: cover;
  }
  #cs-contact .cs-bg-picture:before {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    /* background color overlay */
    content: "";
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    height: 100%;
    width: 100%;
  }
  #cs-contact button.enviar {
    font-family: "Urbanist", Arial, sans-serif;
    width: 150px;
    height: 50px;
    border-radius: 1.5625rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    background: var(--secondary);
  }
  #cs-contact button.enviar .text {
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    color: white;
    font-weight: bold;
    font-size: 1.0625rem;
  }
  #cs-contact button.enviar .icon {
    position: absolute;
    transform: translateX(7px);
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #cs-contact button.enviar svg {
    width: 25px;
  }
  #cs-contact button.enviar:hover .text {
    color: transparent;
  }
  #cs-contact button.enviar:hover .icon {
    width: 150px;
    border-left: none;
    transform: translateX(0);
  }
  #cs-contact button.enviar:focus {
    outline: none;
  }
  #cs-contact button.enviar:active .icon svg {
    transform: scale(0.8);
  }
  #cs-contact button.enviar,
  #cs-contact button.enviar span {
    transition: 400ms;
  }
}
/* Tablet - 700px */
@media only screen and (min-width: 43.75em) {
  #cs-contact #cs-form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  #cs-contact #cs-form label {
    width: 48%;
  }
  #cs-contact #cs-form .cs-label-message {
    width: 100%;
  }
  #cs-contact #cs-form button.enviar {
    border: none;
    align-self: center;
  }
}
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #cs-contact .cs-container {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    max-width: 80rem;
    gap: 5rem;
  }
  #cs-contact #cs-form {
    max-width: 39.375rem;
  }
  #cs-contact #cs-form label {
    width: 100%;
  }
  #cs-contact .cs-right-section {
    /* changes to 578px at 1300px wide */
    height: 42.875rem;
    max-width: 33.875rem;
    width: 40%;
    /* prevents flexbox from squishing it */
    flex: none;
  }
  #cs-contact .cs-right-section:hover .cs-bg-picture {
    transform: scale(1.1);
  }
  #cs-contact .cs-block {
    /* goes back to inline so it stays "in line" with the rest of the text */
    display: inline-block;
  }
  #cs-contact button.enviar {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
}
/* Small Desktop - 1300px */
@media only screen and (min-width: 81.25em) {
  #cs-contact #cs-form {
    column-gap: 0rem;
  }
  #cs-contact #cs-form label {
    max-width: 19.0625rem;
    width: 48%;
  }
  #cs-contact #cs-form .cs-label-message {
    max-width: 100%;
  }
  #cs-contact .cs-right-section {
    height: 36.125rem;
  }
}
/*-- -------------------------- -->
<---           Footer           -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0rem) {
  #footer {
    background: var(--smooth);
    padding: 1.5rem 0;
    font-size: min(4vw, 1.2em);
  }
  #footer .credit {
    margin: auto;
    width: 96%;
    font-size: 1rem;
    line-height: 2.25rem;
    color: #fff;
    text-align: center;
  }
  #footer .credit a {
    text-decoration: none;
    font-size: 1rem;
    color: var(--primary);
  }
  #footer .credit a:hover {
    text-decoration: underline;
  }
  #footer .credit .copyright {
    display: block;
    font-size: 1rem;
  }
  #footer .legal ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
  }
  #footer .legal ul li {
    list-style-type: none;
    font-size: 0.875rem;
    color: rgba(252, 248, 249, 0.6);
  }
}
/* Small Desktop */
@media only screen and (min-width: 64rem) {
  #footer {
    font-size: min(1.2vw, 1em);
  }
  #footer .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: auto;
    max-width: 82.5rem;
    width: 96%;
    padding: 0;
  }
  #footer .credit .copyright {
    display: inline-block;
  }
  #footer .legal ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
  }
}