:root{
  --sf-red:#c30f1b;
  --sf-text:#47454a;
  --sf-muted:#706d74;
  --sf-light:#ededed;
  --sf-light-2:#ccd1db;
  --sf-border:#d5d5d5;
  --sf-dark:#010101;
  --sf-container:1170px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Lato",Arial,sans-serif;color:var(--sf-text);background:#fff;padding-bottom:40px}
img{max-width:100%;height:auto;display:block;border:0}
a{color:inherit;text-decoration:none}
a:hover{color:#878589}
p{font-size:15px;line-height:22px;margin:0 0 15px}
ul,ol{margin:0;padding:0}
li{list-style:none}
h1,h2,h3,h4,h5{margin:0 0 12px;font-weight:500;}
h1{font-size:35px;letter-spacing:2px;text-align:center;border-bottom:1px solid var(--sf-border);padding-bottom:10px}
h2{font-size:25px}
h3{font-size:20px}
h4{font-size:18px;line-height:1.4}
h5{font-size:16px;line-height:1.4}

small,.small{font-size:.85em}
.container{width:min(var(--sf-container),calc(100% - 30px));margin:0 auto}
.row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}
.col-12,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-12,.col-md-6{width:100%;padding-left:10px;padding-right:10px}
@media (min-width:768px){.col-sm-4{width:33.3333%}.col-sm-5{width:41.6667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333%}.col-sm-8{width:66.6667%}.col-sm-12{width:100%}}
@media (min-width:992px){.col-md-6{width:50%}}
.page{overflow-x:hidden}
.site-header{padding-top:14px}
.branding{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.branding-left{flex:1 1 auto;min-width:0}
.logo-desktop{display:block;max-width:546px;height:auto}
.logo-mobile{display:none;max-width:100%;height:auto}
.branding-right{display:flex;align-items:flex-start;gap:18px;flex:0 0 auto}
.branding-badge img{height:auto;max-width:120px}
.site-nav-wrap{margin-top:12px}
#cssmenu{position:relative}
#cssmenu .menu-toggle{display:none;width:100%;border:0;background:var(--sf-muted);color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:.08em;font-size:13px;padding:14px 46px 14px 14px;text-align:left;position:relative}
#cssmenu .menu-toggle::before,#cssmenu .menu-toggle::after,#cssmenu .menu-toggle span::before{content:"";position:absolute;right:14px;width:18px;height:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}
#cssmenu .menu-toggle::before{top:16px}
#cssmenu .menu-toggle span::before{top:22px}
#cssmenu .menu-toggle::after{top:28px}
#cssmenu.is-open .menu-toggle::before{transform:translateY(6px) rotate(45deg)}
#cssmenu.is-open .menu-toggle span::before{opacity:0}
#cssmenu.is-open .menu-toggle::after{transform:translateY(-6px) rotate(-45deg)}
.menu{display:flex;flex-wrap:wrap;gap:6px}
.menu>li>a{display:block;background:var(--sf-muted);color:#fff;padding:8px 12px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.menu>li.active>a,.menu>li>a:hover{background:#1B112A;}
.menu-social>a{width:36px;text-align:center;padding-left:0;padding-right:0}
.icon{display:inline-flex;align-items:center;justify-content:center;width:1.2em;font-style:normal}
.icon-facebook::before{content:"f";font-weight:700}
.icon-instagram::before{content:"◙";font-size:1.1em}
.icon-x::before{content:"x";text-transform:lowercase}
.icon-download::before{content:"⤓"}
.icon-image::before{content:"🖼";font-size:.9em}
.icon-mail::before{content:"@"}
.icon-phone::before{content:"☎";font-size:.95em}
.icon-info::before{content:"i";font-weight:700}
.icon-file::before{content:"≣";font-weight:700}
.hero-carousel{margin:0 0 20px}
.hero-slide{background:#fff}
.hero-slide .carousel-image-desktop{display:block;width:100%}
.hero-slide .carousel-image-mobile{display:none;width:100%}
.video-index{max-width:700px;background:#666;margin:50px auto;width:100%;position:relative;box-shadow:rgba(0,0,0,.7) 0 35px 45px -20px}
.video-ratio{position:relative;width:100%;padding-top:56.25%}
.video-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hr-dotted{border:0;border-top:2px dotted #444d69;margin:20px 0}
.section-kicker{color:var(--sf-red);font-weight:700;letter-spacing:.2em;text-align:center}
.section-note{font-size:16px;font-weight:700;text-align:center}
.placeholder{color:#474747; text-align: justify; line-height:1.75em;}
.align-right{text-align:right}
.caption{font-style:italic;font-size:.85em}
.foto{color:#e7e5e5;font-weight:600;font-size:11px;text-align:right;margin-top:-25px;margin-right:10px;text-shadow:.1em .1em .05em #333}
.breadcrumb{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 15px 0;font-size:14px}
.breadcrumb li+li::before{content:"/";color:#777;margin-right:6px}
.page-banner{width:100%;background:#34254a;color:#fff;padding:20px 15px;text-align:center;margin:0 0 25px}
.page-banner h1{color:#fff;border:0;margin:0;padding:0}
.page-banner h2{color:#fff;border:0;margin:0;padding:7px 10px 7px 10px;font-size:1.20em; line-height:1.70em;}
.page-banner .subline{display:block;color:#fff;font-size:0.80em; }
.page-banner .accent{display:block;color:#eddbb8;font-size:1.5em; letter-spacing: 0.25em}
.poster-link img{width:100%;margin-top:15px}
.program-block{background:var(--sf-light);padding:12px 15px 4px;margin-top:15px}
.program-day{font-size:14px;line-height:1.2;font-weight:700;border-bottom:1px dotted #aa9f9d;padding:5px 110px 10px 0;margin:0 0 18px}
.ticket-btn{float:right;margin-left:10px;margin-top:-2px;background:#fff;border:1px solid #d0d0d2;color:#231f20;padding:3px 6px;font-size:10px}
.ticket-btn:hover{background:var(--sf-red);color:#fff !important}
.program-title{color:var(--sf-red)!important;font-size:24px;line-height:1.1;margin-bottom:8px;font-weight:600}
.program-title .small{display:block;color:#231f20;font-size:16px;font-weight:300;line-height:1.35;margin-top:4px}
.ficha-box{background:#34254a;color:#fff;padding:15px;margin-bottom:40px}
.ficha-box h2{color:#fff;text-transform:uppercase;font-weight:400}
.ficha-box .t2{font-size:2.7rem;margin-top:15px}
.ficha-box .datos{color:#fff}
.ficha-box .datos p{margin-bottom:0}
.ficha-summary{color:var(--sf-red);font-weight:600;text-transform:uppercase;margin-bottom:25px}
.sidebar-box{background:var(--sf-light);border:1px solid #78746c;padding:0 0 15px 15px;max-width:90%;margin:6% auto 0}
.sidebar-title{display:flex;align-items:center;gap:8px;color:#b9b7b7;font-weight:600;margin:15px 0 10px;padding-top: 25px;}
.info-sidebar{margin-top:10px;font-size:.95rem;line-height:1.4rem;padding:0 35px 15px 10px}
.btn-primary{display:inline-block;background:var(--sf-red);color:#fff;padding:6px 10px;font-size:12px;text-align:center}
.btn-primary:hover{background:#9d9d9d;color:#fff !important}
.btn-block{display:block;max-width:100%;margin-left:auto;margin-right:auto}
.evento-dia{background:var(--sf-light);padding:15px;margin-bottom:30px}
.evento-dia h2{font-size:2.2em;color: var(--sf-red);margin-bottom:5px}

.evento-header .fecha,.fecha{font-weight:700;border-bottom:1px dotted #aa9f9d;padding-bottom:5px;margin-bottom:15px}
.evento-item{background:var(--sf-light-2);padding:15px;margin-bottom:15px;border:1px solid #fff}
.evento-item:hover{background:#fff;border-color:#ccc}
.evento-tipo{color:var(--sf-muted);font-size:.9em;margin-bottom:5px}
.evento-titulo{font-size:1.2em;color:var(--sf-text);margin-bottom:10px}
.evento-titulo strong{color:var(--sf-red)}
.evento-participantes,.evento-lugar,.evento-info{font-size:.9em;margin-bottom:5px}
.evento-imagen{float:right;width:auto;height:auto;max-width:25%;max-height:135px;margin-left:15px;transition:all .3s ease}
.with-image{overflow:hidden;position:relative}
.with-image:hover .evento-imagen{opacity:.9;filter:grayscale(20%)}
.tradicion-vanguardia{margin:30px 0}
.tradicion-vanguardia h2{color:var(--sf-red);font-size:28px;margin-bottom:15px}
.tradicion-vanguardia p{color:#494949;font-size:1.1em;margin-bottom:15px}
.material-prensa{margin-bottom:18px}
.material-prensa>li{border-bottom:1px solid var(--sf-border)}
.material-prensa ul{padding:10px 0}
.material-prensa .first-child{font-size:16px;margin-bottom:6px}
.material-prensa .second-child{font-size:14px;color:#666}
.material-prensa h5{color:var(--sf-red);margin-bottom:0}
.sidebar-links .btn-primary{margin-bottom:10px}
.contact-list li{margin-bottom:7px}
footer{background:#1b112a;border-top:2px solid #ca020d;margin-top:30px;color:#c0c0be; font-size: 12px; }
.footer{padding-top:15px;padding-bottom:15px}
.footer .mapa ul{text-align:right}
.footer .mapa li{display:inline-block;padding-left:10px;margin-left:10px;border-left:1px solid #999}
.footer .mapa li:first-child{border-left:0;padding-left:0;margin-left:0}
.footer a{color:#c0c0be}
.footer a:hover{text-decoration:underline}
.copy{
    display:flex;
    align-items:center;
    gap:10px;
    padding-top:0;
}
.text-center{text-align:center}
.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}
.go-top{position:fixed;right:15px;bottom:15px;background:#55456d;color:#fff;padding:8px 10px;font-size:12px;display:none;z-index:50}
/* Footer: logo W3C + copyright en una sola línea */
.copy{
    display:flex;
    align-items:center;
    gap:10px;
    padding-top:0;
    line-height:20px;
}

.copy img{
    display:block;
    flex:0 0 auto;
}

.copy .small{
    display:block;
    line-height:20px;
}

@media (max-width:767px){
    .copy{
        justify-content:center;
    }
}

@media (max-width:991px){.branding-right{gap:12px}.branding-badge img{max-width:94px}.evento-imagen{max-width:40%;max-height:160px}}
@media (max-width:767px){
body{padding-bottom:25px}
p{text-align:left}
.container{width:min(var(--sf-container),calc(100% - 24px))}
.logo-desktop{display:none}.logo-mobile{display:block;max-width:450px}
.branding-badge{display:none}
#cssmenu .menu-toggle{display:block}
.menu{display:none;flex-direction:column;gap:6px;background:var(--sf-light);padding:8px 8px 10px}
#cssmenu.is-open .menu{display:flex}
.menu>li>a{width:100%}
.hero-slide .carousel-image-desktop{display:none}
.hero-slide .carousel-image-mobile{display:block}
.video-index{max-width:100%;margin:24px auto 30px;box-shadow:rgba(0,0,0,.55) 0 20px 30px -18px}
.program-day{padding-right:0}
.ticket-btn{float:none;display:inline-block;margin:10px 0 0}
.page-banner{margin:18px 0}
.page-banner h1{font-size:1.65em;line-height:1.2;letter-spacing:1px}
.page-banner h2{font-size:1.05em;line-height:1.35;letter-spacing:1px}
.sidebar-box{max-width:100%;padding-left:0}
.evento-imagen{float:none;display:block;max-width:100%;max-height:none;width:100%;margin:0 auto 15px}
.with-image{text-align:center}
.footer .mapa ul{text-align:center;margin-top:15px}
.footer .mapa li{display:block;border-left:0;border-top:1px solid #999;padding-left:0;margin-left:0;padding-top:5px;margin-top:5px}
.footer .mapa li:first-child{border-top:0}
}


/* Ajuste visibilidad iconos redes */
.menu-social{display:block !important}
.menu-social>a{
  display:flex !important;
  align-items:center;
  justify-content:center;
  background:var(--sf-muted);
  color:#fff !important;
  min-width:36px;
}
.menu-social>a:hover{background:var(--sf-red);color:#fff !important}
.icon{display:inline-flex !important;align-items:center;justify-content:center;color:#fff !important;font-size:16px;line-height:1}
.icon-facebook::before{content:"f";font-weight:700}
.icon-instagram::before{content:"◙";font-size:1em}
.icon-x::before{content:"x";font-weight:700;text-transform:lowercase}

@media (max-width:767px){
  .menu-social{display:block !important;width:100%}
  .menu-social>a{
    width:100% !important;
    min-width:0;
    padding:12px 14px !important;
    background:var(--sf-muted) !important;
    color:#fff !important;
  }
}


/* Ajuste sección Prensa: artista y fotografías en una misma línea */
.material-prensa{
  margin-bottom:30px;
}
.material-prensa>li{
  border-bottom:1px solid var(--sf-border);
}
.material-prensa>li>ul{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:8px 0;
}
.material-prensa .first-child{
  flex:1 1 auto;
  min-width:0;
  font-size:18px;
  line-height:1.25;
  margin-bottom:0;
}
.material-prensa .first-child a{
  display:inline;
}
.material-prensa .first-child .small{
  font-size:13px;
  color:#231f20;
  font-weight:400;
}
.material-prensa .second-child{
  flex:0 0 auto;
  font-size:13px;
  line-height:1.2;
  margin-left:auto;
  white-space:nowrap;
  color:var(--sf-red);
}
.material-prensa .second-child a{
  color:var(--sf-red);
}
.material-prensa .second-child a:hover{
  color:#878589;
}
.material-prensa .second-child .icon{
  color:#231f20 !important;
  margin-right:4px;
  font-size:13px;
  line-height:1;
  vertical-align:middle;
}
.material-prensa h5{
  color:var(--sf-red);
  font-size:17px;
  line-height:1.25;
  margin:8px 0 2px;
}

@media (max-width:767px){
  .material-prensa>li>ul{
    gap:8px;
  }
  .material-prensa .first-child{
    font-size:16px;
  }
  .material-prensa .first-child .small{
    font-size:12px;
  }
  .material-prensa .second-child{
    font-size:12px;
  }
}


/* Sidebar prensa 2026 */
.sidebar-box{
background:#f7f7f7;
border:1px solid #d7d7d7;
padding:18px 24px;
max-width:100%;
margin:0 0 20px 0;
}
.sidebar-title{color:#333;font-size:18px;font-weight:700;margin:0 0 18px;}
.sidebar-links .btn-primary{display:block;background:#fff;border:1px solid #ed1c24;color:#ed1c24;padding:12px 14px;margin-bottom:10px;}
.contact-list li{margin-bottom:12px;}


/* Ajuste programación portada 2026: aproximación edición anterior */
.programacion-home{
  width:100%;
  max-width:565px;
  margin:0 auto;
  float:none;
}
.programacion-home .section-kicker{
  color:#ed1c24;
  font-size:28px;
  line-height:1.1;
  letter-spacing:.22em;
  text-align:center;
  font-weight:700;
  margin-bottom:4px;
}
.programacion-home .hr-dotted{
  margin:6px 0 16px;
  border-top:1px dotted #aa9f9d;
}
.programacion-home > p{
  font-size:15px;
  line-height:20px;
  margin-bottom:14px;
  color:#111;
}
.programacion-home > p span{
  color:#ed1c24 !important;
  font-weight:700 !important;
}
.program-block{
  background:#ccd1db;
  padding:13px 15px 18px;
  margin:0 0 15px;
}
.program-block2{
  background:#55476a;
  padding:13px 15px 10px;
  margin:0 0 15px;
}
.program-day{
  color:#253746;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  border-bottom:1px dotted #bcb8b6;
  padding:2px 115px 9px 0;
  margin:0 0 23px;
}
.program-day2{
color:#ffffff !important;

  font-size:14px;
  line-height:1.2;
  font-weight:500;
  border-bottom:1px dotted #bcb8b6;
  padding:2px 115px 9px 0;
  margin:0;
}
.ticket-btn{
  float:right;
  margin:-3px -1px 0 10px;
  background:#fff;
  border:1px solid #cfcfcf;
  color:#000;
  padding:7px 9px;
  font-size:10px;
  font-weight:700;
  line-height:1;
}
.ticket-btn:hover{
  background:#fff;
  color:#000 !important;
  border-color:#bdbdbd;
}
.program-title{
  color:#ed1c24 !important;
  font-size:24px;
  line-height:1.02;
  letter-spacing:.02em;
  margin:0 0 14px;
  font-weight:600;
  text-transform:uppercase;
}
.program-title a{
  color:#ed1c24 !important;
}
.program-title a:hover{
  color:#878589 !important;
}
.program-title .small{
  display:block;
  color:#000;
  font-size:16px;
  line-height:1.05;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
  margin-top:1px;
}
@media (max-width:767px){
  .programacion-home{
    max-width:100%;
  }
  .programacion-home .section-kicker{
    font-size:24px;
    letter-spacing:.16em;
  }
  .program-block{
    padding:12px 14px 16px;
  }
  .program-day{
    padding-right:0;
  }
  .ticket-btn{
    float:none;
    display:inline-block;
    margin:10px 0 0;
  }
  .program-title{
    font-size:22px;
  }
  .program-title .small{
    font-size:15px;
  }
}


/* Información práctica: caja destacada y fija en escritorio */
@media (min-width:768px){
  .col-sm-4 .sidebar-box{
    position:sticky;
    top:18px;
  }
}

.col-sm-4 .sidebar-box{
  background:#f7f7f7;
  border:1px solid #d8d8d8;
  border-left:5px solid var(--sf-red);
  padding:22px 24px 24px;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  max-width:100%;
  margin:20px 0 0;
}

.col-sm-4 .sidebar-title{
  display:flex;
  align-items:center;
  gap:10px;
  color:#222;
  font-size:20px;
  font-weight:700;
  margin:0 0 18px;
  padding-bottom:12px;
  border-bottom:1px dotted #b8b8b8;
}

.col-sm-4 .sidebar-title .icon{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#6f6f6f;
  color:#fff !important;
  font-size:17px;
  flex:0 0 32px;
}

.col-sm-4 .info-sidebar{
  padding:0;
  margin:0;
  color:#1f2f3f;
  font-size:15px;
  line-height:1.45;
}

.col-sm-4 .info-sidebar li{
  margin: 15px 0 15px 0;
}

.col-sm-4 .info-sidebar li strong{
  font-weight:600;
}

.col-sm-4 .info-sidebar li:nth-child(3){
  height:14px;
  margin:0;
}

.col-sm-4 .info-sidebar .btn-primary{
  display:block;
  width:100%;
  margin-top:8px;
  background:var(--sf-red);
  color:#fff !important;
  border:1px solid var(--sf-red);
  padding:10px 14px;
  font-weight:700;
  text-align:center;
}

.col-sm-4 .info-sidebar .btn-primary:hover{
  background:#9d9d9d;
  border-color:#9d9d9d;
  color:#fff !important;
}

@media (max-width:767px){
  .col-sm-4 .sidebar-box{
    position:static;
    border-left:1px solid #d8d8d8;
    margin:28px 0 0;
    padding:18px;
    box-shadow:none;
  }

  .col-sm-4 .sidebar-title{
    font-size:18px; 
  }
}


/* Galería exposición Ateneo */
.expo-gallery{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:2px;
  width:min(570px,100%);
  margin:28px auto 10px;
}
.expo-gallery a{
  display:block;
  background:var(--sf-red);
  aspect-ratio:1/1;
  overflow:hidden;
}
.expo-gallery img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    transition:transform .2s ease, opacity .2s ease;
}

.expo-gallery img.pos-top{
    object-position:center 10%;
}

.expo-gallery img.pos-bottom{
    object-position:center 75%;
}

.expo-gallery img.pos-left{
    object-position:35% center;
}

.expo-gallery img.pos-right{
    object-position:65% center;
}

.expo-gallery a:hover img{
  transform:scale(1.04);
  opacity:.9;
}
.lightbox-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.86);
}
.lightbox-overlay.is-open{
  display:flex;
}
.lightbox-overlay img{
  max-width:min(1100px,96vw);
  max-height:90vh;
  width:auto;
  height:auto;
  box-shadow:0 15px 45px rgba(0,0,0,.45);
}
.lightbox-close{
  position:absolute;
  top:14px;
  right:18px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:42px;
  line-height:1;
  cursor:pointer;
}
/* Descarga ZIP galería */
.expo-download{
    text-align:center;
    margin:12px 0 24px;
    font-size:14px;
    line-height:1.4;
}

.expo-download a{
    color:#777;
    text-decoration:none;
    transition:color .2s ease;
}

.expo-download a:hover{
    color:var(--sf-red);
}

.expo-download .fa{
    margin-right:4px;
    font-size:.9em;
}
@media (max-width:767px){
  .expo-gallery{
    grid-template-columns:repeat(2,1fr);
    width:100%;
    margin-top:22px;
  }
}

/* Artistas destacados en portada: caja flotante bajo el banner */
.hero-carousel{
  margin:0 0 74px;
  position:relative;
}
.hero-slide{
    position:relative;
}


.hero-visual{
  position:relative;
}
.hero-slide .foto{
    position:absolute;
    right:12px;
    bottom:8px;
    margin:0;
    color:#e7e5e5;
    font-weight:600;
    font-size:11px;
    text-align:right;
    text-shadow:.1em .1em .05em #333;
    z-index:15;
}
.hero-artists{
  position:absolute;
  left:50%;
  bottom:-34px;
  transform:translateX(-50%);
  z-index:10;
  width:min(920px,72%);
  padding:15px 24px;
  border:1px solid rgba(255,255,255,.8);
  background:#1b1028;
  color:#b2acbb;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:2px 0;
  text-align:center;
  font-size:17px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.hero-artists span{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
}
.hero-artists span:not(:last-child)::after{
  content:"|";
  color:#fff;
  opacity:.85;
  margin:0 .55em;
}
.hero-carousel + .video-index{
  margin-top:0;
}

@media (max-width:1190px){
  .hero-artists{
    width:min(900px,88%);
    font-size:15px;
    padding:13px 18px;
  }
}

@media (max-width:991px){
  .hero-carousel{
    margin-bottom:70px;
  }
  .hero-artists{
    width:min(720px,88%);
    bottom:-32px;
    padding:12px 16px;
    font-size:14px;
    line-height:1.4;
  }
}

@media (max-width:767px){
  .hero-carousel{
    margin-bottom:92px;
  }
  .hero-slide .foto{
    right:8px;
    bottom:55px;      /* por encima de la caja flotante */
    font-size:9px;
    line-height:1.2;
    max-width:180px;
  }
  .hero-artists{
    width:calc(100% - 24px);
    bottom:-58px;
    padding:10px 12px;
    font-size:12px;
    line-height:1.45;
    letter-spacing:.025em;
  }
  .hero-artists span{
    white-space:normal;
  }
  .hero-artists span:not(:last-child)::after{
    margin:0 .42em;
  }
}

@media (max-width:420px){
  .hero-carousel{
    margin-bottom:104px;
  }
  .hero-artists{
    bottom:-66px;
    font-size:11px;
    padding:9px 10px;
  }
}