@charset "UTF-8";

/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
a {
    text-decoration: none;
}

.btn,
img,
svg {
    vertical-align: middle
}

label {
    display: inline-block
}

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

.row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex
}

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bg-prm: #ff5051;
    --bg-sec: #171717;
    --bg-gris: #eeeeee;
    --txt-prm: #ff5051;
    --txt-sec: #171717;
    --primaria-light: "Helvetica-light";
    --primariaRegular: "Helvetica-regular";
    --primaria-bold: "Helvetica-bold";
    --secundaria-bold: "Helvetica-bold-cond";
    --h1: calc(85px + 40 * ((100vw - 1920px) / 1024));
    --h2: calc(58px + 30 * ((100vw - 1920px) / 1024));
    --h3: calc(32px + 20 * ((100vw - 1920px) / 1024));
    --h4: calc(24px + 15 * ((100vw - 1920px) / 1024));
    --h5: calc(16px + 10 * ((100vw - 1920px) / 1024));
    --h6: calc(14px + 10 * ((100vw - 1920px) / 1024));
    --paddingSection: 7em 0;
    --paddingTop: calc(200px + 25 * ((100vw - 1920px) / 320))
}

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

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    margin-top: -2.9rem;
    overflow-x: hidden !important;
}

.h2,
.h3,
.h4,
.h6,
h2,
h3,
h4,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

p,
ul {
    margin-bottom: 1rem
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h6,
h6 {
    font-size: 1rem
}

p,
ul {
    margin-top: 0
}

ul {
    padding-left: 2rem
}

ul ul {
    margin-bottom: 0
}

b {
    font-weight: bolder
}

a {
    color: #0d6efd
}

a:hover {
    color: #ff5051;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

button {
    border-radius: 0
}

iframe {
    border: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button],
[type=button]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[type=button],
[type=submit],
button {
    -webkit-appearance: button
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

[hidden] {
    display: none !important
}

.container,
.container-fluid {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:1025px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width:1440px) {
    .container {
        max-width: 1640px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col-6 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-6 {
    width: 50%
}

.col-12 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

@media (min-width:1025px) {
    .col-lg-2 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-5 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-lg-10 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }
}

.btn {
    line-height: 1.5
}

.btn {
    border-radius: .25rem
}

.btn,
.btn:hover {
    color: #212529
}

.btn {
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.btn:disabled {
    pointer-events: none;
    opacity: .65
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: #0a58ca
}

/* .nav-tabs {
    border-bottom: 1px solid #dee2e6
} */

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1025px) {
    .navbar-expand-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.placeholder {
    min-height: 1em;
    background-color: currentColor
}

.placeholder {
    display: inline-block;
    vertical-align: middle;
    cursor: wait;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.title.revealed::after,
.title.revealed::before {
    animation-duration: 10s;
    animation-iteration-count: infinite
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

.center-column,
.centered-all,
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.position-relative {
    position: relative !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.center-column,
.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.centered-all,
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.align-items-center,
.center-column,
.centered-all {
    -ms-flex-align: center !important;
    align-items: center !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

@font-face {
    font-family: Helvetica-bold-cond;
    src: url(../fonts/primaria-bold/HelveticaNeueLTStd-BdCn.eot);
    src: local("☺"), url(../fonts/primaria-bold/HelveticaNeueLTStd-BdCn.otf) format("opentype"), url(../fonts/primaria-bold/HelveticaNeueLTStd-BdCn.ttf) format("truetype"), url(../fonts/primaria-bold/HelveticaNeueLTStd-BdCn.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Helvetica-light-cond;
    src: url(../fonts/primaria-light/HelveticaNeueLTStd-ThEx.eot);
    src: local("☺"), url(../fonts/primaria-light/HelveticaNeueLTStd-ThEx.otf) format("opentype"), url(../fonts/primaria-light/HelveticaNeueLTStd-ThEx.ttf) format("truetype"), url(../fonts/primaria-light/HelveticaNeueLTStd-ThEx.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Helvetica-regular-cond;
    src: url(../fonts/primaria-regular/HelveticaNeueLTStd-Ex.eot);
    src: local("☺"), url(../fonts/primaria-regular/HelveticaNeueLTStd-Ex.otf) format("opentype"), url(../fonts/primaria-regular/HelveticaNeueLTStd-Ex.ttf) format("truetype"), url(../fonts/primaria-regular/HelveticaNeueLTStd-Ex.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Helvetica-regular;
    src: url(../fonts/secundaria-regular/HelveticaNeue.eot);
    src: local("☺"), url(../fonts/secundaria-regular/HelveticaNeue.otf) format("opentype"), url(../fonts/secundaria-regular/HelveticaNeue.ttf) format("truetype"), url(../fonts/secundaria-regular/HelveticaNeue.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Helvetica-light;
    src: url(../fonts/secundaria-light/HelveticaNeue-Light.eot);
    src: local("☺"), url(../fonts/secundaria-light/HelveticaNeue-Light.otf) format("opentype"), url(../fonts/secundaria-light/HelveticaNeue-Light.ttf) format("truetype"), url(../fonts/secundaria-light/HelveticaNeue-Light.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Helvetica-bold;
    src: url(../fonts/secundaria-bold/HelveticaNeue-Bold.eot);
    src: local("☺"), url(../fonts/secundaria-bold/HelveticaNeue-Bold.otf) format("opentype"), url(../fonts/secundaria-bold/HelveticaNeue-Bold.ttf) format("truetype"), url(../fonts/secundaria-bold/HelveticaNeue-Bold.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.title {
    position: relative;
    z-index: 1;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px
}

.title::after,
.title::before {
    content: "";
    width: 100%;
    height: calc(100px + 40 * ((100vw - 1920px)/ 1024));
    border: 10px solid transparent;
    border-width: 15px 0 40px;
    border-image: url(../img/brush.png) 40 0;
    position: relative;
    z-index: -1;
    display: block;
    margin: auto;
    opacity: 0;
    transition: .5s ease-in-out all
}

@media(max-width:1024px) {

    .title::after,
    .title::before {
        content: "";
        width: 100%;
        /* height: calc(100px + 40 * ((100vw - 1920px)/ 1024)); */
        border: 10px solid transparent;
        border-width: 15px -1px 40px;
        border-image: url(../img/brush.png) 40 0;
        position: relative;
        z-index: -1;
        display: block;
        margin: auto;
        opacity: 0;
        transition: .5s ease-in-out all
    }

}

.btn,
.input {
    display: -ms-flexbox;
    display: flex
}

.title.revealed::before {
    animation-name: animTitles;
    margin-left: -1rem;
}

.title.revealed::after {
    animation-name: animTitlesDos;
    margin-right: -1rem;
}

@media(max-width:640px) {
    .title.revealed::before {
        animation-name: animTitles;
        position: absolute;
        left: -40rem;
        top: 1rem;
    }

    .title.revealed::after {
        animation-name: animTitlesDos;
        position: absolute;
        right: -40rem;
        top: 1rem;
    }
}

@keyframes animTitles {

    0%,
    100% {
        right: -450%;
    }

    10%,
    80% {
        right: 0;
        opacity: 1
    }
}

@keyframes animTitlesDos {

    0%,
    100% {
        left: -450%;
    }

    10%,
    80% {
        left: 0;
        opacity: 1
    }
}

.title svg {
    margin: auto 2em;
    -ms-flex-negative: .8;
    flex-shrink: .8
}

@media (max-width:1024px) {
    :root {
        --h1: calc(50px + 10 * ((100vw - 1024px) / 640));
        --h2: calc(36px + 10 * ((100vw - 1024px) / 640));
        --h3: calc(24px + 10 * ((100vw - 1024px) / 640));
        --h4: calc(18px + 10 * ((100vw - 1024px) / 640));
        --h5: calc(14px + 10 * ((100vw - 1024px) / 640));
        --h6: calc(12px + 10 * ((100vw - 1024px) / 640))
    }

    .title {
        font-size: var(--h2);
        /* min-height: calc(120px + 80 * ((100vw - 1024px)/ 640)) */
    }

    .title::after,
    .title::before {
        height: calc(40px + 40 * ((100vw - 1024px)/ 640))
    }

    .title span {
        font-size: var(--h1)
    }
}

@media (max-width:640px) {
    :root {
        --h1: calc(64px + 30 * ((100vw - 640px) / 360));
        --h2: calc(45px + 25 * ((100vw - 640px) / 360));
        --h3: calc(32px + 22 * ((100vw - 640px) / 360));
        --h4: calc(24px + 10 * ((100vw - 640px) / 360));
        --h6: calc(16px + 5 * ((100vw - 640px) / 360))
    }

    .title {
        letter-spacing: 5px;
        /* min-height: calc(160px + 80 * ((100vw - 640px)/ 360)); */
        padding: 0;
        width: auto
    }

    .title::after,
    .title::before {
        height: calc(50px + 20 * ((100vw - 640px)/ 360))
    }

    .title span {
        margin-top: .4em;
        letter-spacing: 3px
    }
}

.btn {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    outline: 0;
    min-width: calc(150px + 100 * ((100vw - 1920px)/ 1024));
    font-size: var(--h4);
    padding: 8px 40px;
    transition: .3s ease-in-out all
}

.btn.prm {
    background: var(--bg-prm);
    -webkit-mask-box-image: url(../img/brush-naranja.svg);
    mask-border: url(../img/brush-naranja.svg);
    color: #fff;
    font-family: var(--secundariaRegular);
    -ms-flex-align: center;
    align-items: center
}

@media (hover:hover) {
    .btn.prm:hover {
        background-color: transparent;
        border: 3px double #ff5051;
    }
}

@media (max-width:1024px) {
    .btn {
        min-width: auto;
        width: 100%;
        /* padding: 10px 50px 5px; */
        font-size: var(--h3)
    }
}

.input {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: relative
}

.input label {
    color: #fff;
    font-size: var(--h3);
    margin-bottom: .5em;
    transition: .2s ease-in-out all;
    font-family: var(--secundaria-bold);
    -ms-flex-order: 3;
    order: 3
}

.input .error-input {
    color: var(--txt-prm);
    font-size: var(--h5);
    -ms-flex-order: 1;
    order: 1;
    position: absolute;
    bottom: -2em;
    display: none
}

.input .error-input.show {
    display: block
}

body .header--navegacion .btn-ham,
body .main-servicios .hero p.trabajo-desk {
    display: none
}

.input input {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    height: 50px;
    padding: 1em;
    -ms-flex-order: 2;
    order: 2
}

.input input:focus,
.input textarea:focus {
    border: 1px solid var(--bg-prm)
}

.input input:focus~label {
    color: var(--bg-prm)
}

.input textarea {
    resize: none;
    height: calc(235px - 120 * ((100vw - 1280px)/ 1920));
    -ms-flex-order: 2;
    order: 2
}

.input textarea:focus~label {
    color: var(--bg-prm)
}

.input select {
    outline: 0;
    border: none;
    height: 50px;
    /* padding: 1em; */
    padding-left: 1rem;
    cursor: pointer
}

@media (max-width:1024px) {
    .input input {
        width: 100%
    }

    .input textarea {
        height: calc(160px - 0 * ((100vw - 1024px)/ 768))
    }
}

body .header,
body .header--navegacion ul a {
    height: var(--alto-nav);
    transition: .3s ease-in-out all
}

body .header {
    --alto-nav: calc(98px + 40 * ((100vw - 1920px) / 1024));
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 52;
    background: #000;
    padding: 0 0 0 40px;
}

@media(min-width: 1025px) {
    body .header {
        -webkit-mask: url(../img/brush-black.svg) no-repeat center bottom/cover;
        mask: url(../img/brush-black.svg) no-repeat center bottom/cover
    }
}

body .header.nav-on {
    padding-top: 0;
    background: rgba(26, 26, 26, .9)
}

body .header--navegacion {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0
}

body .header--navegacion ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex
}

body .header--navegacion ul a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--h5);
    letter-spacing: 4px;
    padding: 0 40px 0 0;
    text-decoration: none;
    color: #fff
}

@media (hover:hover) {
    body .header--navegacion ul a:hover:not(.active) {
        color: var(--bg-prm)
    }
}

body .header--navegacion ul a.active {
    background: var(--bg-prm)
}

body .header--navegacion ul a.active li,
body .header--navegacion ul a.active+a li {
    border: none
}

body .header--navegacion ul a:first-child li {
    border-left: none
}

body .header--navegacion ul a li {
    border-left: 1px solid #fff;
    padding: 0 0 0 40px
}

body .header img.logo-live {
    width: 140px
}

body .header--redes {
    position: absolute;
    right: 6%;
    top: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    height: max-content
}

body .header--redes .h6,
body .header--redes h6 {
    color: #fff;
    transform: rotateZ(90deg);
    margin-bottom: 40px;
    font-family: Helvetica-bold;
    font-size: 10px;
    letter-spacing: 2px
}

body .header--redes a {
    color: #000;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-decoration: none;
    display: -ms-grid;
    display: grid;
    place-items: center;
    margin-bottom: 10px
}

body .header--redes a:hover {
    background-color: #ff5051;
    transition: .3s ease-in-out
}

@media (max-width:1024px) {
    body .header--redes {
        display: none !important
    }

    body.nav-on .header #navbarNav {
        right: 0
    }

    body .header {
        --alto-nav: calc(100px + 12 * ((100vw - 1024px) / 360));
        padding: 45px 15px;
        -ms-flex-align: center;
        align-items: center
    }

    body .header img.logo-live {
        width: 127px
    }

    body .header .btn-ham {
        width: 24px;
        height: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        transition: .3s ease-in-out all
    }

    body .header .btn-ham span {
        width: 100%;
        height: 3px;
        border-radius: 5px;
        display: block;
        background: #fff;
        transition: .3s ease-in-out all
    }

    body .header .btn-ham span.ham-top {
        transform-origin: left top
    }

    body .header .btn-ham span.ham-btm {
        transform-origin: left bottom
    }

    body .header .btn-ham.ham-on span {
        z-index: 6
    }

    body .header .btn-ham.ham-on .ham-mid {
        transform: scale(0)
    }

    body .header .btn-ham.ham-on .ham-top {
        transform: rotateZ(45deg) scaleX(1.2)
    }

    body .header .btn-ham.ham-on .ham-btm {
        transform: rotateZ(-45deg) scaleX(1.2) translate(-1px, 3px)
    }

    body .header #navbarNav {
        position: absolute;
        right: -100vw;
        height: 100vh;
        background: var(--bg-prm);
        top: 0;
        width: 100vw;
        -ms-flex-pack: center;
        justify-content: center;
        display: -ms-flexbox;
        display: flex;
        transition: .3s ease-in-out right
    }

    body .header--navegacion ul {
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: Helvetica-bold;
    }

    body .header--navegacion ul a {
        padding: 0;
        height: auto
    }

    body .header--navegacion ul a.active {
        color: var(--bg-sec)
    }

    body .header--navegacion ul li {
        margin: 0 auto 50px;
        padding: 0 !important;
        font-size: var(--h3);
        border: none !important
    }
}

@media (max-width:640px) {
    body .header {
        --alto-nav: calc(90px + 10 * ((100vw - 640px) / 360))
    }
}

body .footer {
    background: url(../img/back-footer.webp) center/cover no-repeat;
    padding: var(--paddingSection);
    padding-bottom: 0
}

body .footer--site {
    width: 100%;
    padding-bottom: 8em;
    position: relative
}

body .footer--site .h3,
body .footer--site h3 {
    font-family: Helvetica-bold;
    margin-bottom: 1em;
    color: #fff;
    font-size: 1.2vw
}

body .footer--site .h4,
body .footer--site h4 {
    font-family: Helvetica-bold;
    margin-bottom: 1.5em;
    color: #fff;
    font-size: 1vw;
    letter-spacing: 1px
}

body .footer--site .h4 a,
body .footer--site .h4 span,
body .footer--site h4 a,
body .footer--site h4 span {
    color: #fff;
    display: block;
    font-family: Helvetica-light;
    font-size: 14px;
    margin-top: .5em;
    margin-bottom: 0
}

body .footer--site h4 span:hover {
    color: #ff5051;
    background: url(../../img/trazo-naranja.png) center/cover no-repeat;
    transition: .3s ease-in-out
}

body .footer--site a {
    margin-bottom: 1em;
    font-size: 16px;
    color: #fff
}

@media (hover:hover) {
    body .footer--site a:hover {
        color: #ff5051;
        background: url(../../img/trazo-naranja.png) center/cover no-repeat;
        transition: .3s ease-in-out
    }
}

body .footer--legales {
    background: var(--bg-sec);
    text-align: center;
    padding: 1.5em 0;
    position: relative;
    color: #fff
}

body .footer--legales::after {
    content: "";
    height: 30px;
    width: 100%;
    display: block;
    position: absolute;
    top: -1px;
    z-index: 1;
    transform: rotateZ(180deg)
}

body .footer--legales .col-lg-10 {
    border-top: 1px solid var(--bg-gris);
    padding-top: 30px
}

body .footer--legales .h6,
body .footer--legales a,
body .footer--legales h6,
body .footer--legales span {
    color: var(--txt-gris);
    margin: 10px 5px 0;
    font-family: "Helvetica-light";
    letter-spacing: 2px;
    font-size: var(--h6)
}

@media(min-width: 1025px) {

    body .footer--legales .h6,
    body .footer--legales a,
    body .footer--legales h6,
    body .footer--legales span {

        font-size: 12px;
    }
}

body .footer .redes-footer a {
    background: #fff;
    margin-right: 20px;
    border-radius: 50%;
    text-decoration: none;
    place-items: center;
}

body .footer #title-redes {
    margin-top: 1em;
    margin-bottom: 1rem
}

body .footer .redes-footer a {
    background: #fff;
    color: #000;
    width: 30px;
    height: 30px;
    display: -ms-grid;
    display: grid;
    margin-bottom: 10px;
    margin-right: 10px
}

body .footer .redes-footer a:hover {
    background-color: #ff5051;
    color: #000;
    transition: .3s ease-in-out
}


@media (max-width:1024px) {
    body .footer {
        padding: 4em 0 0
    }

    body .footer--site {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 0
    }

    body .footer--site>* {
        text-align: center;
        margin-bottom: 50px
    }
}

@media (max-width:640px) {

    body .footer--site .h3,
    body .footer--site h3 {
        font-size: var(--h2);
        font-family: Helvetica-bold
    }

    body .footer--site a {
        font-size: var(--h4)
    }

    body .footer--site .redes-footer {
        -ms-flex-pack: center;
        justify-content: center
    }

    body .footer--site .redes-footer a {
        font-size: 12px
    }

    body .footer--site .h4,
    body .footer--site h4 {
        font-size: var(--h3)
    }

    body .footer--site .h4 a,
    body .footer--site .h4 span,
    body .footer--site h4 a,
    body .footer--site h4 span {
        font-size: var(--h4)
    }
}

@media not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
        body html {
            overflow-x: hidden !important;
        }

        body .home .numeros {
            background-image: url(../img/back-numbers.jpg)
        }

        body .home .servicios {
            background-image: url(../img/back-servicios.png)
        }

        body .home .about {
            background-image: url(../img/back-nosotros.png)
        }

        body .home .especial {
            background-image: url(../img/back-especial.png)
        }

        body .home .contacto {
            background-image: url(../img/back-contacto.png)
        }
    }
}

body {
    overflow-x: hidden;
    position: relative;
    font-family: var(--primaria-light)
}

body .h2,
body .h3,
body .h4,
body .h6,
body h2,
body h3,
body h4,
body h6 {
    margin-bottom: 0;
    line-height: normal
}

body .h2,
body h2 {
    font-size: var(--h2);
    line-height: 1
}

body .h3,
body h3 {
    font-size: var(--h3)
}

body .h4,
body h4 {
    font-size: var(--h4)
}

body .h6,
body h6 {
    font-size: var(--h6);
    letter-spacing: 1px
}

body b {
    font-family: var(--primariaBold)
}

body p {
    font-size: var(--h3);
    line-height: 1.2
}

body .home .hero {
    height: 100vh;
    position: relative
}

body .home .hero::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    background: url(../img/textura.png) center/cover no-repeat;
    mix-blend-mode: multiply
}

body .home .hero img {
    z-index: 1
}

body .home .hero video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    top: -10px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    aspect-ratio: 16/9
}

body .home .about {
    /* padding: var(--paddingSection); */
    background: url(../img/back-nosotros.webp) center right/cover no-repeat;
    top: -5px;
    position: relative;
    padding-top: 4rem;
    padding-bottom: 5rem;
}

body .home .about .title {
    margin-bottom: 2.5em
}

body .home .about .title svg {
    width: 2000px
}

body .home .about--info {
    background: var(--bg-gris);
    padding: 3em;
    width: 85%
}

body .home .about--info p {
    text-align: center;
    margin-bottom: 2em;
    font-size: 1.1rem;
}
@media(min-width:1024px){
    body .home .about--info p {
        font-size: 1.7vw;
    }
}

body .home .about .about--logos {
    margin-bottom: 3rem
}

body .home .about .btn-about button {
    margin-top: -1rem
}

body .home .about .title-nosotros_desk {
    margin-bottom: 5rem;
    width: 100%
}

body .home .about .title-nosotros_desk svg {
    -ms-flex-negative: .6;
    flex-shrink: .6
}

body .home .numeros {
    background: url(../img/back-numbers.webp) center/cover no-repeat;
    /* padding: var(--paddingSection); */
    position: relative;
    -webkit-mask: url(../img/mask-texture.svg) no-repeat center top/cover;
    mask: url(../img/mask-texture.svg) no-repeat center top/cover;
    margin-top: -15px;
    padding-top: 4rem;
    padding-bottom: 5rem;
}

body .home .numeros--parrafo {
    margin: calc(80px + 50 * ((100vw - 1920px)/ 1024)) auto calc(100px + 100 * ((100vw - 1920px)/ 1024))
}

body .home .numeros--parrafo p {
    color: var(--txt-sec);
    text-align: center
}
body .home .numeros--parrafo p strong {
    color: var(--txt-sec);
    text-align: center;
    font-size: 1.3rem !important;
}
@media(min-width: 1024px){
    body .home .numeros--parrafo p strong {
        color: var(--txt-sec);
        text-align: center;
        font-size: 1.8vw !important;
    }
}

body .home .numeros--parrafo p span {
    font-family: var(--primaria-bold);
    color: var(--txt-sec)
}

body .home .numeros--items {
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: auto
}

body .home .numeros--items__item {
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    overflow: hidden;
    -ms-flex: .2;
    flex: .2
}

body .home .numeros--items__item:nth-child(odd) {
    color: var(--txt-prm)
}

body .home .numeros--items__item::after,
body .home .numeros--items__item::before {
    content: "";
    width: 0;
    height: 15px;
    background: url(../img/brush.webp);
    display: block;
    margin: 1.5em 0;
    transition: .3s ease-in-out all
}

body .home .servicios .swiper-slide {
    height: max-content;
}


body .home .servicios {
    background: url(../img/back-servicios.webp) center top/cover no-repeat;
    /* padding: var(--paddingSection); */
    margin-top: -6px;
    padding-top: 4rem;
    padding-bottom: 5rem;
}

@media(min-width:1025px) {
    body .home .numeros--items__item::after {
        transform: rotateZ(180deg)
    }
}


@media (hover:hover) {

    body .home .numeros--items__item:hover::after,
    body .home .numeros--items__item:hover::before {
        width: 100%
    }
}

body .home .numeros--items__item .h2,
body .home .numeros--items__item h2 {
    font-size: var(--h1);
    font-family: var(--secundaria-bold)
}

@media (max-width:1024px) {
    body .home .numeros--items {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    body .home .numeros--items__item {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }

    body .home .numeros--items__item::after,
    body .home .numeros--items__item::before {
        width: 100%;
        margin: 2em auto
    }
}

@media (max-width:640px) {
    body .home .numeros .fireworks.shine1 {
        left: calc(-200px - 150 * ((100vw - 640px)/ 360));
        top: 35%
    }

    body .home .numeros .fireworks.shine2 {
        right: calc(-200px - 170 * ((100vw - 640px)/ 360));
        top: 40%
    }

    body .home .numeros--parrafo p {
        margin-bottom: 5em;
        margin-top: 4rem
    }

    body .home .numeros--items__item .h4,
    body .home .numeros--items__item h4 {
        margin-top: .5em
    }
}

body .home .servicios {
    position: relative
}

body .home .servicios .swiper p span {
    font-family: Helvetica-bold
}

body .home .servicios .swiper p {
    color: #fff;
    text-align: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-family: Helvetica-light
}

body .home .servicios .swiper a {
    margin-top: 3rem
}

body .home .servicios .swiper-pagination {
    position: relative;
    margin-top: 2rem;
}

body .home .servicios .swiper-pagination-bullet {
    border: 1px solid #fff;
    padding: 8px;
    box-sizing: content-box;
    background: #fff;
    background-clip: content-box, border-box;
    margin: auto .5em
}

body .home .servicios .swiper-pagination-bullet-active {
    background: var(--bg-prm);
    background-clip: content-box, border-box;
    border: 1px solid var(--bg-prm)
}

@media (max-width:640px) {
    body .home .servicios .swiper {
        margin-bottom: 5em
    }
}

body .home .especial {
    background: url(../img/back-especial.webp) repeat;
    position: relative;
    margin-top: -11px;
}

body .home .especial .fireworks {
    position: absolute;
    top: 5em;
    width: calc(340px + 250 * ((100vw - 1920px)/ 1024));
    height: calc(340px + 250 * ((100vw - 1920px)/ 1024));
    transform: scale(0);
    transition: .8s ease-in-out all;
    margin-top: 8em !important
}

body .home .especial .fireworks.revealed {
    transform: scale(1)
}

body .home .pleca::after,
body .main-servicios .hero::after {
    transform: rotateZ(180deg);
    content: ""
}

body .home .especial .fireworks.shine1 {
    left: -7em;
    top: 10em
}

body .home .especial .fireworks.shine2 {
    right: -7em;
    top: 10em
}

body .home .especial .fireworks.shine3 {
    right: 0;
    left: 0;
    top: 20em;
    margin: auto
}

@media (max-width:640px) {
    body .home .especial .fireworks {
        width: calc(300px + 190 * ((100vw - 640px)/ 360));
        height: calc(300px + 190 * ((100vw - 640px)/ 360))
    }
}

body .home .especial #hombre {
    position: absolute;
    bottom: -25px;
    /* height: 700px; */
    width: 70%;
    object-fit: cover;
    left: 0;
    right: 0;
    margin: auto;
    opacity: .6;
}

body .home .especial img.hombre-mobile {
    position: relative;
    /* margin-top: -5rem; */
    width: 100%
}

body .home .especial p {
    font-family: Helvetica-light;
    color: #FFF;
    text-align: center;
    /* margin-top: -4.3rem; */
    position: relative;
    font-size: 4vw;
    padding-right: 1rem;
    padding-left: 1rem
}

body .home .especial span {
    font-family: Helvetica-bold
}

body .home .especial .btn-contacto {
    margin-top: 3em;
    margin-bottom: 3em;
    position: relative;
    padding-bottom: 2em;

}

body .home .especial .container-fireworks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

body .home .pleca {
    background: var(--bg-gris);
    padding: 1.5em;
    position: relative
}

body .home .pleca::after {
    height: 30px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -29px;
    z-index: 1
}

body .home .pleca img {
    max-width: calc(170px + 50 * ((100vw - 1920px)/ 1024))
}

@media (max-width:640px) {
    body .home .pleca {
        padding-top: 2em;
        padding-bottom: 1em
    }

    body .home .pleca img {
        max-width: 120px
    }

    body main .hero img {
        width: calc(400px + 230 * ((100vw - 640px)/ 360));
        margin-bottom: 200px
    }

    body main .about .about--logos img {
        margin: 0
    }

    body main .about .about--logos img.live {
        width: 80%
    }

    body main .especial {
        background: url(../img/back-vivo-mobile.png) center/cover no-repeat var(--bg-sec);
        padding-bottom: 1em;
        box-sizing: content-box
    }

    body main .especial .fireworks {
        top: 25%
    }

    body main .especial .fireworks.shine1 {
        left: calc(-200px - 170 * ((100vw - 640px)/ 360))
    }

    body main .especial .fireworks.shine2 {
        right: calc(-200px - 170 * ((100vw - 640px)/ 360))
    }
}

@media (min-width:641px) {
    body .about .about--logos img {
        margin: 0
    }

    body .about .about--logos img.live {
        width: 80%
    }
}

@media (max-width:1024px) {

    body main .about .title.title-nosotros_desk,
    body main .especial img#hombre {
        display: none
    }

    .title-nosotros {
        display: flex;
    }

    body main .hero img {
        margin-bottom: 50px
    }

    body main .about .about--pic {
        width: 85%;
        margin: 0 auto
    }

    body main .about .about--info {
        background: var(--bg-gris);
        padding: 1rem;
        width: 95%;
        margin-top: 1rem
    }

    body main .about .about--info p span {
        font-family: Helvetica-bold
    }

    body main .numeros .h2 svg,
    body main .numeros h2 svg {
        width: 80% !important;
        height: 21vw !important;
        transform: translate3d(0, 0, 0);
        display: block;
        margin: auto;
    }

    body main .servicios .h2 svg,
    body main .servicios h2 svg {
        width: 100%;
        height: 50% !important;
        transform: translate3d(0, 0, 0)
    }

    body main .servicios .servicios__slider {
        margin-top: 3rem
    }

    body main .about .h2,
    body main .about h2 {
        margin-bottom: 4rem
    }

    body main .about .h2 svg,
    body main .about h2 svg {
        width: 100%;
        height: 12vw !important;
        transform: translate3d(0, 0, 0)
    }

    body main .especial .title-entretenimiento.h2,
    body main .especial h2.title-entretenimiento {
        margin-top: 4rem
    }

    body main .especial .title-entretenimiento.h2 svg,
    body main .especial h2.title-entretenimiento svg {
        width: 100%;
        height: 50%;
        transform: translate3d(0, 0, 0)
    }

    body main .especial .shine1,
    body main .especial .shine2,
    body main .especial .shine3 {
        width: calc(860px + 250 * ((100vw - 1920px)/ 1024));
        height: calc(740px + 250 * ((100vw - 1920px)/ 1024));
        position: absolute
    }

    body main .especial .shine1 svg {
        position: absolute;
        top: -25%;
        left: -75%
    }

    body main .especial .shine2 svg {
        position: absolute;
        top: 20%;
        left: -50%
    }

    body main .especial .shine3 svg {
        position: absolute;
        top: -25%;
        right: 25%
    }
}

@media (min-width:1025px) {
    body .about .center {
        display: -ms-flexbox;
        display: flex
    }

    body .about .title-nosotros.title,
    body .especial img.hombre-mobile,
    body .numeros p br {
        display: none;
    }

    body .about .about--info p span {
        font-family: Helvetica-bold
    }

    body .about--logos img {
        max-width: calc(240px + 40 * ((100vw - 1920px)/ 1024));
        max-height: calc(50px + 40 * ((100vw - 1920px)/ 1024));
        margin: 0 20px
    }

    body .numeros .h2 svg,
    body .numeros h2 svg {
        width: 100%;
        height: 25% !important;
        transform: translate3d(0, 0, 0)
    }

    body .numeros p {
        padding-top: 3rem
    }

    body .servicios .h2 svg,
    body .servicios h2 svg {
        width: 100%;
        height: 35% !important;
        transform: translate3d(0, 0, 0)
    }

    body .servicios .swiper a {
        padding-top: 1rem
    }

    body .servicios p {
        padding-top: 3rem
    }

    body .especial {
        height: auto;
    }

    body .especial .title-entretenimiento.h2,
    body .especial h2.title-entretenimiento {
        margin-top: 4rem
    }

    body .especial .title-entretenimiento.h2 svg,
    body .especial h2.title-entretenimiento svg {
        width: 100%;
        height: 45% !important;
        transform: translate3d(0, 0, 0)
    }

    body .especial .shine1,
    body .especial .shine2,
    body .especial .shine3 {
        width: calc(660px + 250 * ((100vw - 1920px)/ 1024));
        height: calc(540px + 250 * ((100vw - 1920px)/ 1024))
    }

    body .especial .container-events {
        /* position: absolute;
        bottom: 6% */
        margin-top: 3em;
        /* padding-top: 3em; */
    }

    body .especial .container-events p {
        font-size: var(--h3);
        text-align: center;
        padding-right: auto;
    }

    body .especial .fireworks.shine1 {
        left: 7% !important;
        top: 5% !important
    }

    body .especial .fireworks.shine2 {
        right: 7% !important;
        top: 5% !important
    }

    body .especial .fireworks.shine3 {
        top: 17% !important
    }

    body .especial .container-fireworks {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    body .especial .shine1 svg {
        position: absolute;
        top: -40%
    }

    body .especial .shine2 svg {
        position: absolute;
        top: -23%
    }

    body .especial .shine3 svg {
        position: absolute;
        top: -40%
    }
}

body .main-servicios .hero {
    height: 100vh;
    background: url(../img/servicios-bg.jpg);
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

body .main-servicios .hero::after {
    height: 30px;
    width: 100%;
    display: block;
    position: absolute;
    background: url(../img/textura-gray-h.png) center/cover no-repeat;
    bottom: -29px;
    z-index: 1
}

body .main-servicios .hero .title {
    margin: auto;
    color: var(--txt-prm)
}

body .main-servicios .hero p.p-trabajo {
    font-family: Helvetica-light;
    padding-left: .7rem;
    padding-right: .7rem;
    font-size: 4vw;
    color: #171717;
    text-align: center;
    margin-top: 1rem
}

body .main-servicios .hero span {
    font-family: Helvetica-bold-cond
}

body .main-servicios .content-swiper {
    background: url(../img/servicios-bg.jpg);
    padding-bottom: 3rem;
    position: relative;
}

body .main-servicios .content-swiper .bg-orange {
    background-color: #FF5051;
    width: 100%;
    position: relative;
    overflow: hidden
}

body .main-servicios .content-swiper .bg-orange .h2,
body .main-servicios .content-swiper .bg-orange h2 {
    color: #fff;
    margin-top: 1.5rem;
    letter-spacing: 2px;
    font-family: Helvetica-bold;
    padding-left: 1.5rem;
    line-height: 35px;
    padding-bottom: 1.5rem
}

body .main-servicios .content-swiper .bg-orange .img-colapse {
    width: 100%
}

@media(max-width:600px) {
    body .main-servicios .content-swiper .bg-orange .img-colapse {
        width: 100%;
        height: 550px;
        object-fit: cover;
    }
}

body .main-servicios .content-swiper .bg-orange .expand-info {
    color: #fff;
    background: #ff5051;
    width: 40px;
    height: 40px;
    display: -ms-grid;
    display: grid;
    border-radius: 50%;
    place-items: center;
    text-decoration: none;
    font-size: 15px;
    position: absolute;
    right: 2%;
    bottom: 13%;
    box-shadow: 8px 10px 10px 1px rgba(0, 0, 0, .5);
    cursor: pointer
}

body .main-servicios .content-swiper .close-info {
    color: #fff;
    display: none;
    place-items: center;
    text-decoration: none;
    font-size: 20px;
    position: absolute;
    cursor: pointer;
    z-index: 20;
}

/* @media(max-width:1024px) {
    body .main-servicios .content-swiper .expand-info {
        color: #fff;
        background: #ff5051;
        width: 40px;
        height: 40px;
        display: -ms-grid;
        display: grid;
        border-radius: 50%;
        place-items: center;
        text-decoration: none;
        font-size: 15px;
        position: absolute;
        right: 5%;
        bottom: 19%;
        box-shadow: 8px 10px 10px 1px rgba(0, 0, 0, .5);
        cursor: pointer;
        z-index: 20;
    }
} */

body .main-servicios .content-swiper .bg-orange .info-swiper {
    color: #fff;
    font-family: Helvetica-light;
    letter-spacing: 2px;
    padding-left: 1.5rem;
    line-height: 18px;
    font-size: 18px;
    margin-top: 1rem;
    display: none
}

body .main-servicios .content-swiper .bg-orange .section-gallery-mobile-swiper {
    display: none
}

body .main-servicios .content-swiper .bg-orange .list-container li {
    margin-top: 2rem;
    display: inline-block;
    font-family: Helvetica-bold;
}

body .main-servicios .content-swiper .bg-orange .list-container li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    margin-top: 1rem;
    display: block;
    cursor: pointer;
    line-height: 35px;
}

@media(min-width: 1025px) {
    body .main-servicios .content-swiper .bg-orange .list-container li a {
        font-size: 17px;
        line-height: 50px;
    }
}


body .main-servicios .content-swiper .bg-orange .list-container li a i {
    position: absolute;
    right: 12px;
    font-size: 20px
}

body .main-servicios .content-swiper .bg-onrage-deskt,
body .main-servicios .content-swiper .gallery-container {
    display: none
}

body .main-servicios .content-swiper .bg-onrage-deskt,
body .main-servicios .content-swiper .gallery-lanzamiento {
    display: none
}

body .main-servicios .content-swiper .swiper-button-next,
body .main-servicios .content-swiper .swiper-button-prev {
    margin-top: -40%;
    color: #000;
}

body .main-servicios .eventos {
    padding: var(--paddingSection);
    background: url(../img/back-contacto.webp) center/cover no-repeat #191919;
    padding-top: 4rem;
    position: relative
}

body .main-servicios .eventos::after {
    content: "";
    height: 30px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -29px;
    z-index: 1
}

body .main-servicios .eventos .fireworks {
    position: absolute;
    top: 5em;
    width: calc(340px + 250 * ((100vw - 1920px)/ 1024));
    height: calc(340px + 250 * ((100vw - 1920px)/ 1024));
    transform: scale(0);
    transition: .8s ease-in-out all
}

body .main-servicios .eventos .fireworks.revealed {
    transform: scale(1)
}

body .main-servicios .eventos .fireworks.shine1 {
    left: -7em;
    top: 10em
}

body .main-servicios .eventos .fireworks.shine2 {
    right: -7em;
    top: 10em
}

body .main-servicios .eventos .fireworks.shine3 {
    right: 0;
    left: 0;
    top: 20em;
    margin: auto
}

@media (max-width:640px) {
    body .main-servicios .eventos .fireworks {
        width: calc(300px + 190 * ((100vw - 640px)/ 360));
        height: calc(300px + 190 * ((100vw - 640px)/ 360))
    }
}

body .main-servicios .eventos .shine1,
body .main-servicios .eventos .shine2 {
    width: calc(860px + 250 * ((100vw - 1920px)/ 1024));
    height: calc(740px + 250 * ((100vw - 1920px)/ 1024));
    position: absolute
}

body .main-servicios .eventos .shine1 svg {
    position: absolute;
    top: 95%;
    left: 38%;
    z-index: 1
}

body .main-servicios .eventos .shine2 svg {
    position: absolute;
    top: 97%;
    left: -60%;
    z-index: 1
}

body .main-servicios .eventos .section-gallery-mobile {
    margin-top: 3rem;
    padding-top: 6rem
}

body .main-servicios .eventos .title {
    margin: 0 auto;
    color: #fff
}

body .main-servicios .eventos p {
    color: #fff;
    text-align: center;
    margin-top: 3rem;
    font-family: Helvetica-light;
    font-size: 15px
}

body .main-servicios .eventos p span {
    font-family: Helvetica-bold
}

body .main-servicios .eventos video {
    width: 100%;
    display: block;
    margin: 3rem auto auto;
    position: relative;
    z-index: 20
}

body .main-nosotros .equipo .container-tabs,
body .main-servicios .eventos .section-gallery {
    display: none
}

body .main-nosotros .pleca::after,
body .main-servicios .pleca::after,
body .pleca::after {
    content: "";
    z-index: 1;
    transform: rotateZ(180deg)
}

body .main-servicios .especial {
    height: 80vh;
    background: url(../img/back-servicios-especial.jpg) center/cover no-repeat #fff;
    padding: var(--paddingSection);
    position: relative
}

body .main-servicios .especial .title {
    margin: auto;
    color: var(--txt-sec)
}

body .main-servicios .especial .title::after,
body .main-servicios .especial .title::before {
    background: var(--bg-sec)
}

body .main-servicios .pleca {
    background: var(--bg-gris);
    padding: 1.5em;
    position: relative
}

body .main-servicios .pleca::after {
    height: 30px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -29px
}

body .main-servicios .pleca img {
    max-width: calc(170px + 50 * ((100vw - 1920px)/ 1024))
}

@media (max-width:640px) {
    body .main-servicios .pleca {
        padding-top: 2em;
        padding-bottom: 1em
    }

    body .main-servicios .pleca img {
        max-width: 120px
    }

    body .main-servicios .eventos .fireworks.shine1 {
        left: calc(-200px - 150 * ((100vw - 640px)/ 360));
        top: 45%
    }

    body .main-servicios .eventos .fireworks.shine2 {
        right: calc(-200px - 170 * ((100vw - 640px)/ 360));
        top: 40%
    }
}

@media (max-width:1024px) {
    body .main-servicios .eventos p br {
        display: none
    }
}

@media (min-width:1025px) {

    body .main-servicios .content-swiper .gallery-container .gallery__item:nth-child(1),
    body .main-servicios .content-swiper .gallery-container .gallery__item:nth-child(2),
    body .main-servicios .content-swiper .gallery-container .gallery__item:nth-child(4),
    body .main-servicios .content-swiper .gallery-container .gallery__item:nth-child(6),
    body .main-servicios .content-swiper .gallery-container .gallery__item:nth-child(8) {

        grid-column-start: span 1
    }

    body .main-servicios .content-swiper .gallery-container .gallery__item:nth-child(3),
    body .main-servicios .content-swiper .gallery-container .gallery__item:nth-child(5),
    body .main-servicios .content-swiper .gallery-container .gallery__item:nth-child(9) {
        -ms-grid-column: span 2;
        grid-column-start: span 2
    }

    body .main-servicios .content-swiper .gallery-container .gallery__item:nth-child(7) {
        -ms-grid-row: span 2;
        grid-row-start: span 2;
    }

    body .main-servicios .content-swiper .gallery-lanzamiento .gallery__item:nth-child(2),
    body .main-servicios .content-swiper .gallery-lanzamiento .gallery__item:nth-child(4),
    body .main-servicios .content-swiper .gallery-lanzamiento .gallery__item:nth-child(8) {
        -ms-grid-column: span 2;
        grid-column-start: span 2
    }

    body .main-servicios .hero #title-servicios {
        margin-top: 2rem
    }

    body .main-servicios .hero p.trabajo-desk {
        font-family: Helvetica-light;
        font-size: 1.9vw;
        color: #171717;
        text-align: center;
        display: block !important;
        line-height: 1;
        margin-top: 3rem
    }

    body .main-servicios .hero span {
        font-family: Helvetica-bold-cond;
        letter-spacing: 2px
    }

    body .main-servicios .hero p.p-trabajo {
        display: none
    }

    body .main-servicios .eventos p {
        font-size: 1.9vw;
        margin-top: 3rem
    }

    body .main-servicios .eventos video {
        width: 65%;
        display: block;
        margin: 3rem auto auto
    }

    body .main-servicios .eventos .shine1,
    body .main-servicios .eventos .shine2 {
        width: calc(460px + 250 * ((100vw - 1920px)/ 1024))
    }

    body .main-servicios .eventos .section-gallery-mobile {
        display: none
    }

    body .main-servicios .eventos .section-gallery {
        display: block;
        margin-top: 5rem
    }

    body .main-servicios .eventos .shine1 svg {
        top: 35%;
        left: 327%
    }

    body .main-servicios .eventos .shine2 svg {
        top: 35%;
        left: -15%
    }

    body .main-servicios .content-swiper {
        padding-bottom: 8rem
    }

    body .main-servicios .content-swiper .bg-orange {
        position: relative;
        padding: .4rem;
        margin-left: 1rem;
        height: 600px
    }

    body .main-servicios .content-swiper .bg-orange:hover {
        height: 600px
    }

    body .main-servicios .content-swiper .bg-orange:hover .img-colapse {
        margin-top: -197.6% !important;
        transition: 1.5s;
    }

    body .main-servicios .content-swiper .bg-orange:hover .info-swiper {
        display: block;
        /* padding-left: .5rem; */
        font-size: 20px;
        line-height: 30px;
    }

    body .main-servicios .content-swiper .bg-orange:hover .h2,
    body .main-servicios .content-swiper .bg-orange:hover h2 {
        margin-top: 2rem;
    }

    body .main-servicios .content-swiper .bg-orange .info-swiper {
        display: none
    }

    body .main-servicios .content-swiper .bg-orange .section-gallery-mobile-swiper {
        display: none !important
    }

    body .main-servicios .content-swiper .bg-orange .close-info,
    body .main-servicios .content-swiper .bg-orange .expand-info,
    body .main-servicios .content-swiper .bg-orange .list-container i {
        display: none
    }

    body .main-servicios .content-swiper .bg-orange .h2,
    body .main-servicios .content-swiper .bg-orange h2 {
        font-size: 1.7vw;
        padding-left: 1rem
    }

    body .main-servicios .content-swiper .bg-orange .list-container li {
        margin-top: 1rem
    }

    body .main-servicios .content-swiper .bg-orange .list-container li a:hover {
        color: #171717;
        transition: .5s ease-in-out
    }

    body .main-servicios .content-swiper .bg-onrage-deskt {
        display: -ms-flexbox !important;
        display: flex !important
    }

    body .main-servicios .content-swiper .close-gallery {
        position: absolute;
        right: 0%;
        color: #fff;
        z-index: 3;
        top: 2%;
        cursor: pointer;
        background-color: transparent;
        border: transparent;
    }

    body .main-servicios .content-swiper .gallery-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        /* padding: 14px; */
        grid-gap: 10px;
        background: #444c;
        position: absolute;
        transform: translate(168%);
        margin-top: 0;
        width: 59.8%;
        height: 600px
    }

    body .main-servicios .content-swiper .gallery-lanzamiento {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        padding: 30px;
        grid-gap: 10px;
        background: #444;
        position: absolute;
        left: 105%;
        margin-top: 0;
        width: 59.8%;
        height: 600px
    }

    body .main-servicios .content-swiper .gallery-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s;
    }

    body .main-servicios .content-swiper .gallery-lanzamiento img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }


    body .main-servicios .content-swiper .gallery-lanzamiento .gallery__item:nth-child(6) {
        -ms-grid-row: span 2;
        grid-row-start: span 2
    }

    body .main-servicios .content-swiper .swiper-services {
        display: none
    }
}

@media (min-width:1500px) {

    body .main-servicios .content-swiper .bg-orange,
    body .main-servicios .content-swiper .bg-orange:hover {
        height: 815px
    }

    body .main-servicios .content-swiper .tres {
        transition: all 1.2s ease 0s
    }

    body .main-servicios .content-swiper .gallery-container {
        transition: all 1.2s ease 0s;
        width: 64.7%;
        height: 815px
    }

    body .main-servicios .content-swiper .gallery-lanzamiento {
        transition: all 1.2s ease 0s;
        width: 64.7%;
        height: 815px
    }

}

@media(min-width:1500px) {
    body .main-servicios .content-swiper .gallery-container {
        transform: translate(155%);
    }
}



body .main-nosotros .about-entretener {
    height: 90vh;
    background: url(../img/back-contacto.webp) center/cover no-repeat #1c1b1c;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

body .main-nosotros .about-entretener img.persons {
    width: 300%;
    position: absolute;
    top: 15%;
    left: -80%
}

body .main-nosotros .about-entretener .title-nosotros.h2,
body .main-nosotros .about-entretener h2.title-nosotros {
    margin-top: -3rem
}

body .main-nosotros .about-entretener p.expertos {
    color: #fff;
    text-align: center;
    font-family: Helvetica-light;
    position: relative;
    padding-top: 3rem
}

body .main-nosotros .about-entretener p.expertos span,
body main .error p.text {
    font-family: Helvetica-bold
}

body .main-nosotros .valores {
    background: url(../img/servicios-bg.jpg) #fff;
    background-size: 100%;
    padding-bottom: 4rem;
    padding-top: 4rem;
}


body .main-nosotros .valores .ideales.h2 svg,
body .main-nosotros .valores h2.ideales svg {
    width: 60% !important;
    margin: 0 auto;
    display: block
}

body .main-nosotros .valores--copy {
    padding: 0 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

body .main-nosotros .valores .title-valores {
    background: #fff;
    position: relative;
    padding: 15px 60px 15px 15px;
    border: 5px solid var(--bg-prm);
    border-width: 3px 0 0 3px;
    font-family: Helvetica-bold-cond;
    margin: 3rem 0 1.2em;
    font-size: 15px;
    color: #FF5051;
    font-weight: 700;
    top: 36%
}

body .main-nosotros .valores .title-valores::after {
    content: "";
    width: 3px;
    height: 50%;
    position: absolute;
    right: 0;
    top: 0;
    background: var(--bg-prm)
}

body .main-nosotros .valores p.agencia {
    text-align: center;
    color: #151515;
    margin-top: 3rem;
    padding-top: 1rem;
    font-size: .9rem;
    padding-right: 1rem;
    padding-left: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Helvetica-regular;
}

body .main-nosotros .valores p.agencia-content {
    text-align: center;
    color: #191919;
    font-family: Helvetica-light;
    font-size: .93rem;
    padding: 1rem 1rem 0rem
}
body .main-nosotros .valores p.agencia-content strong {
    text-align: center;
    color: #191919;
    font-family: Helvetica-light;
    font-size: 1rem;
}

body .main-nosotros .valores .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #FD4C18;
    border-radius: 0 !important;
    left: 0;
    top: 0
}

body .main-nosotros .valores .swiper-button-next {
    right: 10px;
    left: auto;
    margin-top: 3rem
}

body .main-nosotros .valores .swiper-button-prev {
    left: 10px;
    right: auto;
    margin-top: 3rem
}

body .main-nosotros .valores .h3,
body .main-nosotros .valores h3 {
    font-family: var(--primariaBold);
    margin-bottom: 1em
}


body .main-nosotros .equipo {
    background: url(../img/back-especial.webp) no-repeat;
    /* padding: var(--paddingSection); */
    padding-bottom: 4rem;
    padding-top: 4rem;
}

body .main-nosotros .equipo .swiper-team {
    margin-top: 3rem;
    padding-top: 3rem;
    height: 680px !important
}

body .main-nosotros .equipo #myTab {
    display: block
}

body .main-nosotros .equipo #myTab li {
    font-size: var(--h3);
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    cursor: pointer
}

body .main-nosotros .equipo #myTab li a {
    color: #fff;
    text-align: center;
    border: none;
    font-family: var(--primariaBold);
    padding-bottom: 30px
}

body .main-nosotros .equipo #myTab li a.active {
    color: #ff5051;
    background: 0 0;
    position: relative;
    border-bottom: 3px solid var(--bg-prm);
    top: 2px;
    width: 103%
}

body .main-nosotros .equipo #myTab li a.active::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid var(--bg-prm);
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto
}

body .main-nosotros .equipo .tab-pane {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 7em
}

body .main-nosotros .equipo .tab-pane.active {
    display: block
}

body .main-nosotros .equipo .tab-pane .nav--img {
    border: 3px solid var(--bg-prm);
    width: calc(200px + 10 * ((100vw - 1920px)/ 1024));
    height: calc(200px + 10 * ((100vw - 1920px)/ 1024));
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: .5rem;
}

body .main-nosotros .equipo .tab-pane .nav--img img {
    object-fit: cover;
    object-position: center;
    width: calc(200px + 10 * ((100vw - 1920px)/ 1024));
    height: calc(178px + 10 * ((100vw - 1920px)/ 1024));
}

body .main-nosotros .equipo .tab-pane .nav--img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    margin: auto
}

body .main-nosotros .equipo .tab-pane p {
    font-size: var(--h4);
    color: #fff;
    text-align: center;
    margin-top: 3rem;
    /* padding-top: 1rem; */
    font-family: Helvetica-light
}

body .main-nosotros .grupo {
    position: relative;
    background: url(../img/servicios-bg.jpg);
    background-size: 100%;
    padding-top: 4rem;

}

body .main-nosotros .grupo .title {
    margin: auto
}

body .main-nosotros .grupo .title p {
    font-size: 88px;
    margin: auto 1em;
    color: #ff5151;
    font-family: 'Helvetica-bold';
    text-transform: uppercase;
}

@media(max-width: 768px) {
    body .main-nosotros .grupo .title p {
        font-size: 48px;
    }
}

body .main-nosotros .grupo img {
    display: block;
    margin: 0 auto
}

body .main-nosotros .pleca {
    background: var(--bg-gris);
    padding: 1.5em;
    position: relative
}

body .main-nosotros .pleca::after {
    height: 30px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -29px
}

body .main-nosotros .pleca img {
    max-width: calc(170px + 50 * ((100vw - 1920px)/ 1024))
}

@media (max-width:640px) {
    body .main-nosotros .pleca {
        padding-top: 2em;
        padding-bottom: 1em
    }

    body .main-nosotros .pleca img {
        max-width: 120px
    }
}

@media (min-width:1025px) {
    body .main-nosotros .about-entretener {
        height: 100vh
    }

    body .main-nosotros .about-entretener img.persons {
        width: 110%;
        top: -6%;
        left: -5%
    }

    body .main-nosotros .about-entretener .title-nosotros.h2,
    body .main-nosotros .about-entretener h2.title-nosotros {
        margin-top: -1rem
    }

    body .main-nosotros .about-entretener p.expertos {
        font-size: 1.7vw;
        padding-top: 4rem
    }

    body .main-nosotros .valores {
        padding-bottom: 0;
    }

    body .main-nosotros .valores .reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-top: 2rem;
        /* padding-top: 2rem */
    }

    body .main-nosotros .valores .title-valores {
        width: 70%;
        top: 0;
        left: -40%;
        font-size: 36px;
        padding: 20px 0 20px 35px
    }

    body .main-nosotros .valores .title-valores.cumpl {
        width: 75%;
        top: 0;
        left: 70%;
        font-size: 36px;
        padding: 20px 0 20px 35px
    }

    body .main-nosotros .valores .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: block;
        transition-property: transform;
        box-sizing: content-box
    }

    body .main-nosotros .equipo .swiper-team,
    body .main-nosotros .valores .swiper-button-next,
    body .main-nosotros .valores .swiper-button-prev,
    body .main-nosotros .valores p.agencia-content br {
        display: none
    }

    body .main-nosotros .valores .reverse-two {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    body .main-nosotros .valores .container-content {
        position: relative;
        top: -105%;
        left: -5%
    }

    body .main-nosotros .valores p.agencia {
        font-size: 1.3vw;
        text-align: left;
        padding-left: 4rem
    }

    body .main-nosotros .valores p.agencia-content {
         font-size: 1.35vw; 
        padding-left: 4.2rem;
        text-align: left
    }
    body .main-nosotros .valores p.agencia-content strong {
        font-size: 1.5vw; 
        text-align: left
   }

    body .main-nosotros .valores .row.elevar {
        margin-top: -11rem
    }

    body .main-nosotros .valores .swiper-scrollbar {
        background-color: transparent
    }

    body .main-nosotros .equipo .swiper-scrollbar-drag {
        background-color: transparent !important
    }

    body .main-nosotros .equipo .container-tabs {
        margin-top: 5rem;
        display: block
    }

    body .main-nosotros .equipo .nav-tabs {
        border-bottom: 3px solid #dee2e6
    }

    body .main-nosotros .equipo #myTab {
        display: -ms-flexbox;
        display: flex
    }

    body .main-nosotros .equipo #myTab li {
        font-size: var(--h3);
        -ms-flex-preferred-size: 25%;
        /* flex-basis: 25%; */
        cursor: pointer
    }

    body .main-nosotros .equipo #myTab li a {
        color: #fff;
        text-align: center;
        border: none;
        font-family: var(--primariaBold);
        padding-bottom: 30px
    }

    body .main-nosotros .equipo #myTab li a.active {
        color: #ff5051;
        background: 0 0;
        position: relative;
        border-bottom: 3px solid var(--bg-prm);
        top: 2px;
        width: 103%
    }

    body .main-nosotros .equipo #myTab li a.active::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 30px solid var(--bg-prm);
        position: absolute;
        bottom: -30px;
        left: 0;
        right: 0;
        margin: auto
    }

    body .main-nosotros .equipo .tab-pane {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 7em
    }

    body .main-nosotros .equipo .tab-pane.active {
        display: -ms-flexbox;
        display: flex
    }

    body .main-nosotros .equipo .tab-pane .nav--img {
        border: 3px solid var(--bg-prm);
        width: calc(300px + 10 * ((100vw - 1920px)/ 1024));
        height: calc(300px + 10 * ((100vw - 1920px)/ 1024));
        overflow: hidden;
        position: relative;
        display: -ms-grid;
        display: grid;
        place-items: center;
        padding: .5rem;
    }

    body .main-nosotros .equipo .tab-pane .nav--img img {
        object-fit: cover;
        object-position: center;
        width: calc(300px + 10 * ((100vw - 1920px)/ 1024));
        height: calc(270px + 10 * ((100vw - 1920px)/ 1024));
    }

    body .main-nosotros .equipo .tab-pane .nav--img::after {
        content: "";
        /* border: 10px solid var(--bg-sec); */
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 50%;
        left: 0;
        top: 0;
        margin: auto
    }

    body .main-nosotros .equipo .tab-pane p {
        font-size: var(--h3);
        color: #fff;
        padding: 60px 30px;
        margin-left: 80px;
        border-left: 5px solid var(--bg-prm);
        -ms-flex: 1;
        flex: 1;
        text-align: left
    }

}

body .contacto {
    background: url(../img/back-contacto.webp) 0 0/contain var(--bg-sec)
}

body .contacto .formulario {
    padding: var(--paddingSection);
    /* padding-bottom: 3em */
}

body .contacto .formulario form {
    /* display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr); */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 1em
}

.flex-item {
    display: flex;
    flex-direction: column;
    flex-basis: 49%;
}

@media(max-width: 1024px) {
    .flex-item {
        flex-basis: 100%;
    }
}

body .contacto .formulario .btn::after,
body .contacto .mapa__item br {
    display: none
}

body .contacto .formulario .input {
    margin-bottom: 1em;
    margin-top: 1rem;
}

.terminos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
    margin-top: 1rem;
}

.btn-word {
    width: 50%;
    display: block;
    margin: auto;
}

.container-fechas {
    display: flex;
    gap: 1em;
}

@media(max-width: 1024px) {
    .container-fechas {
        display: block;
    }

    .lightpick {
        z-index: 0;
        background: transparent;
        padding: 0px;
    }

    .lightpick--inlined {
        top: 10px;
    }

    .lightpick__months {
        background: transparent;
    }

    .lightpick__month {
        padding: 0px;
    }

    .lightpick__month {
        width: 100%;
    }

    .lightpick__day.is-start-date.is-in-range {
        background-color: #ff5051;
    }

    .lightpick__day.is-end-date.is-in-range {
        background-color: #ff5051;
    }

    .lightpick__day.is-in-range {
        background-color: #444444;
        color: #fff !important;
    }

    .lightpick__month-title-bar {
        background: #ff5051;
        display: flex;
        margin-bottom: 4px;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .lightpick__previous-action {
        background-color: transparent;
        color: #fff;
        position: absolute;
        left: 0;
        margin-top: -1rem;
    }

    .lightpick__next-action {
        background-color: transparent;
        color: #fff;
        position: absolute;
        right: 0;
        margin-top: -1rem;
    }

    /* .lightpick__select-years {
        display: none;
    } */

    .lightpick__month-title>.lightpick__select-months {
        color: #fff;
        text-transform: uppercase;
    }

    .lightpick__select-years {
        color: #fff;
        text-transform: uppercase;
    }
}

body .contacto .formulario #input-cal {
    grid-column: 2/2;
    grid-row: 7/4
}

body .contacto .formulario #input-cal #calendario {
    background: #fff
}

#input-cal {
    margin-top: 1.4em;
}

#input-cal-2 {
    margin-top: 1.4em;
}

body .contacto .formulario .btn {
    -ms-flex-pack: center;
    justify-content: center;
    display: grid;
    grid-column: 1/3;
    margin: 2em 0;

}

.wpcf7 form .wpcf7-response-output {
    position: relative;
    width: 45%;
    top: 1em;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 1em 0 0 1em !important;
    color: #fff !important;
    font-size: 18px;
    font-family: Helvetica-light;
}

.wpcf7-list-item a {
    color: #fff;
    text-decoration: underline;
}

.wpcf7-list-item-label {
    margin-left: .3em !important;
}

@media(max-width: 1024px) {
    /* body .contacto .formulario .btn {
        margin-left: 25%;
    } */

    .wpcf7 form .wpcf7-response-output {
        /* margin: 2em 0.5em 5em !important; */
        padding: 1.2em 1.2em;
        position: relative;
        /* top: 30%; */
        width: 210%;
        text-align: left;
        /* left: -180%; */
    }
}


body .contacto .mapa iframe {
    width: 100%;
    height: 500px
}

body .contacto .mapa .h3,
body .contacto .mapa .h4,
body .contacto .mapa h3,
body .contacto .mapa h4 {
    color: #fff;
    font-family: Helvetica-bold-cond;
    font-size: 25px
}

body .contacto .mapa p {
    color: #fff;
    font-family: Helvetica-regular;
    font-size: 16px
}

body .contacto .mapa p a {
    color: inherit;
    text-decoration: none
}

body .contacto .mapa a {
    transition: .2s ease-in-out all
}

@media (hover:hover) {
    body .contacto .mapa a:hover {
        /* color: var(--bg-prm); */
        background: var(--bg-prm);
    }
}

body .contacto .mapa--contacto {
    padding: 2em 0;
    width: 80%;
}

body .contacto .mapa .col-lg-2 {
    width: 12%
}

body .contacto .mapa__item {
    padding-right: 1em;
    width: 40%
}

body .contacto .mapa__item:last-child {
    padding-right: 0
}

body .contacto .mapa__item--redes {
    margin-top: 1em
}

body .contacto .mapa__item--redes a {
    color: var(--bg-sec);
    text-decoration: none;
    margin-right: 20px;
    background: #fff;
    border-radius: 50%;
    padding: .3em
}

@media (max-width:1024px) {

    body .contacto .formulario form .input#input-cal,
    body .contacto .formulario form .input:not(:nth-child(1)):not(:nth-child(2)) {
        grid-column: 1/3
    }

    body .contacto .mapa iframe textarea {
        height: calc(500px - 120 * ((100vw - 1024px)/ 360))
    }

    body .contacto .mapa--contacto {
        -ms-flex-direction: column;
        flex-direction: column
    }

    body .contacto .mapa--contacto .col-lg-2,
    body .contacto .mapa--contacto .mapa__item {
        width: 100%;
        margin-bottom: 1.5em;
        text-align: center;
        padding-right: 0
    }

    body .contacto .mapa--contacto .col-lg-2 br,
    body .contacto .mapa--contacto .mapa__item br {
        display: block
    }

    body .contacto .mapa--contacto .mapa__item--redes {
        -ms-flex-pack: center;
        justify-content: center
    }

    body .contacto .mapa--contacto .mapa__item--redes a {
        margin: 0 1em
    }
}

body .aviso-privacidad {
    margin-bottom: 2rem;
    padding-top: 3rem;
}

body .aviso-privacidad .title-aviso {
    color: #151515;
    font-family: Helvetica-bold-cond;
    font-size: 21px;
    text-align: left;
    letter-spacing: 1.44px;
    text-transform: capitalize
}

body .aviso-privacidad .subtitle-aviso {
    color: #FF5051;
    font-size: 16px;
    font-family: Helvetica-bold-cond;
    margin-top: 1.5rem;
    letter-spacing: 1px;
    line-height: 1
}

body .aviso-privacidad .content-aviso {
    font-size: 11.4px;
    color: #151515;
    font-family: Helvetica-light
}

body .pleca {
    background: var(--bg-gris);
    padding: 1.5em;
    position: relative
}

body .pleca::after {
    height: 30px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -29px
}

body .pleca img {
    max-width: calc(170px + 50 * ((100vw - 1920px)/ 1024))
}

@media (max-width:640px) {
    body .pleca {
        padding-top: 2em;
        padding-bottom: 1em
    }

    body .pleca img {
        max-width: 120px
    }
}

@media (min-width:1025px) {
    body .aviso-privacidad {
        margin-bottom: 3rem;
        padding-left: 3rem;
        padding-right: 3rem;
        padding-top: 4rem;
    }

    body .aviso-privacidad .title-aviso {
        font-size: 3.5vw;
        font-family: Helvetica-bold;
        letter-spacing: 3px;
        text-transform: initial
    }

    body .aviso-privacidad br {
        display: none
    }

    body .aviso-privacidad .subtitle-aviso {
        margin-top: 3.5rem;
        font-size: 1.7vw
    }

    body .aviso-privacidad .content-aviso {
        font-size: 1.24vw;
        margin-top: 1.5rem;
        line-height: 1.4
    }
}

body main {
    margin-top: -.9rem
}

body main .error {
    padding-bottom: 3rem;
    background: url(../img/bg-error.png);
    padding-top: 3.1rem;
    position: relative
}

body main .error p.text {
    text-align: center;
    color: #1b1b1c;
    background: 0 0;
    font-size: 8vw;
    letter-spacing: 3px;
    text-shadow: -1px -1px 1px #FF5051, 1px -1px 1px #FF5051, -1px 1px 1px #FF5051, 1px 1px 1px #FF5051
}

body main .error .text-center {
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem;
    -ms-flex-pack: center;
    justify-content: center
}

body main .error img {
    width: 40%
}

body main .error p {
    font-size: 16px;
    text-align: center;
    color: #FFF;
    font-family: Helvetica-light;
    margin-top: 3rem
}

body main .error span {
    font-family: Helvetica-bold
}

body main .error button {
    margin-top: 3rem;
    font-family: Helvetica-regular
}

body main .error .redes-sociales {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: baseline;
    align-items: baseline
}

body main .error .redes-sociales p {
    margin-right: 1.5rem;
    text-transform: uppercase;
    font-size: 12px
}

body main .error .redes-sociales a {
    text-decoration: none;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #000;
    background-color: #FF5051;
    border-radius: 50%;
    margin-right: .5rem
}

@media (min-width:1025px) {
    body main .error {
        padding-top: 1.1rem
    }

    body main .error p.text {
        font-size: 75px;
        text-shadow: -2px -2px 1px #FF5051, 2px -2px 1px #FF5051, -2px 2px 1px #FF5051, 2px 2px 1px #FF5051;
        letter-spacing: 5px
    }

    body main .error img {
        width: 23%;
        margin-right: 2rem
    }

    body main .error p {
        font-size: 30px;
        letter-spacing: .7px
    }
}

.fa-regular {
    font-size: 1.5rem !important;
}

h2.galeria-eventos {
    text-align: center;
    font-family: Helvetica-bold;
    color: #fff;
    margin-bottom: 50px;
}


body .main-nosotros .grupo .grid_card {
    background-color: transparent;
    padding: 20px;
    position: relative;
    overflow: hidden;
    height: calc(300px + 10 * ((100vw - 1280px) / 1920));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}

body .main-nosotros .grupo .grid_card:hover .grid_card_text {
    opacity: .7;
}

body .grid_card_text {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    padding: 30px;
    display: grid;
    place-content: center;
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    background: #171717;
    transition: 0.3s ease-in-out all;
}

body .card_text {
    font-size: 16px;
    font-family: Helvetica-light;
    color: #fff;
}

@media(max-width: 1024px) {
    body .main-nosotros .grupo .grid_card {
        flex-direction: column;
        /* padding: 0px; */
        height: auto;
        margin-bottom: 0em;
    }

    body .grid_card_text {
        opacity: 1;
        position: relative;
        background: 0 0;
        padding: 0;
    }

    body .card_text {
        color: #000;
        font-size: 10px;
        text-align: left;
    }
}

@media(max-width: 1024px) {
    .articles {
        display: none;
    }
}

#input-cal-2 {
    justify-content: flex-end;
}

@media(min-width: 1025px) {
    .lightpick {
        padding: 0px;
        z-index: 1;
    }

    .lightpick--inlined {
        top: 40px;
        width: 240%;
        height: 392px;
    }

    .lightpick__month-title-bar {
        margin-bottom: 20px;
        align-items: center;
        justify-content: center;
        position: relative;
        background-color: #FF5051;
        padding: 10px;
    }

    /* .lightpick__select-years {
        display: none;
    } */

    .lightpick__month-title>.lightpick__select-months {
        color: #fff;
        text-transform: uppercase;
        font-size: 25px;
        font-family: Helvetica-bold-cond;
    }

    .lightpick__select-years {
        color: #fff;
        text-transform: uppercase;
        font-size: 25px;
        font-family: Helvetica-bold-cond;
    }

    .lightpick__month {
        padding: 0px;
        width: 100%;
        background-color: #FFF;
    }

    .lightpick__previous-action {
        position: absolute;
        left: 0;
    }

    .lightpick__next-action {
        position: absolute;
        right: 0;
    }

    .lightpick__day-of-the-week {
        font-size: 20px;
        text-transform: uppercase;
        color: #ff5051;
    }

    .lightpick__day {
        height: 46px;
        font-size: 20px;
        color: #151515 !important;
    }

    .lightpick__previous-action {
        font-size: 30px;
        color: #fff;
        background-color: transparent;
        margin-left: 40px;
        margin-top: -1rem;
    }

    .lightpick__next-action {
        font-size: 30px;
        color: #fff;
        background-color: transparent;
        margin-right: 40px;
        margin-top: -1rem;
    }

    .lightpick__day.is-previous-month {
        opacity: 0;
    }

    .lightpick__day.is-next-month {
        opacity: 0;
    }

    .lightpick__day.is-today {
        background-image: none;
        background-size: 18.8% auto;
        background-position: center bottom;
        color: #DC322F;
    }

    .lightpick__day.is-end-date.is-in-range {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='tomato' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important;
    }

    .lightpick__day.is-start-date {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='tomato' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important;
        background-size: auto;
        color: ;
        background-position: center;
        color: #FFF;
        font-weight: bold;
    }

    .lightpick__day.is-start-date.is-in-range,
    .lightpick__day.is-end-date.is-in-range.is-flipped {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0 !important;
        background-color: #444444;
        color: #fff !important;
    }

    .lightpick__day.is-end-date.is-in-range,
    .lightpick__day.is-start-date.is-in-range.is-flipped {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0 !important;
        background-color: #444444;
        color: #fff !important;
    }

    .lightpick__day.is-in-range {
        border-radius: 0;
        background-color: rgba(0, 0, 0, .5);
        background-image: none;
        color: #fff !important;
        -webkit-mask-box-image: url(../img/brush-black.svg);
        -moz-mask-box-image: url(../img/brush-black.svg);
        mask-border: url(../img/brush-black.svg);
    }
}

@media(min-width:1300px) and (max-width:1700px) {
    .lightpick--inlined {
        top: 40px;
        width: 165%;
        height: 392px;
    }
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: auto !important;
}

label.fechas {
    margin-bottom: 1.3em;
}

.saber-mas {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
    color: #707070;
    text-decoration: underline;
    cursor: pointer;
}

.grupo .nav-tabs .active a {
    color: #ff5051;
}

.grupo-description {
    font-size: var(--h3);
    color: #515964;
    font-family: Helvetica-light-cond;
    text-align: center;
}

@media(max-width: 1024px) {
    .grupo-description {
        font-size: 16px;
        text-align: center;
    }
}

@media(min-width: 1025px) {
    .container-description {
        padding-right: 3rem;
        padding-left: 3rem;
    }
}

#ancla {
    position: relative;
    top: 110px;
}

.grupo-description a.conocenos {
    color: #515964 !important;
    text-decoration: underline !important;
}

#over {
    background: #444c;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    -webkit-transform: translate3d(0, 0, 0);
    position: fixed;
    visibility: hidden;
}

@media(max-width: 1024px) {
    .wpcf7-not-valid-tip {
        font-size: .8em !important;
    }
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    font-size: 20px !important;
}

body .main-servicios .servicios {
    padding: 64px 0;
    background-image: url(../img/servicios-bg.jpg);
}

body .main-servicios .servicios__card {
    position: relative;
    cursor: pointer;
    padding: 0;
    transition: .3s ease-in-out all
}

@media (hover:hover) {
    body .main-servicios .servicios__card:hover {
        transform: translateY(-40px)
    }

    body .main-servicios .servicios__card:hover .btn-play {
        display: block
    }

    body .main-servicios .servicios__card:hover .servicios__card__video::after {
        background: rgba(0, 0, 0, .3) !important
    }
}

body .main-servicios .servicios__card__video {
    display: block;
    height: max(100vh - 128px, 688px + 220 * (100vw - 1920px) / 1280);
    width: 100%;
    overflow: hidden;
    position: relative;
    object-fit: cover
}

body .main-servicios .servicios__card__video::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    transition: .3s ease-in-out all
}

body .main-servicios .servicios__card__video .video-js {
    height: 100%;
    width: 100%
}

body .main-servicios .servicios__card__video video {
    object-fit: cover
}

body .main-servicios .servicios__card picture {
    display: none
}

body .main-servicios .servicios__card__info {
    width: 100%;
    padding: 80px 40px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

body .main-servicios .servicios__card__info>* {
    width: 100%
}

body .main-servicios .servicios__card__info .h2,
body .main-servicios .servicios__card__info h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: #fff;
    font-family: var(--secundaria-bold);
    width: 80%
}

body .main-servicios .servicios__card__info .h2 .btn-play,
body .main-servicios .servicios__card__info h2 .btn-play {
    display: none;
    position: absolute;
    top: 80px;
    right: calc(20px + 30 * (100vw - 1920px)/ 1280);
    width: calc(60px + 30 * (100vw - 1920px)/ 1280);
    height: calc(60px + 30 * (100vw - 1920px)/ 1280);
    background: url(https://live-events.stage-pruebas.com/wp-content/uploads/2023/10/icon-play.svg) center/contain no-repeat
}

body .main-servicios .servicios__card__info p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #fff;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: calc(64px + 84 * (100vw - 1920px)/ 1280);
    color: transparent;
}

body .main-servicios .servicios__card__info a {
    color: var(--txt-prm);
    text-decoration: none;
    font-family: var(--secundaria-bold);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    column-gap: 12px;
    font-size: 1.25rem;
    line-height: 2rem
}

body .main-servicios .servicios__card__info a::after {
    content: url(https://live-events.stage-pruebas.com/wp-content/uploads/2023/10/icon-arrow-right.svg)
}

@media (width <=768px) {
    body .main-servicios .servicios .row {
        -ms-flex-flow: row;
        flex-flow: row;
        overflow-x: scroll;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        column-gap: 20px;
        margin-left: calc(var(--bs-gutter-x) * .5)
    }

    body .main-servicios .servicios__card {
        scroll-snap-align: start;
        width: 85%
    }

    body .main-servicios .servicios__card:last-child {
        margin-right: calc(var(--bs-gutter-x) * 1)
    }

    body .main-servicios .servicios__card__video {
        height: 500px
    }

    body .main-servicios .servicios__card__info {
        padding: 80px 32px
    }

    body .main-servicios .servicios__card__info .h2 .btn-play,
    body .main-servicios .servicios__card__info h2 .btn-play {
        display: block;
        width: 40px;
        height: 40px;
        right: 20px
    }

    body .main-servicios .servicios__card__info p {
        margin-bottom: 1.25rem
    }
}

body .main-detalle-servicio {
    background: url(../img/textura-fondo.png) top/cover repeat-y
}

body .main-detalle-servicio .hero__video {
    height: min(900px, 100vh);
    overflow: hidden;
    position: relative
}

body .main-detalle-servicio .hero__video .video-js {
    height: 100%;
    padding: initial;
    background-size: cover;
    width: 100%
}

body .main-detalle-servicio .hero__video .video-js button {
    inset: 0;
    margin: auto
}

body .main-detalle-servicio .hero__video .video-js video {
    object-fit: cover
}

body .main-detalle-servicio .detalle {
    padding: 64px 0
}

body .main-detalle-servicio .detalle .h1,
body .main-detalle-servicio .detalle h1 {
    font-size: calc(56px + 24 * (100vw - 1280px)/ 1920);
    line-height: calc(60px + 24 * (100vw - 1280px)/ 1920);
    color: var(--txt-prm);
    font-family: var(--primaria-bold);
    text-transform: uppercase;
    margin-bottom: 2rem
}

body .main-detalle-servicio .detalle--img {
    padding-left: 0
}

body .main-detalle-servicio .detalle .col-lg-6:not(.detalle--img) {
    max-width: 660px
}

body .main-detalle-servicio .detalle p {
    font-size: calc(22px + 24 * (100vw - 1280px)/ 1920);
    line-height: calc(28px + 24 * (100vw - 1280px)/ 1920)
}

body .main-detalle-servicio .detalle--grid {
    padding: 64px 0
}

body .main-detalle-servicio .detalle--grid .swiper-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    row-gap: 12px;
    column-gap: 12px;
    height: -webkit-max-content;
    height: max-content
}

body .main-detalle-servicio .detalle--grid .swiper a {
    -ms-flex: 0 1 24%;
    flex: 0 1 24%
}

body .main-detalle-servicio .detalle--grid picture {
    display: block;
    overflow: hidden;
    aspect-ratio: 1/1
}

body .main-detalle-servicio .detalle--grid picture img {
    height: 100%;
    object-fit: cover
}

body .main-detalle-servicio .detalle--paginacion {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    column-gap: 32px;
    padding: 24px 0 100px;
    position: relative
}

body .main-detalle-servicio .detalle--paginacion * {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 64px;
    height: 64px;
    background: #000;
    position: relative
}

body .main-detalle-servicio .detalle--paginacion ::after {
    content: url(../img/icon-arrow-white.svg);
    line-height: 0
}

body .main-detalle-servicio .detalle--paginacion .swiper-button-prev {
    transform: rotateZ(180deg)
}

body .main-detalle-servicio .detalle--nav {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    column-gap: 40px
}

body .main-detalle-servicio .detalle--nav .h2,
body .main-detalle-servicio .detalle--nav h2 {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center;
    font-family: var(--primaria-bold);
    margin-bottom: 2rem
}

body .main-detalle-servicio .detalle--nav a {
    font-size: 1.25rem;
    line-height: 2rem;
    -ms-flex: 0 1 calc(25% - 40px);
    flex: 0 1 calc(25% - 40px);
    padding: 12px;
    text-align: center;
    border: 1px solid;
    text-decoration: none;
    transition: .3s ease-in-out all;
    color: #000
}

body .main-detalle-servicio .detalle--nav a.active {
    background: #000;
    color: #fff
}

@media (hover:hover) {
    body .main-detalle-servicio .detalle--nav a:hover {
        background: #000;
        color: #fff
    }
}

body .lightboxOverlay {
    background: #ff5051;
    opacity: .9
}

body .lightbox .lb-image {
    border: 0
}

body .lightbox .lb-image {
    border: 0
}

body .lb-data .lb-close {
    background-image: url(../img/icon-close.svg);
    z-index: 99
}

body .lb-nav {
    position: fixed
}

body .lb-nav a {
    width: 34% !important
}

body .lb-nav a.lb-prev {
    background-image: url(../img/icon-arrow-prev.svg);
    left: 50px;
    position: relative
}

body .lb-nav a.lb-next {
    background-image: url(../img/icon-arrow-back.svg);
    right: 50px;
    position: relative
}

body .lb-data .lb-number {
    color: #fff
}

@media (width <=768px) {
    body .main-detalle-servicio .hero__video {
        height: auto;
        aspect-ratio: 16/9
    }

    body .main-detalle-servicio .detalle {
        padding: 32px 0
    }

    body .main-detalle-servicio .detalle--info {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    body .main-detalle-servicio .detalle .h1,
    body .main-detalle-servicio .detalle h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        margin-bottom: 1rem
    }

    body .main-detalle-servicio .detalle p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    body .main-detalle-servicio .detalle--img {
        padding-left: calc(var(--bs-gutter-x) * .5)
    }

    body .main-detalle-servicio .detalle--grid {
        padding: 20px 0
    }

    body .main-detalle-servicio .detalle--grid .swiper-slide a {
        -ms-flex: 0 1 calc(50% - 9px);
        flex: 0 1 calc(50% - 9px)
    }

    body .main-detalle-servicio .detalle--paginacion {
        column-gap: 40px;
        padding: 20px 0
    }

    body .main-detalle-servicio .detalle--paginacion * {
        width: 40px;
        height: 40px
    }

    body .main-detalle-servicio .detalle--nav {
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 12px
    }

    body .main-detalle-servicio .detalle--nav a {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto;
        padding: 12px;
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    body .lightbox {
        height: 90vh;
        display: -ms-grid;
        display: grid;
        place-items: center
    }

    body .lb-details {
        display: none
    }

    body .lb-data .lb-close {
        right: 16px
    }

    body .lb-nav {
        height: -webkit-max-content;
        height: max-content;
        top: auto;
        bottom: -40px;
        position: absolute;
        width: 60vw;
        margin: auto;
        left: 0;
        right: 0
    }

    body .lb-nav a {
        height: 20px;
        width: 10% !important;
        background-size: contain !important
    }
}


html {
    overflow-x: hidden;
}

body .header {
    top: 40px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    display: block;
    margin: auto;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    display: block;
    margin: auto;
    text-align: center;
}

@media(min-width:1025px) {
    .lightpick__month-title>.lightpick__select-months {
        color: #fff;
        text-transform: uppercase;
        font-size: 20px !important;
        font-family: Helvetica-bold-cond;
        margin-left: 1.3em !important;
    }

    .lightpick__select-years {
        color: #fff;
        text-transform: uppercase;
        font-size: 20px !important;
        font-family: Helvetica-bold-cond;
        margin-left: -10px !important;
    }

}

@media(max-width:600px) {
    #enviar.btn {
        padding: 8px 0px !important;
    }
    .container-swipers{
        margin-top: -5rem;
    }
}

#mas-nosotros:hover {
    color: black !important;
}

/* @media(max-width:640px){
    body .home .especial {
        height: 60vh;
    }
body .especial .container-events {
    position: absolute;
    bottom: 0;
 }
} */
@media(min-width: 1025px){
	body .main-servicios .hero {
		height: 60vh;
    }
    body .main-nosotros .equipo{
        margin-top: -11em;
   }
}