@font-face { font-family: 'Raleway'; src: url('/fonts/v1.x/v1.0/raleway/Raleway-Medium-webfont.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Raleway'; src: url('/fonts/v1.x/v1.0/raleway/raleway-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Raleway'; src:  url('/fonts/v1.x/v1.0/raleway/raleway-extrabold-webfont.woff') format('woff'); font-weight: 800; font-style: normal; }
.capa-suscripcion * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.capa-suscripcion { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 117000; border-top: 1px solid white; padding: 9px; background-color: #f8f8f8; display: none; }
.capa-suscripcion:before { content: ''; display: block; background: #CCC; height: 8px; width: 100%; position: absolute; top: -9px; left: 0; }
.capa-suscripcion__interior { background: #f1f1f1; border: 2px solid #dfdfdf; border-radius: 3px; max-width: 960px; margin: 0 auto; overflow: hidden; padding: 0 4.5%; position: relative; }
.capa-suscripcion__texto { display: inline-block; vertical-align: middle; max-width: 400px; }
.capa-suscripcion__texto p { font-family: 'Raleway'; font-weight: 500; font-style: normal; font-size: 16px; line-height: 21px; margin: 0; text-align: left; color: #1a1a1a; }
.capa-suscripcion__texto p strong { font-weight: 800; color: #0097c8; }
.capa-suscripcion__boton { font-family: 'Raleway'; font-weight: 700; font-style: normal; font-size: 14px; line-height: 18px; color: white; background: #0097c8; padding: 10px; border-radius: 3px; text-decoration: none; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-left: 9%; }
.capa-suscripcion__periodico { background: url('/estaticos/capa-suscripcion/img/periodico.png') no-repeat center; display: inline-block; vertical-align: middle; width: 125px; height: 74px; margin-right: 2%; }
.capa-suscripcion__cerrar { position: absolute; top: 10px; right: 10px; border: none; background: transparent; background: url('/estaticos/capa-suscripcion/img/cerrar.svg') no-repeat center; width: 12px; height: 12px; text-indent: -9999px; overflow: hidden; }

/* 999PX */
@media (max-width:62.438em) {
 .capa-suscripcion__interior { padding: 0 1.5%; }
}

/* 767PX */
@media (max-width:47.938em) {
  .capa-suscripcion__texto { display: block; margin: 20px 5%; }
  .capa-suscripcion__boton { position: absolute; top: 18px; right: 35px; margin: 0; }
}