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

/*FONTS*/
@font-face {
	font-family: 'The_New_Elegance_Condensed';
	src: url('../fonts/The_New_Elegance_Condensed.woff') format('woff'),
    	 url('../fonts/The_New_Elegance_Condensed.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'SantanderHeadline-Bold';
	src: url('../fonts/SantanderHeadline-Bold.woff') format('woff'),
    	 url('../fonts/SantanderHeadline-Bold.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'SantanderText-Light';
	src: url('../fonts/SantanderText-Light.woff') format('woff'),
    	 url('../fonts/SantanderText-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/*FONTS*/

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{margin: 0 0 0 0; padding: 0 0 0 0; background-color:  #111111; font-family: "aktiv-grotesk", sans-serif; font-size: 16px; font-weight: 400; color:  #FFFFFF; line-height: 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}

h1, h2, h3, h4, h5, h6, ul, li, a, p, figure{
padding: 0 0 0 0; margin: 0 0 0 0; list-style-type: none; font-weight: inherit; font-size: inherit; line-height: inherit;}
img{display: block; max-width: 100%; height: auto; border: 0; border: none;}
.object-position-top{object-position: top !important;}
.object-position-center{object-position: center !important;}
.object-position-bottom{object-position: bottom !important;}
.object-position-left{object-position: left !important;}
.object-position-right{object-position: right !important;}

a{color: inherit; text-decoration: none;}
a.link-underline{text-decoration: underline;}
button{all: unset; cursor: pointer;}

button:focus{box-shadow: none !important;}

.btn{border-radius: 0; font-size: 14px; color: #FFFFFF; border: solid 1px #FFFFFF; min-width: 200px; height: 55px; line-height: 1; padding: 0 0 0 0; display: flex; justify-content: center; align-items: center;}
.btn:hover{border: solid 1px;}
.btn.btn-light{background-color: #FFFFFF; color: #1E1E1E;}
.btn.btn-131822{background-color: #111111; border-color: #111111;}
.btn.btn-2D333D{background-color: #1E1E1E; border-color: #1E1E1E;}
.btn.btn-009D05{background-color: #009D05; border-color: #009D05;}
.btn.btn-897F00{background-color: #897F00; border-color: #897F00;}
.btn.btn-25D366{background-color: #25D366; border-color: #25D366;}

.btn.btn-md{height: 50px;}

.btn:hover{background-color: #1E1E1E; border-color: #1E1E1E; color: #FFFFFF;}
.btn.btn-light:hover{background-color: #111111; border-color: #111111; color: #FFFFFF;}
.btn.btn-131822:hover{background-color: rgba(0, 0, 0, 0.744); border-color: rgba(0, 0, 0, 0.744);}
.btn.btn-hover-cfcfcf:hover{background-color: #cfcfcf !important; border-color: #cfcfcf !important; color: #1E1E1E !important;}
.btn.btn-009D05:hover{background-color: rgba(0, 157, 5, 0.822); border-color: rgba(0, 157, 5, 0.822);}
.btn.btn-897F00:hover{background-color: rgba(137, 128, 0, 0.908); border-color: rgba(137, 128, 0, 0.908);}
.btn.btn-2D333D:hover{background-color: #191919; border-color: #191919;}
.btn.btn-25D366:hover{background-color: #26b85c; border-color: #26b85c;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'The_New_Elegance_Condensed'; margin-top: 0; margin-bottom: 0; font-size: inherit; font-weight: inherit; line-height: normal;}
.h1, h1{font-size: inherit;}
.h2, h2{font-size: inherit; font-size: 32px; font-weight: 400; letter-spacing: -0.64px;}
.h3, h3{font-size: inherit;}
.h4, h4{font-size: inherit;}
.h5, h5{font-size: inherit;}
.h6, h6{font-size: inherit;}
.h2 .pretitle{font-size: 12px; letter-spacing: -0.24px; font-style: italic; margin-bottom: 3px;}
.display-1{font-size: 74px; font-weight: 400; line-height: 1.3; letter-spacing: -1.48px;}
.display-2{font-size: 54px; font-weight: 400; line-height: 1.3; letter-spacing: -1.08px;}
.display-1.ff-SantanderHeadline{font-size: 110px; font-family: 'SantanderHeadline-Bold';}

.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-700{font-weight: 700 !important;}

p{line-height: normal;}
.fs-34{font-size: 34px !important;}
.fs-22{font-size: 22px !important;}
.fs-18{font-size: 18px !important;}
.fs-16{font-size: 16px !important;}
.fs-14{font-size: 14px !important;}
.fs-12{font-size: 12px !important;}
.fs-9{font-size: 9px !important;}

.ff-SantanderHeadline{font-family: 'SantanderHeadline-Bold';}
.ff-SantanderText-Light{font-family: 'SantanderText-Light';}

.lh-normal{line-height: normal !important;}

.color-FFFFFF{color: #FFFFFF !important;}
.color-2D333D{color: #1E1E1E !important;}
.color-D3000E{color: #D3000E !important;}
.color-3D4759{color: #6E7882 !important;}
.color-6D0007{color: #6D0007 !important;}
.color-1E1E1E{color: #1E1E1E !important;}
.color-131822{color: #111111 !important;}
.color-444444{color: #444444 !important;}

.color-FFFFFF.link-underline{text-decoration-color: #FFFFFF !important;}
.color-D3000E.link-underline{text-decoration-color: #D3000E !important;}
.color-1E1E1E.link-underline{text-decoration-color: #1E1E1E !important;}

.bg-FFFFFF{background-color: #FFFFFF !important;}
.bg-D9D9D9{background-color: #D9D9D9 !important;}
.bg-131822{background-color: #111111 !important;}
.bg-D3000E{background-color: #D3000E !important;}
.bg-2D333D-30{background-color: rgb(30, 30, 30, 0.30) !important;}

.border-FFFFFF-50{border-color: rgb(255, 255, 255, 0.50) !important;}

.card{border: none; border-radius: 0; background-color: transparent; width: 100%; height: auto; position: relative;}
.grid-3{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 28px 18px;}
.grid-4{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 28px 18px;}
.grid-5{display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 6px;}

.pl-0{padding-left: 0 !important;}
.pr-0{padding-right: 0 !important;}
.pt-58{padding-top: 58px !important;}
.pb-58{padding-bottom: 58px !important;}
.pt-120{padding-top: 120px !important;}
.pb-120{padding-bottom: 120px !important;}

.gap-2{gap: .5rem!important}
.ratio-1x1{aspect-ratio: 1/1 !important; object-fit: cover !important;}
.content-auto{content-visibility: auto;}

.modal-dialog{max-width: 376px; margin: 0 auto; margin-top: 1.75rem; margin-bottom: 1.75rem;}
.modal-content{color: #FFFFFF; border: none; border-radius: 0; padding: 32px;}
.modal-header{border: none;}
.modal-header .btn-close{position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; color: #FFFFFF; margin: 0 0 0 0; background-image: none; padding: 0 0 0 0;}
.modal-header .btn-close svg{width: 100%; height: auto;}
.modal-header .btn-close svg path{fill: #FFFFFF;}
.modal-header .icon-llama{width: 36px; margin-bottom: 16px;}
.modal-footer{border: none;}
.modal-body-info{border: solid 1px #848484; width: 100%;}
.modal-body-info p{font-family: 'SantanderHeadline-Bold'; font-size: 18px; margin-bottom: 4px;}
.modal-body-info p:last-child{margin-bottom: 0;}
.modal-footer>*{margin: inherit;}

.modal-dialog.modal-xl{max-width: 1140px;}

.modal-ediciones .modal-content{padding: 0;}
.modal-ediciones .modal-body{padding: 12px;}
.modal-ediciones .modal-header .btn-close svg path{fill: #1E1E1E;}

.modal-reservas .modal-dialog{max-width: 848px;}
.modal-reservas .modal-content{padding: 0 0 0 0;}
.modal-reservas .modal-body{padding: 0 0 0 0;}

.section, section{position: relative; width: 100%;}
.container{max-width: 1728px !important; padding-left: 18px; padding-right: 18px;}
.section-title{margin-bottom: 32px;}
.section-title .icon-llama{margin: 0 auto; margin-bottom: 28px;}
.section-title-talks{max-width: 60%; margin-left: 15%;}


#intro{width: 100%; height: 100vh; overflow: hidden;}
#intro .intro-inner{position: relative; width: 100%; height: 100vh; display: flex; justify-content: center;}
#intro .intro-logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; width: 40.625vw; height: auto; margin-top: -1.852vw;}
#intro .intro-inner-container{flex: 1; position: relative; overflow: hidden;}
#intro .intro-inner .intro-img{width: 100%; max-width: inherit; height: 100%; object-fit: cover;}
#intro .intro-inner-container::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(30, 30, 30, 0.60); mix-blend-mode: multiply; z-index: 2;}
#intro .intro-inner-content{position: absolute; left: 50%; bottom: 5.787vw; transform: translateX(-50%); z-index: 3; display: flex; flex-direction: column; align-items: center;}
#intro .intro-inner-content ul{display: flex; margin-top: 2.431vw;}
#intro .intro-inner-content ul li{margin: 0 9px;}

.main-header{position: fixed; top: 0; left: 0; z-index: 998; width: 100%; background-color:  transparent; transition: .3s;}
.main-header .header-content{position: relative; width: 100%; /* max-width: 1920px; */ padding: 30px; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.main-header .header-content .header-start{display: flex; justify-content: start; align-items: start; flex: 1;}
.main-header .header-content .header-center{display: flex; justify-content: center; align-items: center; flex: 1;}
.main-header .header-content .header-end{display: flex; justify-content: end; align-items: center; flex: 1; gap: 36px;}
.header-end-nav li{margin-top: 6px;}
.header-end-nav li a{text-wrap: nowrap; color: #FFFFFF;}

#open-menu{width: 42px; height: 42px; position: relative;}
#open-menu span{width: 24px; height: 2px; background-color: #FFFFFF; display: block; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
#open-menu span:last-child{margin-top: 10px;}
#open-menu.active{margin-top: 10px; margin-left: 12px;}
#open-menu.active span{margin-top: 0px; transform: rotate(45deg); background-color: #444444;}
#open-menu.active span:last-child{margin-top: 0; transform: rotate(-45deg);}
.main-header.header_sticky #open-menu.active{margin-top: 21px;}

#open-user-menu{width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; margin-top: 3px;}
.user-menu-header{display: flex; justify-content: space-between; align-items: center; padding: 18px 36px 18px 18px;}
.user-menu-header .private-logo path{fill: #111111 !important;}
.user-menu-header #close-user-menu{color: #1E1E1E; display: flex; align-items: center;}
.user-menu-header #close-user-menu svg{margin-right: 10px;}

#site-menu{position: fixed; top: 12px; left: 12px; width: 430px; height: calc(100vh - 24px); transform: translateX(-450px); background-color: #D9D9D9; z-index: 998;}
#site-menu.active {transform: translateX(0);}
.site-menu-header{position: absolute; background-color: #d9d9d9; width: 100%; height: 93px; border-bottom: solid 1px rgb(30,30,30, 0.10);}
.site-menu-container{display: flex; flex-direction: column; height: 100%; padding: 4px;}
.site-menu-container .tab-content{flex-grow: 1; overflow-y: auto;}
.site-menu-container .nav-pills{border: solid 3px rgb(30, 30, 30, 0.40); display: flex;}
.site-menu-container .nav-pills .nav-item{display: flex; flex: 1; height: 49px;}
.site-menu-container .nav-pills .nav-item button{width: 100%; display: flex; align-items: center; justify-content: center; color: #444444; font-size: 14px;}
.site-menu-container .nav-pills .nav-item button.active{background-color: rgb(30,30,30, 0.40); color: #FFFFFF;}
.site-menu-container .main-nav{margin: 125px 30px 30px 30px;}
.site-menu-container .main-nav li{color: #444444; font-size: 16px; margin-bottom: 23px;}
.site-menu-container .main-nav li a:hover{text-decoration: underline;}

#user-menu{position: fixed; top: 12px; right: 12px; width: 848px; height: calc(100vh - 24px); transform: translateX(860px); background-color: #FFFFFF; z-index: 1000; overflow: auto;}
#user-menu.active {transform: translateX(0);}

#menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo negro semi-transparente */
    z-index: 99; /* Asegúrate de que este valor sea menor que el z-index de #site-menu */
    visibility: hidden; /* Oculto por defecto */
    opacity: 0; /* Oculto por defecto */
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
/* Estilos cuando el menú está abierto */
#menu-overlay.active {
    visibility: visible;
    opacity: 1;
}


.main-header.main-header-light{background-color: #FFFFFF;}
.main-header.main-header-light .header-logo path{fill: #111111;}
.main-header.main-header-light #open-menu span{background-color: #111111;}
.main-header.main-header-light .private-logo path{fill: #111111 !important;}
.main-header.main-header-light #open-user-menu path{stroke: #111111;}
.main-header.main-header-light #open-user-menu circle{stroke: #111111;}
.main-header.main-header-light .header-end-nav li a{ color: #111111;}

.main-header.header_sticky{background-color: #FFFFFF;}
.main-header.header_sticky .header-content{padding-top: 18px; padding-bottom: 18px;}
.main-header.header_sticky .header-logo path{fill: #111111;}
.main-header.header_sticky #open-menu span{background-color: #111111;}
.main-header.header_sticky .private-logo path{fill: #111111 !important;}
.main-header.header_sticky #open-user-menu path{stroke: #111111;}
.main-header.header_sticky #open-user-menu circle{stroke: #111111;}
.main-header.header_sticky .header-end-nav li a{ color: #111111;}

.main-hero{width: 100%; height: 100vh; overflow: hidden;}
.main-hero .main-hero-inner{width: 100%; height: 100vh;}
.main-hero .main-hero-inner::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(30, 30, 30, 0.60); mix-blend-mode: multiply; z-index: 2;}
.main-hero .hero-content{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
.main-hero .img-hero{width: 100%; height: 100%; object-fit: cover; object-position: top;}
.main-hero .h2{font-size: 54px; font-weight: 400; letter-spacing: -1.08px;}
.main-hero p{font-size: 23px; font-weight: 700; line-height: normal; font-family: 'SantanderHeadline-Bold';}
/* .main-hero p{font-size: 16px; font-weight: 400; line-height: normal;} */



.main-hero.experience-hero{min-height: 100vh; overflow: inherit; height: inherit;}
.main-hero.experience-hero .img-hero{position: absolute; top: 0; left: 0;}
.main-hero.experience-hero .main-hero-inner{display: flex; justify-content: start; align-items: end; min-height: 100vh; height: inherit;}
.experience-hero .hero-content{max-width: 1692px; position: relative; z-index: 3;  top: inherit; left: inherit; bottom: inherit; transform: inherit; margin: 120px 70px 70px 70px; width: 100%;}
/* .experience-hero .hero-content{top: inherit; left: calc(50% + 70px); bottom: 70px; transform: inherit; max-width: 1692px; width: 100%; transform: translateX(-50%);} */

.main-hero.experience-hero.experience-hero-musica .hero-content{margin-top: 160px;}

.container-discount{display: flex; flex-direction: column; align-items: start;}
.container-discount .discount-number{display: block; font-family: 'The_New_Elegance_Condensed'; font-size: 74px; line-height: normal; letter-spacing: -1.48px;}
.container-discount .discount-text{display: block; font-family: "aktiv-grotesk-extended", sans-serif; font-size: 17px; text-align: center; letter-spacing: 0.85px; text-transform: uppercase; margin-top: -24px;}

.experience-extra img{width: 180px;}

.experience-tags{display: flex; gap: 10px; align-items: normal; /* margin-bottom: 36px; */ width: 100%; flex-wrap: wrap;}
.experience-tags .tag{border: solid 1px #FFFFFF; padding: 0 10px 0 10px; display: flex; flex-direction: column; justify-content: center; text-transform: uppercase; height: 38.5px;}
.experience-tags .tag span, .experience-tags .tag small{display: block; font-size: 12px; font-family: "aktiv-grotesk-extended", sans-serif; line-height: normal;}
.experience-tags .tag.tag-hours{padding: 0 0 0 0;}
.experience-tags .tag.tag-hours span, .experience-tags .tag.tag-hours small{padding: 0 10px; text-align: left; margin-bottom: 1px; text-wrap: nowrap;}
.experience-tags .tag.tag-hours span:nth-child(2), .experience-tags .tag.tag-hours small:nth-child(2){border-top: solid 1px #FFFFFF; margin-top: 1px; margin-bottom: 0;}
.experience-tags .tag.tag-puntos{flex-direction: row; align-items: center;}
.experience-tags .tag.tag-puntos .logo-puntos{margin-left: 8px;}

.experience-tags .tag.tag-grey{border-color: #D9D9D9; color: #444444 !important;}
.experience-tags .tag.tag-grey.tag-hours span:nth-child(2){border-top: solid 1px #D9D9D9;}

.tag-private-banking{height: 24px;}
.tag-private-banking-exclusive{height: 48px;}

.experience-description-large{max-width: 50%;}
.experience-description-large p{font-family: 'SantanderText-Light'; font-size: 18px; margin-bottom: 15px; font-weight: 600;}

.container-experience-logo{display: inline-flex; flex-direction: column;}
.container-experience-logo .experience-logo{margin-bottom: 16px;}
.container-experience-logo small{font-family: "aktiv-grotesk-extended", sans-serif; font-size: 12px;}
.experience-description p{line-height: 1;}
/* .experience-title{margin-bottom: 36px; margin-top: 28px;} */

.grid-logos{display: flex; justify-content: center; gap: 0 24px; flex-wrap: wrap;}
.grid-logos .grid-logos-item{display: flex; align-items: center; justify-content: center; width: calc(12.5% - 24px); aspect-ratio: 1/1;}
.grid-logos .grid-logos-item svg, .grid-logos .grid-logos-item img{max-width: 100%; height: auto;}

.card-inner{position: relative;}
.card-inner::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #111111;
background: linear-gradient(0deg, rgba(19, 24, 34, 1) 0%, rgba(19, 24, 34, 0.7) 100%); mix-blend-mode: multiply; z-index: 2; opacity: 0.60;}

.card-inner .card-content{position: absolute; z-index: 3; left: 50%; bottom: 40px; transform: translateX(-50%); width: 80%;}
.card-inner .card-content .pretitle{font-family: "aktiv-grotesk-extended", sans-serif; font-size: 20px; letter-spacing: -0.4px; margin-bottom: 9px;}
.card-inner .card-content .h3{font-size: 34px; font-weight: 400; line-height: normal; letter-spacing: -0.68px; margin-bottom: 12px;}
.card-inner .card-content .h3 .pretitle{font-size: 20px; letter-spacing: -0.4px;}

.card-md .card-inner .card-content .h3{font-size: 18px !important; letter-spacing: 0;}
.card-md .card-inner .card-content .h3 span{font-size: inherit !important;}

.card-sm .card-inner .card-content .h3{font-size: 12px; letter-spacing: 0;}
.card-sm .card-inner .card-content .pretitle{font-size: 9px; letter-spacing: 0; margin-bottom: 6px;}
.card-sm .card-inner .card-content{width: 90%; bottom: 0;}

.card .status{width: 100%; display: block; color: #FFFFFF; text-align: center; width: 100%; z-index: 3; font-size: 14px; padding: 12px 6px; background: #1E1E1E;}
.card .status.status-finish{bottom: inherit; top: 0; position: absolute; display: block;}
.card .status.status-rank{background-color: #897F00;}

.card-figure{margin-bottom: 22px;}
.card-image{width: 100%; max-width: inherit; height: 100%; object-fit: cover; aspect-ratio: 539/674;}
.card-content{width: 80%; margin: 0 auto;}
.card-content .h3, .card-inner .card-content .h3-sm{font-size: 24px; font-weight: 400; line-height: normal;  letter-spacing: -0.48px; margin-bottom: 6px;}
.card-content p{font-size: 16px; font-weight: 400; letter-spacing: -0.32px;}
.card .icon-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 49px; height: 49px; background-color: rgb(217, 217, 217, 0.50); border-radius: 50%; z-index: 3; display: flex; justify-content: center; align-items: center;}
.card .icon-play svg{margin-left: 4px;}
.card .stretched-link::after{z-index: 4;}

.grid-gourmet{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 28px; grid-template-rows: auto auto auto;}
.grid-gourmet .item-gourmet{display: grid; grid-template-rows: subgrid; grid-row: span 3; background-color: #FFFFFF; margin-bottom: 24px;}
.grid-gourmet .item-gourmet figure{grid-row: 1; border-bottom: solid 1px #111111; display: flex; justify-content: center; align-items: center; padding: 18px;}
.grid-gourmet .item-gourmet figure .logo{max-width: 100%; height: auto;}
.grid-gourmet .item-gourmet .content{grid-row: 2; margin: 18px 18px 0 18px; background-color: rgba(45, 51, 61, 0.10); color: #000000; padding: 24px;}
.grid-gourmet .item-gourmet .content .h2{font-size: 24px;}
.grid-gourmet .item-gourmet .contact{grid-row: 3; margin: 0 18px 18px 18px; background-color: rgba(19, 24, 34, 0.70); padding: 24px;}
.grid-gourmet .item-gourmet .contact ul li{margin-bottom: 12px;}
.grid-gourmet .item-gourmet .contact ul li:last-child{margin-bottom: 0;}
.grid-gourmet .item-gourmet .contact ul li a{font-size: 18px;}
.grid-gourmet .item-gourmet .contact ul li a .icon{margin-right: 4px; width: 20px;}

.view-buttons button{width: 50px; height: 50px; border: solid 1px #FFFFFF; display: flex; justify-content: center; align-items: center;}
.view-buttons button.active{background-color: #1E1E1E;}
.container-search .btn{min-width: inherit; font-size: 16px; padding: 0 24px;}
.container-search .form-control{border: none; width: 292px; margin-right: 12px;}

.horizontal-view { display: flex; height: 80vh;}
.mapa{display: none} 
.horizontal-view .mapa{display: flex; order: 2; flex-grow: 1; background-color: #FFFFFF; margin-left: 12px;}
.horizontal-view .grid-gourmet{grid-template-columns: 1fr !important; height: 80vh; overflow: auto;}
.horizontal-view .grid-gourmet .item-gourmet{margin-bottom: 0;}
.horizontal-view .grid-gourmet .item-gourmet figure{display: none;}
.horizontal-view .grid-gourmet .item-gourmet .content{padding: 12px; margin: 0 0 0 0;}
.horizontal-view .grid-gourmet .item-gourmet .content .h2{font-size: 18px;}
.horizontal-view .grid-gourmet .item-gourmet .contact{padding: 12px; margin: 0 0 0 0;}
.horizontal-view .grid-gourmet .item-gourmet .contact ul li a{font-size: 16px;}
.horizontal-view .grid-gourmet .item-gourmet .contact ul li{margin-bottom: 8px;}


.main-footer{position: relative; margin: 36px 0; width: calc(100% - 36px);}
.main-footer .footer-inner{width: 100%; background-color: #1E1E1E; padding: 17px 35px 32px 35px; margin: 0 18px 18px 18px;}
.main-footer .footer-inner .footer-top{}
.main-footer .footer-inner .footer-top-nav{display: flex; border-bottom: solid 1px rgba(217, 217, 217, 0.502); padding-bottom: 17px;}
.main-footer .footer-inner .footer-top-nav li{flex-grow: 1; border-right: solid 1px rgba(217, 217, 217, 0.6); padding-right: 50px; padding-left: 36px; font-size: 16px; font-family: "aktiv-grotesk-extended", sans-serif;}
.main-footer .footer-inner .footer-top-nav li:last-child{border-right: none;}
.main-footer .footer-inner .footer-top-nav li:first-child{padding-left: 0;}
.main-footer .footer-inner .footer-top-nav li:first-child a{padding-left: 5px;}
.main-footer .footer-inner .footer-top-nav li a{display: flex; align-items: center; justify-content: space-between; color: rgba(217, 217, 217, 0.502); padding-top: 12px; padding-bottom: 10px; transition: .3s;}
.main-footer .footer-inner .footer-top-nav li a:hover svg path{stroke: #FFFFFF; stroke-opacity: 1;}
.main-footer .footer-inner .footer-top-nav li a:hover{color: #FFFFFF;}
.main-footer .footer-inner .footer-center{margin-bottom: 104px; margin-top: 80px;}
.main-footer .footer-inner .footer-center .h4{color: rgba(217, 217, 217, 0.502); font-size: 26px; margin-bottom: 6px;}
.main-footer .footer-inner .footer-center .btn{width: 100%; max-width: 408px; height: 50px;}
.main-footer .footer-inner .footer-bottom{display: flex;}
.main-footer .footer-inner .footer-bottom .footer-bottom-start{flex: 1; display: flex; align-items: center; justify-content: start;}
.main-footer .footer-inner .footer-bottom .footer-bottom-start ul{display: flex;}
.main-footer .footer-inner .footer-bottom .footer-bottom-start ul li{color: rgba(217, 217, 217, 0.502); margin-right: 7px;}
.main-footer .footer-inner .footer-bottom .footer-bottom-start ul li a{color: #FFFFFF;}
.main-footer .footer-inner .footer-bottom .footer-bottom-center{flex: 1; display: flex; align-items: center; justify-content: center;}
.main-footer .footer-inner .footer-bottom .footer-bottom-end{flex: 1; display: flex; align-items: center; justify-content: end; color: rgba(217, 217, 217, 0.502);}
.main-footer .footer-copy{padding: 0 35px;}
.main-footer .footer-copy p{font-size: 12px; color: #1E1E1E;}
.main-footer .footer-copy a{text-decoration: underline;}

body.bg-FFFFFF .main-footer .footer-inner{background-color: rgba(217, 217, 217, 0.30);}
body.bg-FFFFFF .main-footer .footer-inner .footer-top-nav{border-color: rgba(19, 24, 34, 0.20);}
body.bg-FFFFFF .main-footer .footer-inner .footer-top-nav li{border-color: rgba(19, 24, 34, 0.20);}
body.bg-FFFFFF .main-footer .footer-inner .footer-center .h4{color: #111111;}
body.bg-FFFFFF .main-footer .footer-inner .footer-top-nav li a{color: #111111;}
body.bg-FFFFFF .main-footer .footer-inner .footer-top-nav li a .arrow-left path{stroke: rgba(19, 24, 34, 0.50);}
body.bg-FFFFFF .main-footer .footer-inner .footer-bottom .footer-bottom-start ul li{color: rgba(19, 24, 34, 0.50);}
body.bg-FFFFFF .main-footer .footer-inner .footer-bottom .footer-bottom-start ul li a{color: #111111;}
body.bg-FFFFFF .main-footer .footer-inner .footer-bottom .footer-bottom-end{color: rgba(19, 24, 34, 0.50);}
body.bg-FFFFFF .main-footer .footer-inner .footer-bottom .footer-bottom-center .footer-logo path { fill: #111111; }


.client-login{width: 100%; min-height: 100vh; min-height: 100svh;background-image: url(../images/bg-login.webp); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; padding: 16px;}
.client-login::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(19, 24, 34, 0.95); mix-blend-mode: multiply; z-index: 2;}
.client-login-header{margin-bottom: 64px;}
.client-login-header .logo{width: auto; height: 94px;}
.client-login-content{position:relative; z-index: 3; max-width: 433px;}

.border{border: solid 1px !important;}
.border-top{border-top: solid 1px !important;}
.border-bottom{border-bottom: solid 1px !important;}
.border-light{border-color: rgba(45, 51, 61, 0.30) !important;}
.border-dark{border-color: #111111 !important;}
.border-D9D9D9{border-color: rgba(217, 217, 217, 0.40) !important;}
.form-control{border-radius: 0; border-color: rgba(45, 51, 61, 0.30); font-size: 14px; min-height: 50px; color: #1E1E1E;}
/* .form-control::placeholder{color: #D9D9D9;} */
.form-select{padding: 0 42px 0 0; font-size: 14px; line-height: normal; border: none;}
.form-control:focus {
   box-shadow: none; border-color: rgba(45, 51, 61, 0.70);
}

.rating-final input[type="radio"] {
    display: none;
}
.rating-final label {
    cursor: pointer;
    padding: 0; 
    margin: 0;     
    background-color: transparent; 
    border: none;
    display: inline-block;
    width: auto; 
    height: auto; 
}
.rating-final label svg {
    width: 32px; 
    height: 32px; 
    vertical-align: middle;
    transition: all 0.2s ease-in-out;
    fill: #FFFFFF; 
    stroke: #897F00; 
    stroke-width: 1.5;
}
.rating-final input[type="radio"]:checked ~ label svg {
    fill: #897F00; 
    stroke: #897F00; 
    stroke-width: 1;
}

.page-user p, .page-user span{color: #1E1E1E; font-size: 14px;}

.calendar{display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 0;}
.calendar .day{font-size: 12px; color: #444444; text-align: center; border: solid 1px #D9D9D9; padding: 16px 0;}
.calendar .day:nth-child(2n){border-right: none; border-left: none;}
.calendar .calendar-day{aspect-ratio: 1/0.6; border: solid 1px #D9D9D9; cursor: not-allowed; border-top: none;}
.calendar .calendar-day span{display: block; text-align: center;}
.calendar .calendar-day .date{font-size: 16px; font-weight: 800; margin-bottom: 4px; color: rgba(217, 217, 217, 1);}
.calendar .calendar-day .availability-places{font-size: 12px; color: rgba(217, 217, 217, 1);}
.calendar .calendar-day.available{cursor:  pointer;}
.calendar .calendar-day.available .date{color: #111111;}
.calendar .calendar-day.available .availability-places{color: #009D05;}
.calendar .calendar-day.latest-available .availability-places{color: #D3000E;}
.calendar .calendar-day.available.seleccionado{border: solid 1px #009D05;}

.swiper-pagination{bottom: 18px !important;}
.swiper-pagination-bullet{background-color: #FFFFFF; opacity: 1; width: 22px; height: 2px; border-radius: 0;}
.swiper-pagination-bullet-active{background-color: #444444;}

.mySwiper2 .swiper-wrapper{padding-bottom: 24px; margin-bottom: 24px;}
.bg-FFFFFF .swiper-pagination-bullet{background-color: #cccccc;}
.bg-FFFFFF .swiper-pagination-bullet-active{background-color: #444444;}

.main-hero.notes-hero .hero-content{padding: 0 16px;}
.main-hero.notes-hero p{font-size: 16px; font-weight: 400; font-family: "aktiv-grotesk";}

.single-content-conteiner{margin-top: 190px; color: #848484; display: flex; align-items: center; flex-direction: column;}
.single-content-conteiner h2{text-align: center; color: #111111; font-size: 21px; margin-bottom: 36px;}
.single-content-conteiner h2:last-child{margin-bottom: 0;}
.single-content-conteiner p{color: #848484; line-height: 22px;}
.single-content-conteiner .single-content-title{border-bottom: solid 1px rgba(132, 132, 132, 0.60); padding-bottom: 28px; margin-bottom: 18px;}
.single-content-conteiner .single-content-title h1{color: #111111; text-align: center; font-size: 36px; margin-bottom: 4px;}
.single-content-conteiner .single-content-title h2{color: #848484; text-align: center; font-size: 21px; font-family: "aktiv-grotesk", sans-serif; margin-bottom: 32px;}
.single-content-conteiner .single-content-author p{font-size: 14px;}
.single-content-conteiner .single-content-title, .single-content-conteiner .single-content-author, .single-content-conteiner .single-content-text,.single-content-conteiner .sharewhatsapp-container{width: 100%; max-width: 778px; padding-left: 16px; padding-right: 16px;}
.single-content-conteiner figcaption{text-align: center; font-size: 14px; margin: 18px 0 0 0;}
.single-content-conteiner .single-content-featured-photo{max-width: 1350px; margin-top: 56px;}
.single-content-conteiner .single-content-featured-photo img{aspect-ratio: 16/9; object-fit: cover;}
.single-content-conteiner .single-content-text{margin: 84px 0;}
.single-content-conteiner .single-content-text p{margin-bottom: 24px;}
.single-content-conteiner .single-content-text p:last-child{margin-bottom: 0;}
.single-content-conteiner .single-content-text a{text-decoration: underline;}
.single-content-conteiner .single-content-grid-1{display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 0; width: 100%;}
.single-content-conteiner .single-content-grid-1 img{aspect-ratio: 1729/1117; object-fit: cover; width: 100%; max-width: inherit;}
.single-content-conteiner .single-content-grid-2{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 18px; padding-left: 18px; padding-right: 18px; width: 100%;}
.single-content-conteiner .single-content-grid-2 img{aspect-ratio: 814/1017; object-fit: cover; width: 100%; max-width: inherit;}
.single-content-conteiner .single-content-grid-3{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 18px; padding-left: 18px; padding-right: 18px; width: 100%;}
.single-content-conteiner .single-content-grid-3 img{aspect-ratio: 814/1017; object-fit: cover; width: 100%; max-width: inherit;}
.single-content-conteiner .single-content-info p{text-align: center; margin-bottom: 0;}

.single-content-conteiner .sharewhatsapp-container{border-top: solid 1px rgba(132, 132, 132, 0.5); border-bottom: solid 1px rgba(132, 132, 132, 0.5); padding-top: 38px; padding-bottom: 38px;}
.single-content-conteiner .sharewhatsapp-container a{color: #1E1E1E; border: solid 1px rgba(30, 30, 30, 0.502); padding: 10px 18px;}

.talks-hero{background-color: #1E1E1E; height: auto;}
.talks-hero .main-hero-inner{display: flex; justify-content: center; align-items: center; height: auto; padding: 130px 0 50px 0;}
.talks-hero .main-hero-inner::after{display: none;}

.line-up-container .line-up-title{font-family: 'SantanderHeadline-Bold'; color: #ef1923; text-align: center; font-size: 50px; border-bottom: solid 1px; margin-bottom: 42px; padding-bottom: 18px;}
.line-up-item{text-align: center; margin-bottom: 20px;}
.line-up-item .date{color: #ef1923; font-family: 'SantanderText-Light'; font-size: 18px;}
.line-up-item h3{font-family: 'SantanderHeadline-Bold'; font-size: 24px;}
.line-up-item .line-up-location{font-family: 'SantanderText-Light'; line-height: 1; font-size: 16px;}

.experience-legal{margin: 35px 46px 0 46px;}
.mw-100{max-width: 100% !important;}

@media (min-width: 1561px){
    /* .main-footer{margin: 0 auto; max-width: 1692px; margin-bottom: 36px; margin-top: 36px;} */
}

@media (min-width: 1920px){
    #intro .intro-logo{width: 702px; margin-top: -32px;}
    #intro .intro-inner-content{bottom: 100px;}
    #intro .intro-inner-content ul{margin-top: 42px;}
}

@media (max-width: 992px){

     .header-end .header-end-nav, .header-end .private-logo{display: none;}

    #intro .intro-inner{flex-direction: column;}
    #intro .intro-logo{top: 0; transform: translate(-50%, -0px); width: 200px; margin-top: 30px;}
    #intro .intro-inner-content{bottom: 30px;}

    .main-footer .footer-inner .footer-top-nav{flex-direction: column; padding-bottom: 22px;}
    .main-footer .footer-inner .footer-top-nav li{border-right: none; padding-left: 0; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
    .main-footer .footer-inner .footer-top-nav li:last-child{margin-bottom: 0; padding-bottom: 0;}
    .main-footer .footer-inner .footer-top-nav li a{padding-left: 5px; padding-bottom: 0; padding-top: 0;}
    .main-footer .footer-inner .footer-center{display: flex; flex-direction: column; align-items: center;}
    .main-footer .footer-inner .footer-bottom{flex-direction: column;}
    .main-footer .footer-inner .footer-bottom .footer-bottom-start, .main-footer .footer-inner .footer-bottom .footer-bottom-center, .main-footer .footer-inner .footer-bottom .footer-bottom-end{justify-content: center;}

    .grid-3{grid-template-columns: repeat(2, 1fr)}
    .grid-4{grid-template-columns: repeat(2, 1fr);}

    .grid-gourmet{grid-template-columns: repeat(3, 1fr); gap: 0 14px;}

    #site-menu{width: calc(100% - 24px); transform: translateX(-110%); height: calc(100dvh - 24px);}
    #user-menu{width: calc(100% - 24px); transform: translateX(-110%); height: calc(100dvh - 24px);}
    

    .section-title-talks{margin-left: 0;}
}

@media (max-width: 768px){
    .h2, h2{font-size: 24px;}
    .card-inner .card-content .h3{font-size: 28px;}
    .card-inner .card-content .pretitle{font-size: 14px;}

    .main-header .header-content{padding: 16px;}
    .header-logo{width: 132px; height: auto;}
    #open-user-menu{margin-right: -8px;}

    #open-menu.active{margin-left: 25px; margin-top: 25px;}
    .main-header.header_sticky #open-menu.active { margin-top: 30px; }
   
    .main-header.header_sticky .header-content{padding-top: 12px; padding-bottom: 12px;}

    .main-hero .h2 {font-size: 32px; text-wrap: nowrap;}
    .main-hero p{font-size: 16px; font-weight: 400;}

    .display-2{font-size: 32px;}
    .talks-hero .main-hero-inner{padding-bottom: 16px; padding-top: 80px;}

    .experience-legal{margin: 18px 8px 0 8px;}

    .experience-hero{height: 100svh;}
    .experience-hero .hero-content{margin: 70px 18px 44px 18px;}
    .experience-description p{font-size: 16px;}
    .experience-title .display-1{font-size: 44px; letter-spacing: -1px; margin-bottom: 12px;}
    .container-discount .discount-number{font-size: 54px; letter-spacing: -1px;}
    .container-discount .discount-text{font-size: 12px; margin-top: -15px;}

    .main-hero.experience-hero.experience-hero-musica .hero-content{margin-top: 100px;}
    .main-hero.experience-hero.experience-hero-musica .display-1.ff-SantanderHeadline{line-height: 0.8 !important; font-size: 50px !important;}

    .grid-logos .grid-logos-item {width: calc(20% - 24px);}

    .grid-gourmet{grid-template-columns: repeat(2, 1fr);}

    .horizontal-view{flex-direction: column; height: auto;}
    .horizontal-view .mapa{order: 1; margin-left: 0; margin-bottom: 12px;}
    .horizontal-view .grid-gourmet{order: 2; height: auto; overflow: inherit;}
}

@media (max-width: 576px){

    .w-sm-100{width: 100% !important;}


    .container{padding-right: 16px; padding-left: 16px;}
    .pb-58{padding-bottom: 38px !important;}
    .pt-58{padding-top: 38px !important;}
    .pb-120{padding-bottom: 58px !important;}

    .btn{height: 42px;}
    .btn-55{height: 55px !important;}
    .fs-sm-12{font-size: 12px !important;}

    .grid-3, .grid-4{gap: 12px 12px;}
    .grid-5{grid-template-columns: repeat(3, 1fr);}

    .section-title{margin-bottom: 22px;}



    #intro{height: 100svh;}
    #intro .intro-logo{width: 132px; margin-top: 16px;}
    #intro .intro-inner{height: 100%;}
    #intro .intro-inner-content{bottom: 22px; width: 100%;}
    #intro .intro-inner-content ul{margin-top: 16px; width: 84%; justify-content: center;}
    #intro .intro-inner-content ul li{margin: 0 4px; flex: 1;}
    #intro .intro-inner-content ul li .btn{min-width: inherit; height: 46px;}
    .intro-inner-content-logo{width: auto; height: 26px;}

    /* .main-footer{margin: 24px 16px;} */
    .main-footer .footer-inner{padding-left: 16px; padding-right: 16px; padding-bottom: 16px;}
    .main-footer .footer-inner .footer-top-nav li{padding-bottom: 6px; padding-top: 6px;}
    .main-footer .footer-inner .footer-top-nav li a{font-size: 12px;}
    .main-footer .footer-inner .footer-top-nav li a .arrow-left{height: 14px; width: auto;}
    .main-footer .footer-inner .footer-center{margin-bottom: 75px; margin-top: 65px;}
    .main-footer .footer-copy{padding: 0 16px;}

    .card-image{aspect-ratio: 10/16;}
    .card-content .h3{font-size: 16px;}
    .card-inner .card-content{bottom: 22px;}
    .card-inner .card-content .pretitle{font-size: 8px; margin-bottom: 6px; letter-spacing: -0.2px;}
    .card-inner .card-content .h3{font-size: 16px; margin-bottom: 8px;}
    .card-content ul li{flex: 1;}
    .card-content ul li .btn{min-width: inherit;}

    .card.card-note .card-figure{margin-bottom: 12px;}
    .card.card-note .card-content{width: 90%;}
    .card.card-note .card-content .h3{margin-bottom: 0px;}
    .card.card-note .card-content p{font-size: 14px;}

    .card-note .card-image, .card-editions .card-image{aspect-ratio: 539/674;}

    .section-title .icon-llama{width: 30px; margin-bottom: 18px;}

    .client-login-header .logo{height: 54px;}
    .client-login .client-login-content .logo-private{width: auto; height: 36px;}

    .calendar .day{padding: 8px 0;}
    .calendar .calendar-day{aspect-ratio: 1/1;}
    .calendar .calendar-day .availability-places{font-size: 8px;}

    .experience-tags{gap: 6px;}
    .experience-tags .tag{height: 32px;}
    .experience-tags .tag span, .experience-tags .tag small{font-size: 9px; margin-top: 1px;}
    .tag.tag-cupos{flex: 1 1 100%;}
    .tag.tag-salidas, .tag.tag-hours{flex: 1 1 45%;}

    .experience-hero .tag.tag-cupos{flex: inherit;}
    .experience-hero .tag.tag-salidas, .experience-hero .tag.tag-hours{flex: inherit;}

    .container-experience-logo .experience-logo{max-width: 70%; height: auto; margin-bottom: 8px;}
    .container-experience-logo small{font-size: 9px;}

    .grid-logos .grid-logos-item{width: calc(25% - 24px);}
    .grid-logos .grid-logos-item svg, .grid-logos .grid-logos-item img{max-width: 90%;}

    .grid-gourmet .item-gourmet figure .logo{max-width: 50%;}
    .grid-gourmet .item-gourmet .content{margin: 10px 10px 0 10px; padding: 14px;}
    .grid-gourmet .item-gourmet .contact{margin: 0 10px 10px 10px; padding: 14px;}
    .grid-gourmet .item-gourmet .content .h2{font-size: 14px;}
    .grid-gourmet .item-gourmet .content p{font-size: 12px;}
    .grid-gourmet .item-gourmet .contact ul li{margin-bottom: 4px;}
    .grid-gourmet .item-gourmet .contact ul li a { font-size: 12px; }
    .grid-gourmet .item-gourmet .contact ul li a .icon{margin-right: 2px; width: 12px;}

    .container-search{width: 100%;}
    .container-search .form-control{width: inherit; flex: 1;}

    .user-menu-header{padding-right: 18px;}

    .single-content-conteiner{margin-top: 140px;}
    .single-content-conteiner .single-content-title h1{font-size: 24px;}
    .single-content-conteiner .single-content-title h2{margin-bottom: 24px;}
    .single-content-conteiner .single-content-featured-photo{margin-top: 28px;}
    .single-content-conteiner .single-content-text{margin: 64px 0;}
    .single-content-conteiner .single-content-grid-2{grid-gap: 9px; padding-left: 0; padding-right: 0;}
    .single-content-conteiner .single-content-grid-3{grid-gap: 9px; padding-left: 0; padding-right: 0;}
    .single-content-conteiner .single-content-title, .single-content-conteiner .single-content-author, .single-content-conteiner .single-content-text, .single-content-conteiner .sharewhatsapp-container{padding-left: 24px; padding-right: 24px;}

    .experience-description-large{max-width: 80%;}

}