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

/*--- PREHOME ---*/
	
/* General */
	
body{background: #01132b; font-family: "nunito sans", sans-serif;}
	
.root #lang_es .palladium-Buttons > .container, .root #lang_en .palladium-Buttons > .container, .root #lang_de .palladium-Buttons > .container{width: 100%;  padding: 15px; justify-content: flex-end;}
		
.root #lang_es .single-btns .single-btns__btn, .root #lang_en .single-btns .single-btns__btn, .root #lang_de .single-btns .single-btns__btn{background: transparent; padding: 0 10px; border-right: 1px solid #686868; color:#9d9d9d;}
	
.root #lang_es .single-btns .single-btns__btn:hover, .root #lang_en .single-btns .single-btns__btn:hover, .root #lang_de .single-btns .single-btns__btn:hover{text-decoration: underline}
	
.root #lang_es .single-btns .single-btns__btn:last-child, .root #lang_en .single-btns .single-btns__btn:last-child, .root #lang_de .single-btns .single-btns__btn:last-child{border-right: 0;}
	
	
/* Maquetación */
	
.root #prehome{background: url("/content/dam/palladium/images/chic-cabaret-restaurant/prehome/prehome-background.jpeg") center center no-repeat;}

.root #prehome > .aem-Grid{height: 85vh; display: flex; align-items: center; max-height: 1500px;  flex-direction:row}
	
.root #prehome #prehome-logo .image{min-width: 275px;}
	
.root #prehome #prehome-title .image{min-width: 320px;}



/*Multiple buttons*/

.root #prehome-buttons > .aem-Grid{margin-top: -15vh;}

.root .single-btns .single-btns__btn{ background:#af9a60; color: #fff; border: 0; margin: 10px 0.5px; padding: 20px;}
	
.root .single-btns .single-btns__btn:hover{text-decoration: none; background: #9a7611;}
	
.root .single-btns .single-btns__btn:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
	
.root .single-btns .single-btns__btn:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
	
	
	
/*--- PAGINA INDIVIDUAL ---*/
	
/* General */
	
.root #brand {margin-left: 20px;}
	
.root #espectaculo > .aem-Grid, .root #gastronomia > .aem-Grid, .root #localizacion > .aem-Grid{display: flex; flex-direction: row; align-items: center;}
	
.root #espectaculo, .root #gastronomia, .root #localizacion{margin: 0 -30px; border-bottom:1px solid #666;}
	
.root #espectaculo-content, .root #gastronomia-content, .root #localizacion-content{padding:30px 0;}
	
.root #espectaculo-image .image, .root #gastronomia-image .image, .root #localizacion-image .image{max-height: 650px; overflow: hidden;}
	
.root #espectaculo-image .image img, .root #gastronomia-image .image img, .root #localizacion-image .image img{transition: 0.5s}
	
.root h2{ font-size: 35px;  line-height: 35px; color: #F5F2EB; margin-bottom: 15px; text-transform: uppercase;}
	
.root h3{ color: #F5F2EB; font-size: 15px; margin-top: 15px; text-transform: uppercase;}
	
.root p{ font-size: 14px; color: #a9a9a9; word-break: normal;}
	
.root .cmp-text li:first-child{ color: #F5F2EB; font-size: 15px;  margin-top: 30px; text-transform: uppercase;}
	
.root .cmp-text li:first-child:before{opacity: 0;}
	
.root .cmp-text li{ font-size: 14px; color: #a9a9a9; word-break: normal; list-style-type: none; line-height: 20px; margin-bottom: 15px;}	
	
.root .cmp-text li:before{ content: ''; display: inline-block; border-bottom: 2px #F5F2EB solid; border-right: 1.4px #F5F2EB solid; height: 12px;  width: 5px; margin-right: 12px; margin-left: -18px;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
	


/* Header */
	
.root #header {transition: 0.5s}
	
.root #header.navbar-fixed{position: fixed; width: 100%; background: #fff; padding: 20px 0 0 0; top:0; z-index: 100; left:0;}
	
.root #header.navbar-fixed #menu .navigation::before{top:-65px; filter: none;}
	
.root #header.navbar-fixed #brand .image:last-child .cmp-image__image{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); margin: 0; top: -65px; right: 15px;}
		
.root #header.navbar-fixed #menu .cmp-navigation__group li a{color: rgba(0,0,0, 0.5)}
	
.root #header.navbar-fixed #menu .cmp-navigation__group li a::after{border-color: rgba(0,0,0, 0.5)}
	
.root #header.navbar-fixed #menu .cmp-navigation__group li.cmp-navigation__item--active a, #menu .cmp-navigation__group li.cmp-navigation__item--active a:hover{color: rgba(0,0,0, 1)}
	
	

.root #brand > .aem-Grid{display: flex;  flex-direction: row; justify-content: space-between; width: 85%;}
	
.root #brand .cmp-image__image{width: auto;  max-height: 80px; padding-right: 10px;}
	
.root #brand .image:last-child .cmp-image__image{width:100%; min-width: 200px}
	
.root #brand .image{display: flex; flex-direction: row; align-items: center;}
	
.root #menu .cmp-navigation__group li a{ color: rgba(255,255,255, 0.5); text-shadow: none !important; background-color: transparent; text-transform: uppercase; font-size: 15px; padding-bottom: 10px; margin-left: 25px;}

.root #menu .cmp-navigation__group li a:hover{border-bottom: 3px solid rgba(255,255,255, 0.5); text-decoration: none;}
	
.root #menu .cmp-navigation__group li a::after{content: ''; display: block; width: 5px; height: 5px; border:1px solid rgba(255,255,255, 0.5); border-radius: 10px;    margin-top: -14px; margin-left: 10px;}
	
.root #menu .cmp-navigation__group li:first-child a::after{border:0}
	
.root #menu .cmp-navigation__group li.cmp-navigation__item--active a, #menu .cmp-navigation__group li.cmp-navigation__item--active a:hover{color: rgba(255,255,255, 1); border-bottom: 3px solid #F5F2EB;}	
	
.root #menu .cmp-navigation__group{display: flex; flex-direction: row; justify-content: end; align-items: center; height: 90px;}

	
/* slider */
	
.root #slider{margin: 0 -15px;}
	
.root #slider .pal-home__carousel{margin-top: -190px; position: relative; z-index: -1; }
	
.root #slider .pal-home__carousel	.pal-home__video{height: 100vh; max-height: 1500px}

.root #slider .pal-home__carousel::before {content:''; width: 100%; height: 350px; position: absolute; top: 0;  left: 0;  z-index: 999; background: rgba(19,19,19,0.8); background: -moz-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(10,10,10,0) 50%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,19,19,0.8)), color-stop(50%, rgba(10,10,10,0)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(10,10,10,0) 50%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(10,10,10,0) 50%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(19,19,19,0.8) 0%, rgba(10,10,10,0) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(19,19,19,0.8) 0%, rgba(10,10,10,0) 50%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#000000', GradientType=0 );
}
	
.root #slider .pal-home__video .pal-video-responsive .pal-video--video-node{width: 100%; max-width: 100%; margin-top: 0px;}


/* Fastbooking */

.palladium-fastbooking ul.nav.nav-tabs.modify-travel{display: none;}

.buscador .buscador-container{max-width: 85%!important;}

.fastbookingSummoner{margin-top: 56px!important;}

.fastbookingSummoner .buscador .buscador-container .form-shadow .tab-content.y_finderContainer-home>div{border: 1px solid #f6f2eb!important; border-left: 0!important;}

.fastbookingSummoner .buscador .buscador-container .form-shadow .tab-content.y_finderContainer-home>div:first-of-type{border:1px solid #f6f2eb!important;}

.fastbookingSummoner .buscador .buscador-container .form-shadow .tab-content.y_finderContainer-home>div p.text, .fastbookingSummoner .buscador .buscador-container .form-shadow .tab-content.y_finderContainer-home>div p.title{color:#f6f2eb!important;}

.fastbookingSummoner .buscador .buscador-container .form-shadow .tab-content.y_finderContainer-home>div.buscar{background-color: #b09b60!important;}

/* breadcrumb */

body .breadcrumb-section, body .breadcrumb-section > .breadcrumb{  max-width: 92%!important; background: none;}

.breadcrumb-section>.breadcrumb li>a{color: #f6f2eb!important;}

.breadcrumb-section>.breadcrumb .active{color:#fff!important;}
	
/* gastronomia */
	
.root #gastronomia .palladium-Buttons > .container{width: fit-content; margin: 0; padding: 0;}
	

/* localizacion */

.root #localizacion #localizacion-image .image:last-child{position: absolute; width: 25%; right: 30px; margin-top: 30px; max-width: 550px;}

.root #localizacion .palladium-Buttons > .container{width: fit-content; margin: 0; padding: 0;}	
	
	
/* galeria */
	
.root #galeria{margin: 0 -35px;}

.root #galeria .palladium-destination-guide-gallery > .container{width: 100%;}
	
.root #galeria .variable-carousel .slick-prev, #galeria .variable-carousel .slick-next{padding: 0; top: 60%;}
	
.root #galeria .variable-carousel .slick-prev{left:2%;}
	
.root #galeria .variable-carousel .slick-next{right:3%;}
	
.root #galeria .variable-carousel .slick-prev:before, .root #galeria .variable-carousel .slick-next:before{color: #01132b;  width: 60px; height: 60px;  background: #F5F2EB; border-radius: 10px; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; box-shadow: none;  padding: 5px;  font-size: 18px;}
	
.root #galeria .slick-prev:hover, .root #galeria .slick-next:hover{background: transparent}
	
.root #galeria .variable-carousel{margin: 0 auto}
	
.root #galeria .variable-carousel .variable-carousel__item img{width: 104%; max-width: 104%}
	

/* footer */

.root #footer{margin-top: 80px;}	

.root #footer h2{text-align: center;}

.root #footer p{text-align: center; max-width: 500px; margin: 0 auto;}
	
.root #social{margin-top: 30px;}
	
.root #social	h3{text-align: center;}	
	
.root #social	.single-btns .single-btns__btn{background: transparent; text-indent: -3000px; font-size: 0; padding: 10px; margin-top: 0;}
	
.root #social	.single-btns .single-btns__btn:first-child::before{content: ''; background: url("/content/dam/palladium/images/chic-cabaret-restaurant/general/facebook.svg")top left no-repeat;width:50px; height: 50px;}

.root #social	.single-btns .single-btns__btn:first-child:hover::before{ background: url("/content/dam/palladium/images/chic-cabaret-restaurant/general/facebook_hover.svg")top left no-repeat;}
	
.root #social	.single-btns .single-btns__btn:last-child::before{content: ''; background: url("/content/dam/palladium/images/chic-cabaret-restaurant/general/instagram.svg")top left no-repeat;width:50px; height: 50px;}

.root #social	.single-btns .single-btns__btn:last-child:hover::before{ background: url("/content/dam/palladium/images/chic-cabaret-restaurant/general/instagram_hover.svg")top left no-repeat;}
	

	
	

/*--- MEDIA QUERIES ---*/
	
@media only screen and (max-width: 768px) {
	
	/* PREHOME */
	
	/* General */

    body .root{margin-top: 0!important;}
	
	.root > .aem-Grid > .responsivegrid	> .aem-Grid > .container{padding: 0}
			
	.root #lang_es .single-btns .single-btns__btn, .root #lang_en .single-btns .single-btns__btn, .root #lang_de .single-btns .single-btns__btn{width: fit-content;}
	
	.root h2{font-size: 25px;}

	
	/* Maquetación */
	
	.root #prehome {background-position: 40%; background-size: cover;}
	
	.root #prehome > .aem-Grid{height: auto; flex-direction: column}
	
	.root #prehome #prehome-logo .image{min-width: 175px;  width: 50%; margin: -30px 25% 55%;}
	
	.root #prehome-buttons{position: absolute; bottom: 10px;}
	
	
	/*Multiple buttons*/
	
	.root .single-btns .single-btns__btn{margin: 1px; padding: 18px; width: 100%;}
	
	.root .single-btns .single-btns__btn:first-child{border-top-left-radius: 0; border-bottom-left-radius: 0;}
	
	.root .single-btns .single-btns__btn:last-child{border-top-right-radius: 0; border-bottom-right-radius: 0;}
	
	.root #espectaculo-content .single-btns .single-btns__btn, #gastronomia-content .single-btns .single-btns__btn, #localizacion-content .single-btns .single-btns__btn, #footer .single-btns .single-btns__btn {border-radius: 5px; margin: 20px 0.5px!important;}
	
	.root #social .single-btns .single-btns__btn{margin: 0 0 30px!important;}
	
	
	/* PÁGINA INDIVIDUAL */
	
	/* general */
	
	.root #espectaculo, .root #gastronomia, .root #localizacion{margin: 0;}
	
	.root #espectaculo > .aem-Grid, .root #gastronomia > .aem-Grid, .root #localizacion > .aem-Grid{flex-direction: column;}
	
	.root #espectaculo-content, .root #gastronomia-content, .root #localizacion-content{margin: 0 30px}
	
	
	/* header */
	
    #lang_es{background: #01132b;z-index: 1; position: fixed; width: 100%; left: 0;}

    body .buscador-mobile--black{left: 0;}

    .root #lang_es .palladium-Buttons > .container{justify-content: center;}

	.root #header{margin-bottom: 30px; left: 0;  position: fixed; width: 100%;}

    .root #brand{margin-left: 0!important;left: 0;  position: fixed; width: 100%;}

    .root #brand > .aem-Grid{background: #01132b; width: 100%;}
	
	.root #brand .image{justify-content: center;}
	
	.root #brand .cmp-image__image{max-height: 50p; padding-right: 0;}
	
	.root #lang_es .palladium-Buttons > .container, .root #lang_en .palladium-Buttons > .container, .root #lang_de .palladium-Buttons > .container{padding: 15px 10px}
	
	.root #header > .aem-Grid .container:last-child{position: absolute; width: 100%; background: #01132b; top: 40px;}
	
	.root #header.navbar-fixed{position: fixed; width: 100%; background: #01132b; padding: 15px 0; top:0; z-index: 1; left:0;}
	
	.root #header.navbar-fixed #menu .navigation::before{top:-65px; filter: none;}
	
	.root #header.navbar-fixed #brand .image:last-child .cmp-image__image{filter: none; margin: -3px 25%; top: 0; right: 0; position: fixed;  width: 100%;  max-width: 100px;}
	
	.root #header.navbar-fixed > .aem-Grid .container:last-child{background: rgba(255,255,255, 0.9); top: 80px;}
	
	.root #menu .cmp-navigation__group{flex-direction: column; justify-content: center; align-items: center; padding: 10px 25px; height: fit-content;}
	
	.root #menu .cmp-navigation__group li{padding: 25px 0;}
	
	.root #menu .cmp-navigation__group li a{color:rgba(0, 0, 0, 0.5); margin-left:0;}
	
	.root #menu .cmp-navigation__group li.cmp-navigation__item--active a {color:rgba(0, 0, 0, 1)}
	
	.root #menu .navigation nav{display: none;}
	
	.root #menu .navigation:hover nav{display: block;}
	
	.root #menu .navigation::before{content:''; position: absolute; width: 25px; height: 25px; background: url("/content/dam/palladium/images/chic-cabaret-restaurant/general/burguer.svg")center center no-repeat; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); margin: 10px; top: -65px; right: 15px;}
	
	
	
	
	/* slider */
	
	.root #slider{margin-top:0px;}
	
	.root #slider .pal-home__carousel{margin-top: 0;}
	
	.root #slider .pal-home__carousel .pal-home__video { height: 100%; max-height: 1500px;}
	
	.root #slider .pal-home__carousel::before{background: transparent;}

    .root #slider .pal-home__video .pal-video-responsive .pal-video--video-node{margin-top: 130px;}
	
	
	/* modulos */
	
	.root #localizacion #localizacion-image .image:last-child{width: 50%;}
	
	.root #localizacion .palladium-Buttons > .container{width: inherit;}
	
	.root #espectaculo-image .image, .root #gastronomia-image .image, .root #localizacion-image .image {padding: 20px 0;}
	
	
	/* footer */
	
	.root #footer{margin: 40px 25px 0;}
	
	.root #social .single-btns .single-btns__btn{width: fit-content;}

	}
	
	
@media only screen and (min-width: 2300px) {
	
	/* PÁGINA INDIVIDUAL */
	
	/* General */	
	
	.root #espectaculo-image .image img, #gastronomia-image .image img, #localizacion-image .image img{top: 20%; transform: translate(0, -20%);}
	
	.root #localizacion-image .image{max-height: auto;}
	
	.root #localizacion-image .image img{top:auto; transform: none;}
	
	}

body .root.banner .palladium-carousel{position:initial!important;}
.root #social>.aem-Grid>.title, .root #social{width:100%!important;}

/* Titulo H2 */	
.palladium-title-subtitle-desc { margin-bottom: 25px;}
.palladium-title-subtitle-desc .container { display: flex; justify-content: center; }
.palladium-title-subtitle-desc h1 { line-height: 45px; color: #af9a60 !important; margin-bottom: 15px; text-transform: none; font-size: 50px !important; max-width: 480px;}

@media screen and (max-width: 992px) {
    body .root {
        margin-top: 0;
    }
}
[role=bravo-header] {
    transition: none!important;
    max-width: 1800px!important;
}

[role=bravo-header].navbar-fixed {
    left: 50%!important;
    transform: translateX(-50%);
    max-width: 1800px!important;
    background: rgba(255, 255, 255, 0.1)!important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 100px;
    margin-top: 1.5rem;
}

.root [role=bravo-header].navbar-fixed #brand .image:last-child .cmp-image__image {
    filter: none!important;
}

[role=bravo-home-video]{
    position: fixed;
    top: 20vh;
    z-index: -1;
    background: transparent;
}

[role=bravo-home-video] .pal-home__video .pal-video-responsive .pal-video--video-node {
    opacity: 0.3!important;
}

[role=hero-content] .breadcrumb-section,
[role=hero-content] ol.breadcrumb,
[role=hero-content] .breadcrumb-section>.breadcrumb li.active {
    margin-left:0!important;
    width: fit-content!important;
    display: flex;
    flex-direction: row;
    align-items: center;
}

[role=hero-content] .breadcrumb-section>.breadcrumb li + li:before {
    max-width: 30px;
    margin: 0!important;
}

[role=hero-content] .breadcrumb-section>.breadcrumb li>a,
[role=hero-content] .breadcrumb-section>.breadcrumb li.active,
.breadcrumb-section>.breadcrumb li {
    font-size:16px;
    font-weight:lighter!important;
    text-transform:uppercase;
    line-height: 1;
}

[role=hero-content] {
    height: 60vh;
    padding-top: 10vh;
    max-width:1800px;
    margin:0 auto;
}

[role=hero-content] .text div#hero-text p {
    font-size: 70px;
    max-width: 1400px;
    line-height: 1;
}

[role=bravo-description] {
    position: relative;
    height: 25vh;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

[role=bravo-description] .text {
    max-width: 600px;
    position:absolute;
    top: 0;
    left:60vw;
}

[role=bravo-description] .text p, 
[role=banner-bravo] .text p {
    font-size: 20px;
    line-height: 1.5 !important;
}

[role=bravo-description] .text p a {
    font-size:16px!important;
    color:white;
    width: fit-content;
    display:flex;
    flex-direction:column;
    overflow: hidden;
    text-decoration: none!important;
}

[role=bravo-description] .text p a:after {
    content: " ";
    border: 1px solid white;
    transform: translateX(-160px);
    transition: 0.3s all ease-out;
} 

[role=bravo-description] .text p a:hover:after {
    transform: translateX(0px); 
}

[role=advs-bravo] {
    max-width:1800px;
  }
  
[role=bravo-home-img] .aem-Grid {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-template-rows: max-content;
    gap: 20px;
    margin: auto;
    justify-items: start;
}

[role=bravo-home-img] .aem-Grid::before, 
[role=bravo-home-img] .aem-Grid::after {
    display:none;
}

[role=bravo-home-img] .cmp-image__image {
    width: 100%;
    height: auto;
    min-height: 600px;
    display: block;
    object-fit: cover;
    border-radius: 8px;
}

[role=bravo-home-img] .image:nth-child(2) .cmp-image {
    margin-top: 6vh;
}

[role=bravo-home-img] .image:nth-child(3) .cmp-image {
    margin-top: -4vh;
}

[role=bravo-home-img] .image:nth-child(4) .cmp-image {
    margin-top: 2vh;
}

[role=advs-bravo] {
max-width:1800px;
border: 0!important;
}

[role=bravo-home-img] .aem-Grid {
display: grid;
grid-template-columns: repeat(2, 2fr);
grid-template-rows: max-content;
gap: 20px;
margin: auto;
justify-items: start;
}

[role=bravo-home-img] .aem-Grid::before, 
[role=bravo-home-img] .aem-Grid::after {
display:none;
}

[role=bravo-home-img] .cmp-image__image {
width: 100%;
height: auto;
min-height: 600px;
display: block;
object-fit: cover;
border-radius: 8px;
}

[role=bravo-home-img] .image:nth-child(2) .cmp-image {
margin-top: 6vh;
}

[role=bravo-home-img] .image:nth-child(3) .cmp-image {
margin-top: -4vh;
}

[role=bravo-home-img] .image:nth-child(4) .cmp-image {
margin-top: 2vh;
}

[role=banner-bravo] {
border: 0px!important;
height: 60vh;
display: flex;
align-items: center;
position:relative;
}

[role=bravo-btns] {
position:relative;
}

[role=banner-bravo] h2 {
font-size: 70px;
max-width: 1000px;
line-height: 1;
text-transform: none;
color: #ffffffa1;
}

[role=banner-bravo] .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
width: 100%;
}
  
[role=banner-bravo] .text {
max-width: 450px;
position: absolute;
bottom: 1vh;
left: 60vw;
}

[role=bravo-btns] {
max-width: 600px;
position: absolute;
bottom: -20vh;
left: 60vw;
display:flex;
gap:1rem;
}
  
[role=bravo-btns] .button {
border: 1px solid white;
border-radius: 1000px;
padding: 12px 44px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
outline: none;
margin-bottom: 13vh;
}
  
[role=bravo-btns] .button a {
color: white!important; 
}

[role=bravo-btns] .button:hover a {
color: #144a86!important;
text-decoration: none!important;
}

[role=bravo-btns] .button:hover {
background-color: #ffffff;
}

[role=bravo-btns] .button:active {
background-color: #144a86;
}
  
@media (max-width:1024px) {
    [role=bravo-home-video] .slick-track {
        height: 115vh;
    }
    [role=advs-bravo] .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--6,
    [role=advs-bravo] .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
        width: 100%;
    }
    [role=advs-bravo] .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
        margin: 0;
    }
    [role=advs-bravo]#espectaculo > .aem-Grid {
        flex-direction: column;
    }
    [role=advs-fixed] .aem-Grid,
    [role=bravo-home-img] .aem-Grid {
        margin-left:2vh
    }
    [role=advs-fixed] ul {
        margin: 0 4rem;
    }
    [role=bravo-home-img] .aem-Grid {
        display: flex;
        overflow-x: scroll;
        gap: 20px
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    [role=bravo-home-img] .aem-Grid::-webkit-scrollbar {
        display: none;
    }
    [role=bravo-home-img] .image:nth-child(2) .cmp-image,
    [role=bravo-home-img] .image:nth-child(3) .cmp-image,
    [role=bravo-home-img] .image:nth-child(4) .cmp-image {
        margin-top: 0vh;
    }
    [role=bravo-home-img]#espectaculo-image .image {
        min-width: 40vw;
    }
}
@media (max-width: 820px) {
    [role=banner-bravo] {
        height: 30vh;
    }
    [role=hero-content] {
        height: 30vh;
    }
    [role=bravo-description] .text {
        left: 0;
    }
    [role=banner-bravo] .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
        margin: 0;
    }
    [role=banner-bravo] div#localizacion-content {
        margin-left: 2rem;
    }
    [role=banner-bravo] .text,
    [role=bravo-btns] {
        left: 4vh;
    }
}

@media (max-width: 768px) {
    [role=hero-content] .text div#hero-text p {
        margin-top: 5vh;
    }
    [role=hero-content] {
        max-width: 90vw;
        margin: 0 auto;
        height: 45vh;
    }
    [role=bravo-description] .text {
        left: 10vw;
    }
    [role=bravo-header].navbar-fixed {
        top: 2vh!important;
        padding: 4rem 0!important;
        display: flex!important;
    }
    [role=bravo-header].navbar-fixed #brand .image:last-child .cmp-image__image {
        top: 2vh;margin: 0!important;
        min-width: 300px!important;
        transform: translateX(50%)!important;
        right: 50%!important;
        padding-top:1rem;
    }
    [role=banner-bravo] h2 {
        margin-bottom: 8vh;
    }
}

@media (max-width: 500px) {
    [role=bravo-header].navbar-fixed #brand .image:last-child .cmp-image__image {
        padding-top: 1.5rem;
        min-width: 200px!important;
    }
    [role=hero-content] .text div#hero-text p,
    [role=banner-bravo] h2 {
        font-size: 5vh;
    }
    [role=advs-fixed] {
        width:100%;
        margin:0 auto!important;
    }
    
    [role=bravo-home-img]#espectaculo-image .image {
        min-width: 35vh;
    }
    [role=banner-bravo] .text {
        max-width: 90vh;
    }
    [role=banner-bravo] div#localizacion-content {
        margin-left: 0;
    }
    [role=banner-bravo] .text, [role=bravo-btns] {
        left: 2vh;
    }
    [role=banner-bravo] .cmp-text {
        max-width: 40vh !important;
    }
}