/* Estilos necesarios para que funcione el plugin */
html {scroll-behavior: smooth;}

.scroll-container {width:100%;margin: 3% 0;}
.mainbodier .etiquetas {width:100%;/* Necesario si se utiliza el margin bottom para separar cada step */
  overflow: auto;
  pointer-events: none;
  position: relative;
  z-index: 1;}

.etiquetas > * {pointer-events: all;}
.etiqueta {margin: 0.4rem auto 100vh;max-width: 500px;}
.etiqueta.etiqueta-left {margin-left:1rem;}
.etiqueta.etiqueta-right {margin-right: 1em;}

.sticky {
  /* El position sticky necesita de polyfill en navegadores antiguos */
  position: -webkit-sticky;
  position: sticky;
  top: var(--header-height);
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  height: calc(100vh - var(--header-height));
  height: calc(100vh - 6rem);
}
/*.sticky.auto_height {height:auto;}*/
.etiqueta {padding:1rem;border:none;box-shadow:0 0 0.4rem 0.2rem #ccc;background:#FAFAFA;}

/* fuentes */
.sticky body , .etiqueta {font-family: 'Roboto','Arial',sans-serif;}
.etiqueta , .etiqueta p, .etiqueta *{font-size:1.4rem;line-height:1.8rem;}
.etiqueta strong {font-weight:600;}
.etiqueta span {font-weight:600;}
.etiqueta button {background: #f56b0d;border-radius: 0.4rem;padding: 0.2rem 0.4rem;color: #fff;font-weight: 600;cursor: pointer;transition: all .2s;}
.etiqueta button:hover {background:#fff;color:#f56b0d;}

.etiqueta {padding: 1rem;}
.etiqueta p {padding:0.5rem 1rem 0.5rem;margin:0;}
.etiqueta img {width:100%;}
 
.sticky .iframe-scrollama {width: 100%;}

/**/

/* video */
.etiquetas video {max-width: 100%;float:none}