header .brand {
  display: block;
  width: 100%;
  float: none;
}
header .brand .marca-top {
  text-align: center;
}
header .brand .marca-top img {
  width: 258px;
}
header .nav {
  float: none;
  margin-top: 12px;
  margin: 2px auto 0;
  display: block;
  width: auto;
  text-align: center;
}
@media (max-width: 975px) {
  header .nav {
    position: initial;
    display: block;
    margin: 0 auto;
    padding-bottom: 25px;
  }
}

@media (max-width: 768px) {
  .select-menu select.select {
    margin-bottom: 10px;
    display: block;
    margin: 0 auto;
  }
}

.stuck_container {
  position: initial;
  margin: 0;
  padding: 13px 0 0 0;
  height: 145px;
}

h1.titulo-piano-mas {
  color: var(--color-texto-primario);
  text-transform: initial;
  margin: 0;
  font-weight: bold;
  text-align: center;
  margin-top: 25px;
  font-size: 35px;
}

h3.titulo-piano-mas {
  color: var(--color-texto);
  text-transform: initial;
  font-weight: bold;
  text-align: center;
  font-size: 26px;
}

.camera_container {
  margin-top: 0 !important;
}

.top-banner {
  position: relative;
  height: 315px;
  margin-top: 1px;
  background-size: 21%;
  background-repeat: no-repeat;
  background-position: center top;
}
@media (max-width: 1024px) {
  .top-banner {
    height: 250px;
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .top-banner {
    margin-top: 2px;
    background-size: 28%;
  }
}
@media (max-width: 426px) {
  .top-banner {
    margin-top: 2px;
    background-size: 48%;
  }
}
.top-banner .borde {
  background: var(--piano-naranja);
}
.top-banner#concurso-piano-mas {
  background: url(../../dist/img/concursos/top-concurso-piano-mas.jpg) no-repeat top center;
  height: 176px;
}
.top-banner#home-piano-mas {
  background: url(img/top-home-piano-mas.jpg) no-repeat top center;
  height: 315px;
  margin-top: 0;
}
.top-banner#home-piano-mas .bajada-piano-mas {
  position: absolute;
  bottom: 0px;
  width: 620px;
  background: var(--fondo-primario);
  color: white;
  text-align: center;
  margin: 0 auto;
  padding: 7px 7px 7px 10px;
  border-radius: 18px 18px 0px 0px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (max-width: 500px) {
  .top-banner#home-piano-mas .bajada-piano-mas {
    width: 80%;
  }
}

.piano-mas-listado-beneficios {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}
.piano-mas-listado-beneficios .piano-mas-listado-beneficio {
  background: var(--fondo-secundario);
  width: 180px;
  margin: 0 10px;
}
.piano-mas-listado-beneficios .piano-mas-listado-beneficio a {
  color: white;
}
.piano-mas-listado-beneficios .piano-mas-listado-beneficio a .icono-beneficio {
  color: white;
  padding: 10px 0 0 0;
  position: relative;
}
.piano-mas-listado-beneficios .piano-mas-listado-beneficio a .icono-beneficio .radial {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.8588235294) 0%, rgba(255, 255, 255, 0) 70%, rgba(237, 114, 3, 0) 50%, rgba(0, 0, 0, 0) 100%);
  color: black;
  position: absolute;
  width: 120px;
  height: 120px;
  top: 0;
  left: 28px;
  opacity: 0;
}
.piano-mas-listado-beneficios .piano-mas-listado-beneficio a .icono-beneficio img {
  z-index: 1;
  position: relative;
  color: white;
  width: 90px;
  display: block;
  margin: 0 auto;
}
.piano-mas-listado-beneficios .piano-mas-listado-beneficio a .icono-beneficio img svg {
  fill: white;
}
.piano-mas-listado-beneficios .piano-mas-listado-beneficio a .texto-beneficio {
  text-align: center;
  line-height: 18px;
  margin-top: 8px;
  font-weight: 600;
  color: white;
}
.piano-mas-listado-beneficios .piano-mas-listado-beneficio a .accion-beneficio {
  text-align: center;
  background: var(--fondo-primario);
  margin-top: 10px;
}
.piano-mas-listado-beneficios .piano-mas-listado-beneficio a:hover .radial {
  animation: radialFade linear 0.5s forwards;
}
.piano-mas-listado-beneficios .piano-mas-listado-beneficio a:hover .accion-beneficio {
  font-weight: 600;
}
@media (max-width: 1000px) {
  .piano-mas-listado-beneficios .piano-mas-listado-beneficio {
    margin: 0 10px 15px;
  }
}

.piano-mas-listado-descuentos-home {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 45px;
}
.piano-mas-listado-descuentos-home .piano-mas-listado-beneficio {
  background: var(--fondo-naranja);
  width: 180px;
  margin: 0 10px;
}
.piano-mas-listado-descuentos-home .piano-mas-listado-beneficio a {
  color: white;
}
.piano-mas-listado-descuentos-home .piano-mas-listado-beneficio a .icono-beneficio {
  color: white;
  padding: 10px 0 0 0;
  position: relative;
}
.piano-mas-listado-descuentos-home .piano-mas-listado-beneficio a .icono-beneficio .radial {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.8588235294) 0%, rgba(255, 255, 255, 0) 70%, rgba(237, 114, 3, 0) 50%, rgba(0, 0, 0, 0) 100%);
  color: black;
  position: absolute;
  width: 120px;
  height: 120px;
  top: 0;
  left: 28px;
  opacity: 0;
}
.piano-mas-listado-descuentos-home .piano-mas-listado-beneficio a .icono-beneficio img {
  z-index: 1;
  position: relative;
  color: white;
  width: 90px;
  display: block;
  margin: 0 auto;
}
.piano-mas-listado-descuentos-home .piano-mas-listado-beneficio a .icono-beneficio img svg {
  fill: white;
}
.piano-mas-listado-descuentos-home .piano-mas-listado-beneficio a .texto-beneficio {
  text-align: center;
  line-height: 18px;
  margin-top: 8px;
  font-weight: 600;
  color: white;
}
.piano-mas-listado-descuentos-home .piano-mas-listado-beneficio a .accion-beneficio {
  text-align: center;
  background: var(--fondo-primario);
  margin-top: 10px;
}
.piano-mas-listado-descuentos-home .piano-mas-listado-beneficio a:hover .radial {
  animation: radialFade linear 0.5s forwards;
}
.piano-mas-listado-descuentos-home .piano-mas-listado-beneficio a:hover .accion-beneficio {
  font-weight: 600;
}
@media (max-width: 1000px) {
  .piano-mas-listado-descuentos-home .piano-mas-listado-beneficio {
    margin: 0 10px 15px;
  }
}

.piano-mas-home-todos-los-beneficios {
  margin: 0 auto;
  display: block;
  width: 779px;
  color: white;
  text-align: center;
  margin-top: 20px;
  padding: 3px 0;
  background: var(--fondo-secundario);
}
@media (max-width: 769px) {
  .piano-mas-home-todos-los-beneficios {
    width: 90%;
  }
}

@keyframes radialFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
.triangulo-derecha {
  width: 0 !important;
  height: 0 !important;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid var(--color-texto-primario);
  opacity: 1;
}
@media (max-width: 769px) {
  .triangulo-derecha {
    right: -40px !important;
    margin-top: 110px;
  }
}

.triangulo-izquierda {
  width: 0 !important;
  height: 0 !important;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-right: 30px solid var(--color-texto-primario);
  opacity: 1;
}
@media (max-width: 769px) {
  .triangulo-izquierda {
    margin-top: 110px;
    left: -40px !important;
  }
}

.como-utilizar-los-descuentos {
  width: 920px;
  margin: 60px auto 50px;
  background: var(--fondo-primario);
  padding: 25px 40px;
  color: white;
  border-radius: 20px 20px 20px 20px;
}
.como-utilizar-los-descuentos * {
  color: white;
}
.como-utilizar-los-descuentos h2 {
  text-align: center;
  font-weight: 600;
}
.como-utilizar-los-descuentos h4 {
  text-align: center;
  font-size: 21px;
  margin-top: 30px;
}
.como-utilizar-los-descuentos .pasos-descuento {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}
.como-utilizar-los-descuentos .pasos-descuento .paso {
  width: 240px;
  padding: 0 30px;
  margin: 0 20px;
}
.como-utilizar-los-descuentos .pasos-descuento .paso p {
  font-size: 15px;
  text-align: center;
  line-height: 20px;
}
.como-utilizar-los-descuentos .pasos-descuento .paso:nth-child(2), .como-utilizar-los-descuentos .pasos-descuento .paso:nth-child(3) {
  position: relative;
}
.como-utilizar-los-descuentos .pasos-descuento .paso:nth-child(2)::before, .como-utilizar-los-descuentos .pasos-descuento .paso:nth-child(3)::before {
  content: "\f061";
  font-family: "FontAwesome";
  font-weight: 900;
  font-size: 50px;
  position: absolute;
  bottom: 30px;
  left: -48px;
}
@media (max-width: 1000px) {
  .como-utilizar-los-descuentos .pasos-descuento .paso:nth-child(2)::before, .como-utilizar-los-descuentos .pasos-descuento .paso:nth-child(3)::before {
    content: "";
  }
}
.como-utilizar-los-descuentos .pasos-descuento .paso .icono {
  background: white;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px 40px 40px 40px;
  margin: 0 auto;
}
.como-utilizar-los-descuentos .pasos-descuento .paso .icono img {
  width: 50px;
}
@media (max-width: 1000px) {
  .como-utilizar-los-descuentos .pasos-descuento .paso {
    margin-top: 15px;
  }
}
@media (max-width: 1000px) {
  .como-utilizar-los-descuentos {
    width: 90%;
  }
}

body main.piano-ayuda.inicio #first {
  padding-top: 30px;
}
body main.piano-ayuda.inicio.cultura-y-recreacion-seccion #first .cabecera {
  background-image: url(img/cultura/cultura.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 53%;
}
@media (max-width: 769px) {
  body main.piano-ayuda.inicio.cultura-y-recreacion-seccion #first .cabecera {
    background: none;
  }
  body main.piano-ayuda.inicio.cultura-y-recreacion-seccion #first .cabecera .bajada {
    margin-top: 0px;
  }
}
@media (max-width: 769px) {
  body main.piano-ayuda.inicio.cultura-y-recreacion-seccion #third {
    margin-top: 380px;
  }
}
body main.piano-ayuda.inicio.capacitacion-seccion #first .cabecera {
  background-image: url(img/capacitacion/principal.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 35%;
  height: 350px;
}
@media (max-width: 769px) {
  body main.piano-ayuda.inicio.capacitacion-seccion #first .cabecera {
    background: none;
  }
  body main.piano-ayuda.inicio.capacitacion-seccion #first .cabecera .bajada {
    margin-top: 0px;
  }
}
@media (max-width: 769px) {
  body main.piano-ayuda.inicio.capacitacion-seccion #third {
    margin-top: 380px;
  }
}

.cultura-y-recreacion-cats .accordion-horizontal .imagen-expandida .fondo {
  background-size: 50% 100%;
  background-color: white;
}
.cultura-y-recreacion-cats .accordion-horizontal .a1 .imagen-expandida .fondo {
  background-image: url(img/cultura/iconos-svg/14.svg);
}
.cultura-y-recreacion-cats .accordion-horizontal .a2 .imagen-expandida .fondo {
  background-image: url(img/cultura/iconos-svg/15.svg);
}
.cultura-y-recreacion-cats .accordion-horizontal .a3 .imagen-expandida .fondo {
  background-image: url(img/cultura/iconos-svg/16.svg);
}
.cultura-y-recreacion-cats .accordion-horizontal .a4 .imagen-expandida .fondo {
  background-image: url(img/cultura/iconos-svg/17.svg);
}

.capacitacion-cats .accordion-horizontal .imagen-expandida .fondo {
  background-size: 50% 100%;
  background-color: white;
}
.capacitacion-cats .accordion-horizontal .a1 .imagen-expandida .fondo {
  background-image: url(img/capacitacion/iconos-svg/19.svg);
}
.capacitacion-cats .accordion-horizontal .a2 .imagen-expandida .fondo {
  background-image: url(img/capacitacion/iconos-svg/20.svg);
}
.capacitacion-cats .accordion-horizontal .a3 .imagen-expandida .fondo {
  background-image: url(img/capacitacion/iconos-svg/21.svg);
}

.sf-menu #menu-nuevo-cliente {
  background: var(--fondo-naranja);
}

.listado-notas-piano-mas {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 600px) {
  .carousel-wrapper {
    width: 350px !important;
    padding-top: 60px;
    height: 540px;
  }
  .carousel-wrapper .carousel {
    width: 350px;
    height: 270px;
  }
  .carousel-wrapper .carousel img {
    width: 350px;
  }
}
@media (max-width: 600px) {
  .carousel-wrapper {
    width: 290px !important;
    padding-top: 90px;
    margin: -80px auto -170px auto !important;
  }
  .carousel-wrapper .carousel {
    width: 290px;
  }
  .carousel-wrapper .carousel img {
    width: 290px;
  }
}

.caja-naranja-piano-mas {
  background: var(--piano-naranja);
  color: white;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}
.caja-naranja-piano-mas p {
  color: white;
}
.caja-naranja-piano-mas p:last-child {
  margin: 0;
}

#promos-piano-mas .item-piano-mas .pie-promo p.piano-mas-rubro {
  color: var(--color-texto-secundario);
}
#promos-piano-mas .item-piano-mas .pie-promo p.piano-mas-categoria {
  font-size: 13px;
  line-height: 13px;
  margin-top: 1px;
}
#promos-piano-mas .item-piano-mas.descuentos-exclusivos .piano-promo .descuento {
  font-size: 12px;
  line-height: 14px;
  margin-top: 24px;
  margin-bottom: -20px;
  text-align: center;
  font-weight: bold;
}
#promos-piano-mas .item-piano-mas.descuentos-exclusivos .piano-promo span {
  display: none;
}
#promos-piano-mas .item-piano-mas.descuentos-exclusivos .piano-promo .descuento-de {
  display: none;
}

.pianomas-buscador {
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .col-md-4.pianomas-buscador {
    width: 29%;
  }
  .col-md-3.pianomas-buscador {
    width: 23.5%;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///G:/net/Piano/src/fuentesV4/trunk/pianomas/dist/pianomas.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AACI;EACI;EACA;EACA;;AAEA;EACI;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;IACA;IACA;IACA;;;;AAKR;EADJ;IAEQ;IACA;IACA;;;;AAGR;EACI;EACA;EACA;EACA;;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACI;EACA;EACA;EACA;EACA;;;AAKR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;IACA;;;AAGJ;EAbJ;IAcQ;IACA;;;AAKJ;EApBJ;IAqBQ;IACA;;;AAIJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAbJ;IAcQ;;;;AAMhB;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIA;EACI;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EAMA;EACA;EACA;EACA;;AAPA;EACI;;AAUZ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAQA;EACI;;AAGJ;EACI;;AAKZ;EAtEJ;IAuEQ;;;;AAKZ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIA;EACI;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EAMA;EACA;EACA;EACA;;AAPA;EACI;;AAUZ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAQA;EACI;;AAGJ;EACI;;AAKZ;EAtEJ;IAuEQ;;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVJ;IAWQ;;;;AAIR;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;IACA;;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;IACA;;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EA7CJ;IA8CQ;;;AAKZ;EAhFJ;IAiFQ;;;;AAMJ;EACI;;AAKI;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;;EAEA;IACI;;;AAOZ;EADJ;IAEQ;;;AAOJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;;EAEA;IACI;;;AAOZ;EADJ;IAEQ;;;;AAQR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;;AAOJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;;AAKZ;EACI;;;AAGJ;EACI;EACA;;;AAGA;EADJ;IAEQ;IACA;IACA;;EAEA;IACI;IACA;;EAEA;IACI;;;AAKZ;EAhBJ;IAiBQ;IACA;IACA;;EAEA;IACI;;EAEA;IACI;;;;AAOhB;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACQ;;;AAMR;EACI;;AAGJ;EACI;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;;AAMZ;EACI;;;AAEJ;EACI;IACI;;EAEJ;IACI%22%7D */