@charset "UTF-8";
/* EMPRESA CSS Document */

@font-face {
    font-family: 'Elephant';
    src: url('fonts/Elephant-Italic.eot');
    src: url('fonts/Elephant-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Elephant-Italic.woff2') format('woff2'),
        url('fonts/Elephant-Italic.woff') format('woff'),
        url('fonts/Elephant-Italic.ttf') format('truetype'),
        url('fonts/Elephant-Italic.svg#Elephant-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Elephant';
    src: url('fonts/Elephant-Regular.eot');
    src: url('fonts/Elephant-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Elephant-Regular.woff2') format('woff2'),
        url('fonts/Elephant-Regular.woff') format('woff'),
        url('fonts/Elephant-Regular.ttf') format('truetype'),
        url('fonts/Elephant-Regular.svg#Elephant-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Thin.eot');
    src: url('fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Thin.woff2') format('woff2'),
        url('fonts/Gotham-Thin.woff') format('woff'),
        url('fonts/Gotham-Thin.ttf') format('truetype'),
        url('fonts/Gotham-Thin.svg#Gotham-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.eot');
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff') format('woff'),
        url('fonts/Gotham-Bold.ttf') format('truetype'),
        url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Light';
    src: url('fonts/Gotham-Light.eot');
    src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Light.woff2') format('woff2'),
        url('fonts/Gotham-Light.woff') format('woff'),
        url('fonts/Gotham-Light.ttf') format('truetype'),
        url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.eot');
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff'),
        url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.ttf') format('truetype'),
        url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Fuentes principales */
html,
body {
    font-size: 20px;
    background-color: var(--bs-white);
}

header {
    z-index: 999999;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.75172006302521) 100%, rgba(255, 255, 255, 0) 100%);
}

/* 75 px */
h1,
.h1 {
    font-size: 3.75rem
}

/* 50 px */
h2,
.h2 {
    font-size: 2.5rem;
    line-height: 50px;
}

/* 29 px */
h3,
.h3 {
    font-size: 1.45rem
}

/* 27 px */
h4,
.h4 {
    font-size: 1.35rem
}

/*  25 px */
h5,
.h5 {
    font-size: 1.25rem
}

/* 22 px */
h6,
.h6 {
    font-size: 1.1rem
}

/* 20px */
.normal {
    font-size: 1rem !important;
}

/*  18px */
.xs {
    font-size: 0.9rem !important;
}

/*  16px */
.xxs {
    font-size: 0.8rem !important;
}

/*  14px */
.xxxs {
    font-size: 0.7rem !important;
}

/*  12px */
.xxxxs {
    font-size: 0.6rem !important;
}

/* 8px */
.xxxxxs {
    font-size: 0.4rem !important;
}

.fs-h12{
    font-size: 1.2rem;
}



.bold,
b,
strong {
    font-weight: 700 !important;
}

.semibold {
    font-weight: 600 !important;
}

.medium {
    font-weight: 500 !important;
}

.regular {
    font-weight: 400 !important;
}

/* .light {
    font-weight: 300 !important;
} */

.thin {
    font-weight: 100 !important;
}

.elephant {
    font-family: var(--bs-font-secondary);
}

.gotham {
    font-family: var(--bs-font-primary);
}

.roboto {
    font-family: "Roboto";
}

.rowGutter0 {
    --bs-gutter-x: 0;
}

.primaryOscuro {
    color: var(--bs-primary-oscuro);
}


.mt-10{
    margin-top: 10rem;
}
p{
    font-size: 0.9rem;
}

/* EMPRESA CSS Document */

/* header */
header {
    border-bottom: solid 1px var(--bs-white);
    background-color: transparent;
    box-shadow: 0px 5px 7px 0px rgb(35 33 34 / 20%);
}

.iconoMenu {
    padding: 5rem 1.4rem 1rem 1.4rem;
    border-right: solid 1px var(--bs-white);
    border-left: solid 1px var(--bs-white);
    cursor: pointer;
    transition: 0.5s ease;
}

.cerrarMenuMovil a,
.selectHeader p {
    margin-bottom: 2rem;
}

.cerrarMenuMovil a::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--bs-primary-oscuro);
    transform: scaleX(0);
    transform-origin: left;
    /* Establece el punto de origen de la transformación en la izquierda */
    transition: transform 0.4s;
}

.cerrarMenuMovil a:hover::after {
    transform: scaleX(1);
}

.contactaHeader{
    display: inline-block;
}

.menuDesplegado {
    padding: 5.8rem 0 4.8rem 0;
    display: none;
    background-color: var(--bs-primary-light);
    box-shadow: 0px 5px 7px 0px rgb(35 33 34 / 20%);
}

.menuDesplegado p {
    opacity: 0.5;
    padding-bottom: 0.3rem;
}

.menuDesplegado.active {
    display: block;
}

.menuDesplegado svg {
    width: 20px;
    height: 20px;
}

.menu-button.active .lineas {
    opacity: 0;
}

.menu-button.active .cruz polygon {
    opacity: 1 !important;
}

.iconoMenu.active {
    background-color: var(--bs-white);
}

.scrolling .iconoMenu {
    padding: 2rem 1.40rem 1rem 1.40rem;
}

.fondoNegroMenu {
    height: 100vh; 
    width: 100vw; 
    display: none;
    position:relative;
}
.fondoNegroMenu.active {
    display: flex;
    z-index: -1;
}
/* SECCIÓN 1 INDEX */
.business {
    height: 100vh;
    object-fit: cover;
}

.logoRotateIndex {
    margin: 0;
    transform: rotate(270deg);
}

.business picture:first-child::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    background-color: var(--bs-black);
    top: 0;
    opacity: 0.55;
}

.business picture:last-child {
    position: absolute;
    bottom: 10%;
    right: 10%;
    transform: rotate(270deg);
}

.business img {
    object-fit: cover;
}

.business div .container-lg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.business a {
    margin-top: 3.9rem;
}

.business p:last-child {
    position: absolute;
    bottom: 8%;
    right: 15%;
    color: var(--bs-white);
    transform: rotate(270deg);
    font-size: 0.4rem;
}

.business p:last-child span {
    font-size: 1.2rem;
}

/* SECCION 2 */

.coworkingAdaptado .row div:last-child {
    padding-left: 3rem;
}

.coworkingAdaptado h2 {
    padding-bottom: 2rem;
}

.coworkingAdaptado .btn-primary {
    margin-top: 1.1rem;
}




/* SERVICIOS */
.servicios {
    padding-top: 13.6rem;
}

.serviciosNav {
    margin-bottom: 5rem;
}

.serviciosNav .active p {
    font-size: calc(1rem + 4px) !important;
}

.serviciosNav p {
    transition: 0.3s ease;
}

.serviciosNav div {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 5rem !important;
    border: solid 1px var(--bs-white);
    padding-top: 1rem;
}

.serviciosNav .col-lg-2:not(.active) p {
    color: white !important;
}

.serviciosNav .col-lg-2 {
    cursor: pointer;
}

.btnServicios p {
    margin-top: 0.5rem !important;
}

.serviciosContenido img {
    object-fit: cover;
}

.opacidadTextosSecundarios {
    opacity: 0.6;
    color: #010A357F;
}

.accordion-item {
    border-bottom: none !important;
    border-top: solid 1px var(--bs-white) !important;
}

.btnServicios {
    padding: 0 !important;
}

/* TARIFAS */
.slideTarifas .box-shadow{
    /* border: 1px solid var(--bs-primary); */
    /* box-shadow: 0px 0px 19px -10px rgba(0, 0, 0, 0.67); */
}

.slideTarifas .col-md-4 .h-100 {

    background-color: var(--bs-primary-light);
    padding: 2rem 1.7rem 2rem 2rem;
}
.slideTarifas .col-md-3 .h-100 {
    background-color: var(--bs-primary-light);
    padding: 2rem 1.6rem 2rem 2rem;
    min-height: 40rem !important;
}
.slideTarifas div ul {
    /* padding-top: 1rem; */
    padding-left: 0;
    list-style-type: none;
    min-height: 8rem;
}

.slick-dots {
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "";
    padding: 0;
}

.slick-dots li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
}

.slick-dots button {
    border: none;
    background-color: transparent;
    height: 12px;
    width: 12px;
    background-color: #dadada;
    border-radius: 1rem;
    transition: transform 0.3s ease;
}

.figureCheck {
    display: inline-block !important;
}

li.slick-active button {
    background-color: rgb(53, 53, 53);
    z-index: 12;
}

.slideTarifas div ul li {
    margin-bottom: 1rem;
}

.slideTarifas div ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.96' height='11.142' viewBox='0 0 11.96 11.142'%3E%3Cpath id='Trazado_265' data-name='Trazado 265' d='M-478.518-4051.956l-4.881-6.4,1.412-1.842,3.387,4.438,5.667-7.342,1.494,1.959Z' transform='translate(483.399 4063.098)' fill='%23c59f36'%3E%3C/path%3E%3C/svg%3E");
}

.tienesStartUp picture img {
    height: 100%;
    object-fit: cover;
}

.tienesStartUp .animated {
    opacity: 0;
}

.textoTarifas {
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-height: calc(4em * 2);
    line-height: 1.2;
}



/* TARIFAS EVENTOS */
.tarifasEventos a {
    position: absolute;
    bottom: 10%;
    right: 50%;
    transform: translate(50%, -10%);
}

.tarifasEventos {
    z-index: 1;
}

.tarifasEventos img {
    height: 100%;
    object-fit: cover;
}

.espacionUnico {

    position: relative;
    z-index: 2;
}

.precioTarifas {
    font-size: 1.9rem;
}

.tarifasEventos img {
    max-height: 50vh;
}

/* ESPACIO */


.espacio {
    background-color: var(--bs-primary-light);
}

.rowGaleria {
    --bs-gutter-x: 1rem !important;
}

/* EL TALENTO DEL FUTURO */


.talentoFuturo .row p {
    margin-bottom: 2rem;
}

.talentoFuturo .row .btn-outline-negro {
    margin-top: 2rem;
}

.talentoFuturo picture img {
    height: 100%;
    object-fit: cover;
}

/* SALA DE REUNION FLEXIBLE */

.salaDeReunion .row p {
    margin-bottom: 2rem;
}

.salaDeReunion .row .btn-outline-negro {
    margin-top: 2rem;
}

.salaDeReunion picture img {
    height: 100%;
    object-fit: cover;
}

.tetxoSalaReuniones {
    height: 2.5rem;
}

/* EVENTOS GASTRONOMICOS */


.eventosGastronomicos .row div div {
    padding-top: 3.5rem;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 3.5rem;
}

.eventosGastronomicos img {
    height: 100%;
    object-fit: cover;
}


/* ALIADO ESENCIAL */

.aliadoEspecial .back+div {
    position: relative;
    z-index: 42;
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aliadoEspecial img {
    height: 100%;
    object-fit: cover;
}

.aliadoEspecial::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 14%, rgba(255, 255, 255, 0) 47%);
}

.aliadoEspecial>.back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /* height: 100%; */
}

/* ACTUALIDAD */

.actualidad .card,
.actualidadTodas .card {
    max-width: 350px;

}

.actualidad .cardActualidad picture img,
.actualidadTodas .cardActualidad picture img {
    object-fit: cover;
   /*  width: 350px; */
    height: 200px;
}

.actualidad .cardActualidad picture,
.actualidadTodas .cardActualidad picture {
    margin: 0;
}

.fechaActualidad {
    color: #010A357F;
    margin-bottom: 0;
}

.grisClarito {
    color: #010A357F;
}

.actualidad .btn-outline-negro,
.actualidadTodas .btn-outline-negro {
    margin-top: 5rem;
}

.actualidad .slick-list,
.actualidadTodas .slick-list {
    padding-bottom: 1rem;
}

.card-body div figure {
    margin-right: 0;
}

#buscar {
    border: none;
    border-bottom: solid 2px var(--bs-primary-oscuro);
    border-radius: 0;
    padding-left: 0;
}

.load-icon {
    margin-top: 5%;
    opacity: 0;
    display: none;
    width: 32%;
    height: 35%;
    transition: opacity 0.5s ease-in-out;
}

.divLoad {
    width: 100%;
    height: 1000px;
    display: none;
}

.divLoad.active .load-icon {
    display: block;
    animation: rotacion 2s infinite;
    opacity: 1;
}

.divLoad.active {
    display: flex !important;
    justify-content: center;
}

/* DONDE ESTAMOS */


.dondeEstamos {
    background-color: #F0F0F0;
}

.dondeEstamos .back picture img {
    height: 100%;
    object-fit: cover;
}

.dondeEstamos .container-lg a {
    z-index: 1;
    position: relative
}

.sectoresPrioritarios{
    background-color: var(--bs-primary-light);
}

.sectoresPrioritarios svg{
    height: 100px;
}
/* SUSCRIBETE */

.card-title,
.card-text {
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    min-height: calc(1.2em * 2);
    line-height: 1.2;
}

.mensajeSuscripcion {
    bottom: 3%;
    right: 3%;
    width: 400px;
    height: 100px;
    background-color: var(--bs-primary-extralight);
    padding: 10px;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* FOOTER */

.footerNav a {
    margin-bottom: 1rem;
}

.footerNav p {
    opacity: 0.5;
    padding-bottom: 0.3rem;
}

.social svg path {
    fill: var(--bs-primary) !important;
}

.logoFooter {
    border-top: solid 0.5px var(--bs-white);
    border-bottom: solid 0.5px var(--bs-white);
}

.logoFooter div {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
}


/* STARTUP */

.cabecera_startup img {
    mix-blend-mode: luminosity;
    height: 131px;
    object-fit: cover;
}

#contactoStartUp {
    background-color: var(--bs-primary-light);
}

#contactoStartUp .form-control {
    border: none;
    border-bottom: solid 1px var(--bs-black);
    border-radius: 0;
    background-color: transparent;
}

.img_footer {
    margin-top: -7rem;
}

.left {
    position: absolute;
    top: 50%;
    left: 5%;
}

.right {
    position: absolute;
    top: 50%;
    right: 5%;
}

/* FORMULARIO DE RESERVA*/
#form_contacto .checkbox label svg{
    border-color: black;
}
/* #form_contacto a{
   font-size: 0.7rem;
} */

input,select{
    border: none !important;
    border-bottom: solid 1px black !important;
}
textarea{
    border: none !important;
    border-bottom: solid 1px black !important;
}

#form_contacto .checkbox label{
    font-size: 0.8rem;
}

#form_contacto .success-message{
    background-color: #fff4dc;
    color:#FFCD42;
}
#form_contacto .error-message{
    background-color: #ffe4e4;
    color: #FF8989;
}

#form_contacto .error-message,
#form_contacto .success-message {
    padding: 15px 20px;
    font-size: 1rem;
    font-weight: normal;
    border-radius: 4px;
    margin-bottom: 20px;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    margin: 10px auto;
}
.success-message { 
    background-color: #fff4dc;
    color:#FFCD42;
    padding: 15px 20px;
    font-size: 1rem;
    font-weight: normal;
    border-radius: 4px;
    margin-bottom: 20px;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    margin: 10px auto;
}
/* CONVIERTE TU EVENTO EN UNA EXPERIENCIA */

.serviciosParaEvento>div:first-child {
    max-width: 650px;
    text-align: center;
    margin: 0 auto;
}

.galeriaEventos img {
    object-fit: cover;
    height: 500px;
}


/* NOTICA */

.textoNoticia p,
.textoNoticia li {
    font-family: var(--bs-font-primary);
    color: #0000007F;
}

.textoNoticia h1 {
    font-family: var(--bs-font-secondary);
    color: var(--bs-black);
    margin-bottom: 3rem;
}

.textoNoticia img {
    margin-bottom: 3rem;
}

.textoNoticia img {
    max-height: 500px;
    object-fit: cover;
    max-height: 500px;
}

.actualidadDentroNoticia .cardActualidad picture img,
.actualidadTodas .cardActualidad picture img {
    width: 100% !important;
}

/* MAPA */

#mapa {
    height: 70vh;
    filter: grayscale(100%);
}

.google-maps {
    mix-blend-mode: luminosity;
}

/* Ancla secciones */

section,
.serviciosContenido {
    scroll-margin-top: 150px;
}
.serviciosContenido .accordion-item p{
    margin-block: 1.5rem;
}

/* ANIMACIONES */
.z-index-1 {
    z-index: 1;
}

.animated_elem {
    opacity: 0;
}

.animated.entrada-top,
.animated .entrada-top {
    -webkit-animation: slide-in-top 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}

.animated.entrada-top2,
.animated .entrada-top2 {
    -webkit-animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}

.animated.entrada-top3,
.animated .entrada-top3 {
    -webkit-animation: slide-in-bottom 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}


.animated.entrada-tops1,
.animated .entrada-tops1 {
    -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}

.animated.entrada-tops2,
.animated .entrada-tops2 {
    -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}

.animated.entrada-tops3,
.animated .entrada-tops3 {
    -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}
.animated.entrada-tops4,
.animated .entrada-tops4 {
    -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}
.animated.entrada-tops5,
.animated .entrada-tops5 {
    -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}
.animated.entrada-tops6,
.animated .entrada-tops6 {
    -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}
.animated.entrada-tops7,
.animated .entrada-tops7 {
    -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}
.animated.entrada-tops8,
.animated .entrada-tops8 {
    -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}
.animated.entrada-right,
.animated .entrada-right {
    -webkit-animation: slide-in-right 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-right 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}

.animated.entrada-left,
.animated .entrada-left {
    -webkit-animation: slide-in-left 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-left 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}

.animated.entrada-bottom,
.animated .entrada-bottom {
    -webkit-animation: slide-in-bottom 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}


@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}


@keyframes rotacion {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}



/* MEDIA QUERIES */
/* Small devices (landscape phones, 576px and up) */
@media (max-width:576px) {

    h1,
    .h1 {
        font-size: 2.1rem
    }

    h2,
    .h2 {
        font-size: 1.8rem;
        line-height: 40px;
    }

    .slick-container img {
        height: 300px;
        object-fit: cover;
    }

    .row {
        --bs-gutter-x: 0;
    }

    .tarifasEventos {
        height: 40vh;
    }

    .business p:last-child {
        font-size: 1rem;
    }

    #localizacion img {
        height: 40vh;
        object-fit: cover;

    }

    .coworkingAdaptado picture img {
        max-height: 50vh;
        object-fit: cover;
    }

    .coworkingAdaptado {
        height: auto;
    }

    .menuDesplegado a,
    .menuDesplegado p {
        margin-top: 1rem;
    }

    .logoRotateIndex svg {
        width: 120px;
    }

    .selectHeader picture {
        margin-right: 1rem;
    }

    .coworkingAdaptado .row div:last-child {
        padding-top: 2rem;
        padding-left: 0;
        padding-bottom: 3rem;
    }

    .cerrarMenuMovil a,
    .selectHeader p {
        margin-bottom: 0;
    }

    .coworkingAdaptado {
        margin-top: 3rem;
    }

    .serviciosNav .col-lg-2.active::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
        position: absolute;
        right: 8%;
        top: 55%;
        transform: translateY(-50%);
    }

    .aliadoEspecial::after {
        /* background: linear-gradient(90deg, rgba(0, 0, 0, 1) -5%, #00000040 47%); */
        background: linear-gradient(360deg, rgba(0, 0, 0, 1) -5%, #00000040 72%)!important;
    }

    .card {
        box-shadow: none;
    }

    .img_footer {
        margin-top: 0;
    }

    .card-img-top {
        height: 300px;
    }

    .animated.entrada-top,
    .animated .entrada-top {
        -webkit-animation: slide-in-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-in-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        opacity: 1;
    }

    .animated.entrada-top2,
    .animated .entrada-top2 {
        -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        opacity: 1;
    }

    .animated.entrada-top3,
    .animated .entrada-top3 {
        -webkit-animation: slide-in-bottom 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-in-bottom 1.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        opacity: 1;
    }


    .actualidad h2,
    .actualidad .h2 {
        font-size: 1.5rem;
    }

    .textoNoticia img {
        width: 100%;
    }

    .load-icon {
        width: 70%;
        height: 26%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width:768px) {

    .business p:last-child {
        font-size: 0.6rem;
    }

    .business p:last-child span {
        font-size: 1.4rem;
    }

    .selectHeader picture {
        margin-right: 1rem;
    }

    .espacionUnico {
        padding: 0 !important;
    }

    header>.container-lg {
        padding: 0;
    }

    .actualidad .cardActualidad picture img,
    .actualidadTodas .cardActualidad picture img {
        max-height: 300px;
    }

    .actualidad .card,
    .actualidadTodas .card {
        max-width: none !important;
    }

    .google-maps {
        padding-bottom: 100%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width:992px) {
    .servicios {
        padding-top: 5rem;
    }
    .aliadoEspecial::after {
        /* background: linear-gradient(90deg, rgba(0, 0, 0, 1) -5%, #00000040 47%); */
        background: linear-gradient(360deg, rgba(0, 0, 0, 1) -5%, #00000040 72%);
    }

    .iconoMenu {
        padding: 1.2rem 1.2rem 1.2rem 1.2rem;
        border-right: none;
    }

    .scrolling .iconoMenu {
        padding: 1.2rem 1.2rem 1.2rem 1.2rem;
    }

    .menuDesplegado {
        height: 100vh;
        overflow: scroll;
    }

    .menuDesplegado ul {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .selectHeader {
        border-bottom: solid 1px var(--bs-black);
        justify-content: space-between;
    }

    .menuDesplegado ul li:not(:first-child) {
        display: none;
    }

    .aliadoEspecial {
        min-height: 60vh;
    }

    .menu-button-flecha {
        transform: rotate(0deg);
        transition: transform 0.3s ease;
        margin-right: 5%;
    }

    .menu-button-flecha.active {
        transform: rotate(180deg);
    }

    .menuDesplegado a,
    .menuDesplegado p {
        margin-bottom: 0;
        margin-top: 1rem;
    }

    .cabecera_startup img {
        height: 59px;
    }

    .actualidad .cardActualidad picture img,
    .actualidadTodas .cardActualidad picture img {
        max-height: 300px;
        height: 300px;
    }

    .aliadoEspecial>.back {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        /* height: 100%; */
    }
    .aliadoEspecial .back+div {
        position: relative;
        z-index: 42;
        height: auto;
        padding-block: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width:1200px) {
    .eventosGastronomicos .row div div {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .actualidad .card,
    .actualidadTodas .card {
        max-width: 600px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width:1400px) {
    header>.container-lg {
        padding: 0;
    }
}


@media (min-width:1200px) {
    .maxwidthTexto {
        max-width: 425px
    }

    .eventosGastronomicos {
        background: linear-gradient(to bottom, var(--bs-primary-light) 50%, transparent 50%);
    }

    .dondeEstamos {
        height: 80vh;
    }
}

@media (min-width: 992px) {
    section>.back {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .coworkingAdaptado {
        height: 70vh;
    }

    .divCondiciones {
        padding-left: 3%;
    }

    .textoNoticia+div {
        margin-top: -2.1rem;
    }
}


@media (min-width: 992px) and (max-width: 1400px) {
    .serviciosNav div p {
        font-size: 0.8rem !important;
    }

    .serviciosNav .active p {
        font-size: 0.9rem !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .serviciosNav .col-lg-2.active::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
        position: absolute;
        right: 8%;
        top: 55%;
        transform: translateY(-50%);
    }
}