html {
  margin: 0;
  padding: 0;
  border: 0; }

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  background: white; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  float: none !important; }

table, th, td {
  vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ''; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: none; }

:focus {
  outline: 0; }

.ico {
  display: inline-block;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  text-indent: -90000px; }

.clear {
  clear: both;
  height: 1px;
  margin-bottom: -1px;
  display: block;
  overflow: hidden;
  padding: 0; }

p {
  line-height: 140%; }

input, select, textarea {
  font-family: var(--general);
  border: 1px solid #e2e2e2;
  padding: 3px 5px;
  color: #333; }

ul, ul li {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  text-decoration: none;
  color: #111; }

a:hover {
  text-decoration: underline; }

textarea {
  resize: none;
  overflow: auto; }

input::-moz-focus-inner {
  border: 0;
  padding: 0; }

em, i {
  font-style: italic; }

cite {
  background: #FF0;
  color: #fff;
  padding: 3px 5px; }

u {
  text-decoration: underline; }

strong, b {
  font-weight: bold; }

#accesosrapidos, .banner-intersitial-cont, .banner-zocalo-cont, .admonitor_laterales {
  display: none; }

hr, .ahem, #skip-link {
  display: none; }

#main hr {
  display: block; }

#footer {
  clear: both; }

@font-face {
  font-family: 'icomoon';
  src: url("/styles/fonts/icomoon.eot?m48am");
  src: url("/styles/fonts/icomoon.eot?m48am#iefix") format("embedded-opentype"), url("/styles/fonts/icomoon.ttf?m48am") format("truetype"), url("/styles/fonts/icomoon.woff?m48am") format("woff"), url("/styles/fonts/icomoon.svg?m48am#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"], [class^="ico-"], [class*=" ico-"], [class^="mfp-"], [class*="mfp-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/**/
.icon-alerta:before {
  content: "\e94a"; }

.icon-tratohecho:before {
  content: "\e93f"; }

.icon-por-vender:before {
  content: "\e940"; }

.icon-ok:before {
  content: "\e941"; }

.icon-filtro-usuario:before {
  content: "\e942"; }

.icon-filter:before {
  content: "\e943"; }

.icon-enojado:before {
  content: "\e944"; }

.icon-delete:before {
  content: "\e945"; }

.icon-charla-venta:before {
  content: "\e946"; }

.icon-view:before {
  content: "\e93e"; }

.icon-llamar:before {
  content: "\e93d"; }

.icon-add-contact:before {
  content: "\e931"; }

.icon-card_contact_icon:before {
  content: "\e93c"; }

.icon-credit:before {
  content: "\e92f"; }

.icon-aumento:before {
  content: "\e930"; }

.icon-tutoriales:before {
  content: "\e928"; }

.icon-form:before {
  content: "\e929"; }

.icon-propuesta:before {
  content: "\e92c"; }

.icon-simulador:before {
  content: "\e92d"; }

.icon-star:before {
  content: "\e927"; }

.icon-send:before {
  content: "\e925"; }

.icon-pc:before {
  content: "\e926"; }

.icon-cash:before {
  content: "\e92a"; }

.icon-card:before {
  content: "\e92b"; }

.icon-ojo:before {
  content: "\e924"; }

.icon-calendar:before {
  content: "\e923"; }

.icon-linkedin:before {
  content: "\e922"; }

.icon-viento:before {
  content: "\e920"; }

.icon-lluvia:before {
  content: "\e921"; }

.icon-nieve:before {
  content: "\e91e"; }

.icon-ventoso:before {
  content: "\e91f"; }

.icon-campana:before {
  content: "\e91d"; }

.icon-telegram:before {
  content: "\e91c"; }

.icon-mas:before {
  content: "\e91b";
  color: #888; }

/*audio*/
.icon-stop:before {
  content: "\e950"; }

.icon-pausa:before {
  content: "\e951"; }

.icon-play:before {
  content: "\e952"; }

.icon-volumen:before, .icon-audio:before {
  content: "\e937"; }

.icon-mute:before {
  content: "\e939"; }

/*secundarios*/
.icon-cruz:before {
  content: "\e93a"; }

.icon-estrella:before {
  content: "\e93b"; }

.icon-extender:before {
  content: "\e935"; }

.icon-comilla:before {
  content: "\e907"; }

.icon-comentar:before {
  content: "\e909"; }

.icon-bandera:before {
  content: "\e956"; }

.icon-comentar:before {
  content: "\e909"; }

/*redes*/
.icon-compartir:before {
  content: "\e910"; }

.icon-facebook:before {
  content: "\e934"; }

.icon-twitter:before {
  content: "\e936"; }

.icon-youtube:before, .icon-video:before {
  content: "\e911"; }

.icon-instagram:before {
  content: "\e917"; }

.icon-g-plus:before {
  content: "\e938"; }

.icon-messenger:before {
  content: "\e949"; }

.icon-whatsapp:before {
  content: "\e913"; }

.icon-linkedIn:before {
  content: "\e918"; }

.icon-e-mail:before {
  content: "\e914"; }

.icon-imp:before {
  content: "\e915"; }

/*flechas*/
.icon-right:before {
  content: "\e90b"; }

.icon-left:before {
  content: "\e90c"; }

.icon-up:before {
  content: "\e954"; }

.icon-down:before {
  content: "\e955"; }

.icon-lupa:before {
  content: "\e916"; }

.icon-cerrar:before, .mfp-close:before {
  content: "\e953"; }

/*doc*/
.icon-pdf:before, .icon-descargar:before {
  content: "\e94b"; }

.icon-xls:before {
  content: "\e94c"; }

.icon-doc:before {
  content: "\e94d"; }

/*desarrolado*/
.icon-g8:before {
  content: "\e948"; }

.icon-adv:before {
  content: "\e932"; }

.icon-siglocero:before {
  content: "\e933"; }

/*logos*/
.icon-iso:before {
  content: "\e92e"; }

.icon-logo:before {
  content: "\e91a"; }

/*clima*/
.icon-tormenta-elctrica:before {
  content: "\e900"; }

.icon-lluvias-tormenas:before {
  content: "\e901"; }

.icon-lluviaIntensa:before {
  content: "\e902"; }

.icon-lluvioso:before {
  content: "\e903"; }

.icon-inestable-lluviaLeve:before {
  content: "\e904"; }

.icon-muy-nublado:before {
  content: "\e905"; }

.icon-nublado:before {
  content: "\e906"; }

.icon-parcialmente-nublado:before {
  content: "\e908"; }

.icon-despejado:before {
  content: "\e90a"; }

.icon-igual:before {
  content: "\e90d"; }

.icon-baja:before {
  content: "\e90e"; }

.icon-sube:before {
  content: "\e90f"; }

/*
.icon-cerrar-popup:before {content:"\e93c"}
.icon-extender:before {content:"\e935"}
.icon-compartir:before {content:"\e93c"}
.icon-google:before {content:"\e938"}
.icon-whatsapp:before {content:"\e913"}
.icon-instagram:before {content:"\e93a"}
.icon-youtube:before {content:"\e93e"}
.icon-e-mail:before {content:"\e914"}
.icon-imp:before {content:"\e915"}
.icon-bandera:before {content:"\e956"}
.icon-cerrar:before {ontent:"\e953"}
.icon-comentarios:before {content:"\e94a"}
.icon-pdf:before {content:"\e94b"}
.icon-excel:before {content:"\e94c"}
.icon-word:before {content:"\e94d"}
.icon-cronograma:before {content:"\e940"}
.icon-feriados:before {content:"\e941"}
.icon-tombola:before {content:"\e942"}
.icon-concurso:before {content:"\e943"}
.icon-telefonos:before {content:"\e944"}
.icon-MapPoint:before {content:"\e914"}
.icon-Reloj:before {content:"\e915"}
.icon-altura:before {content:"\e945"}
.icon-funebres:before {content:"\e946"}
.icon-Impresora:before {content:"\e917"}
.icon-E-mail:before {content:"\e918"}
.icon-Login:before {content:"\e919"}
*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 30000;
  overflow: hidden;
  position: fixed !important;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 30001;
  position: fixed !important;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  overflow: hidden !important; }

.mfp-container {
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.ie.portrait .mfp-content {
  vertical-align: top;
  margin-top: 0; }

/* galerias popup */
.mfp-galeria.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30001;
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-galeria .mfp-iframe-holder {
  padding: 0; }

.mfp-galeria .mfp-iframe-holder .mfp-content {
  width: 1200px;
  height: 100%;
  max-width: inherit;
  min-height: inherit; }

.mfp-galeria .mfp-iframe-holder .mfp-close {
  top: 17px;
  right: 0; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 80%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  border: 0;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button.mfp-close {
  cursor: pointer;
  border: 0; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 580px;
  height: auto;
  min-height: 550px;
  border-radius: 6px; }

.mfp-iframe-holder .mfp-close {
  top: 40px;
  right: 23px;
  position: absolute;
  z-index: 3000;
  cursor: pointer;
  font-size: 0; }

.mfp-iframe-holder .mfp-close:before {
  content: ''; }

.mfp-enviar .mfp-iframe-holder .mfp-content {
  background: #fff;
  height: auto;
  min-height: 550px;
  border: 3px solid #e7e7e7; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media all and (max-width: 1200px) {
  .mfp-galeria .mfp-iframe-holder .mfp-content {
    width: 95%; } }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

@media only screen and (max-width: 560px) {
  .mfp-content {
    vertical-align: top;
    margin-top: 20px; }

  .mfp-iframe-holder {
    padding: 0; }

  .mfp-iframe-holder .mfp-content {
    min-height: 670px;
    height: auto;
    width: 100%; }

  .mfp-enviar .mfp-iframe-holder .mfp-content {
    min-height: inherit;
    height: calc(100% - 100px);
    width: 100%;
    border: none;
    overflow-y: auto; } }
body {
  overflow-x: hidden;
  font-family: var(--general);
  font-size: 12px;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  width: 100%; }

.lectores, .lectores a {
  color: #fff !important; }

.mfp-close {
  top: 31px;
  right: 23px;
  position: absolute;
  z-index: 3000;
  cursor: pointer;
  font-size: 0;
  text-decoration: none; }

.mfp-close:hover {
  text-decoration: none; }

.mfp-close:before {
  font-size: 22px;
  font-weight: 600;
  color: #858585; }

.mfp-close:hover:before {
  color: var(--bg-etiquetas); }

.header-title h2 {
  font-family: var(--titulos);
  font-size: 28px;
  color: #231F20;
  border-bottom: 1px solid #e2e2e2;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 20px; }

#main {
  border: none;
  width: auto;
  float: none;
  margin: 0;
  height: 100%; }

/*mensaje de error*/
.msj-error-server {
  color: #cd5c5c;
  margin-bottom: 15px; }

.error-container {
  display: none; }

.error .error-container {
  display: block;
  position: absolute;
  bottom: -20px;
  width: 100%; }

.msj-error {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #F90000;
  margin-top: 12px;
  line-height: 100%; }

.encuesta {
  width: 488px;
  height: 370px;
  padding: 10px;
  margin: 0 auto; }

.inner-encuesta {
  border: 4px solid #E3E4E6;
  padding: 20px; }

.title {
  height: 29px;
  border-bottom: 1px solid #E3E4E6;
  font-weight: bold;
  color: #F96914;
  position: relative; }

.title .ico {
  width: 7px;
  height: 4px;
  float: left;
  margin: 6px 7px 0 0; }

.title span {
  float: left; }

a.close {
  position: absolute;
  top: 0;
  right: 0;
  color: #F96914; }

/*modalidad*/
.modalidad {
  padding: 15px 0 15px 0;
  line-height: 160%;
  color: #676767; }

.modalidad b {
  color: #333;
  display: block; }

.verificacion {
  background: #E3E4E6;
  width: 440px;
  height: 80px;
  position: relative;
  margin-bottom: 10px; }

.verificacion span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 25px;
  padding: 9px 0 0 0;
  width: 105px;
  text-align: right; }

.verificacion span b {
  color: #F96914; }

.verificacion div.img {
  position: absolute;
  top: 10px;
  left: 115px;
  width: 300px;
  height: 60px;
  background: #FFF; }

.verificacion div.img img {
  position: absolute;
  top: 16px;
  left: 90px; }

/*cofdigo*/
.codigo {
  background: #E3E4E6;
  width: 440px;
  height: 40px;
  position: relative;
  margin-bottom: 24px; }

.codigo span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 40px;
  line-height: 40px;
  width: 105px;
  text-align: right; }

.codigo input {
  background: #FFF;
  border: 1px solid #FFF;
  color: #676767;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  height: 14px;
  left: 115px;
  padding: 2px;
  position: absolute;
  top: 10px;
  width: 296px; }

.pop-votar {
  margin: 0 auto;
  width: 53px;
  height: 17px;
  display: block;
  text-indent: -100000px;
  overflow: hidden;
  padding: 0; }

.disclaimer {
  color: #676767;
  border-top: 1px solid #E3E4E6;
  margin-top: 20px;
  padding-top: 16px; }

/*resultados encuesta*/
#resultados {
  width: 628px;
  height: 419px; }

/*ver resultados*/
a.vr {
  width: 111px;
  height: 17px;
  display: block;
  padding: 0;
  font-size: 0;
  text-indent: -10000px;
  overflow: hidden;
  margin: 15px auto 0; }

/*tabla*/
td.col1 {
  width: 201px;
  font-weight: bold;
  color: #F96914;
  height: 21px;
  border-bottom: 1px solid #E3E4E6; }

td.col2 {
  width: 85px;
  color: #676767;
  height: 21px;
  border-bottom: 1px solid #E3E4E6; }

td.col3 {
  width: 95px;
  color: #676767;
  height: 21px;
  border-bottom: 1px solid #E3E4E6; }

td.col4 {
  width: 58px;
  color: #676767;
  height: 21px;
  border-bottom: 1px solid #E3E4E6; }

td.col5 {
  width: 88px;
  font-weight: bold;
  color: #333;
  height: 21px;
  border-bottom: 1px solid #E3E4E6; }

td.col6 {
  width: 53px;
  font-weight: bold;
  color: #333;
  height: 21px;
  border-bottom: 1px solid #E3E4E6; }

/*margin*/
tr.fake td {
  height: 20px; }

tr.fake2 td {
  height: 38px; }

/*segunda row encuesta resultados*/
tr.row2 td {
  height: 25px;
  vertical-align: middle; }

td.center span {
  padding-left: 21px; }

td.last span {
  padding-left: 10px;
  color: #F96914; }

/*votos totales*/
tr.cant td {
  border-top: 1px solid #E3E4E6;
  height: 30px;
  vertical-align: bottom;
  color: #676767; }

tr.cant b {
  color: #F96914;
  font-weight: normal; }

/* version para imprimir */
#pop-imprimir {
  width: 590px;
  margin: 0 auto; }

#pop-imprimir .interior {
  width: 558px;
  border: 1px solid #E3E4E6;
  margin: 10px auto; }

.nota {
  width: 505px;
  margin: 0 auto;
  padding: 20px 0 10px; }

.header {
  background: #333;
  height: 108px;
  width: 505px;
  margin: 0 0 6px 0;
  position: relative; }

.header img {
  position: absolute;
  top: 0;
  left: 0; }

.footer {
  text-align: center;
  color: #676767;
  border-top: 1px solid #E3E4E6;
  padding-top: 12px;
  margin-top: 55px; }

/*temas y fecha*/
DIV.fecha {
  color: #F96914;
  position: relative;
  height: 21px;
  border-bottom: 1px solid #E3E4E6; }

.fecha span {
  color: #E3E4E6; }

.fecha .temas {
  color: #333; }

DIV.fecha span.fecha {
  color: #F96914;
  position: absolute;
  top: 0;
  right: 31px; }

a.print {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  padding: 0;
  overflow: hidden;
  font-size: 0; }

#pop-imprimir h2 {
  font-size: 21px;
  font-weight: bold;
  line-height: 125%;
  display: block;
  padding: 10px 0 14px 0; }

.nota-bajada {
  line-height: 160%;
  border-bottom: 1px solid #E3E4E6;
  padding-bottom: 12px; }

/*foto*/
#alone {
  margin: 15px 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #E3E4E6; }

.foto {
  width: 368px;
  margin: 0 auto; }

.foto-pie {
  color: #F96914;
  font-style: italic;
  width: 368px;
  margin: 0 auto;
  padding-top: 8px; }

.nota-texto {
  line-height: 160%; }

/*enviar nota*/
.container-form {
  margin: 10px 10px 0; }

span.line-contact {
  height: 1px;
  background: #E3E4E6;
  width: 440px;
  margin: 15px 0 15px;
  display: block; }

.form-block {
  margin-bottom: 30px;
  padding: 0;
  position: relative; }

.form-block:nth-last-child(2), .form-block.captcha {
  padding-bottom: 30px;
  margin-bottom: 0; }

.form-block label {
  font-family: var(--titulos);
  font-size: 16px;
  color: #231F20;
  display: block;
  clear: both;
  margin-bottom: 12px;
  font-weight: 700; }

.form-block input {
  border: 1px solid #e2e2e2;
  padding: 10px 15px;
  width: calc(50% - 10px);
  float: left;
  margin-right: 20px;
  color: #231F20;
  font-size: 14px;
  font-family: var(--general);
  box-sizing: border-box; }

.form-block input.txt:nth-child(3) {
  margin-right: 0; }

.form-block textarea {
  width: 100%;
  height: 100px;
  box-sizing: border-box; }

.form-block input.txt.error, .form-block textarea.error {
  border: 1px solid var(--bg-etiquetas); }

::-webkit-input-placeholder {
  color: #231F20; }

:-moz-placeholder {
  color: #231F20; }

:-ms-input-placeholder {
  color: #231F20; }

:focus::-webkit-input-placeholder {
  color: #231F20; }

:focus:-moz-placeholder {
  color: #231F20; }

:focus:-ms-input-placeholder {
  color: #231F20; }

.form-block .enviar {
  background: var(--bg-etiquetas);
  color: #ffffff;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  border: 0 none;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  float: right;
  margin-right: 0; }

.form-block .enviar:hover {
  opacity: 0.7; }

h1 {
  font-family: var(--general);
  font-size: 20px;
  color: #5B6164;
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  text-align: center;
  border: 1px solid #5B6264;
  border-right: none;
  border-left: none;
  padding: 12px 0;
  margin-bottom: 10px; }

h1 span {
  color: #C51935; }

h2 {
  font-family: var(--general);
  font-size: 24px;
  text-align: center;
  display: block;
  padding: 10px 0;
  text-transform: uppercase;
  color: #5D6264;
  letter-spacing: 0.08em; }

.volanta {
  background: #5D6264;
  color: #fff;
  font-family: var(--general);
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box; }

/* Interior de plan */
.b-especificaciones {
  border-bottom: 3px solid #5D6064;
  padding-bottom: 20px;
  margin: 0 0 20px !important;
  width: 100%;
  float: left; }

.b-especificaciones .plan-data {
  margin-right: 0; }

.b-especificaciones .plan-data div[class^="plan-"] {
  display: none; }

.b-especificaciones .plan-data div[class^="plan-"]:first-child {
  display: block; }

.b-especificaciones .plan-data li {
  border: solid 1px #eee;
  border-bottom: none;
  text-align: center;
  line-height: 30px;
  box-sizing: border-box;
  float: left;
  width: 100%; }

.b-especificaciones .plan-data li strong, .b-especificaciones .plan-data li span {
  width: 50%;
  float: left;
  font-family: var(--general);
  color: #5D6064;
  font-size: 14px;
  text-transform: uppercase; }

.b-especificaciones .plan-data li:first-child {
  font-family: var(--general);
  color: #5D6064;
  font-size: 14px; }

.b-especificaciones .plan-data li:nth-child(2n+1) {
  background: #f2f2f2; }

.b-especificaciones .plan-data li:last-child {
  border-bottom: solid 1px #eee; }

.b-especificaciones .plan-data li:last-child a {
  color: #C51935;
  font-family: var(--general);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase; }

.b-especificaciones .plan-listado ul {
  width: 100%; }

.b-especificaciones .plan-listado li {
  border-bottom: solid 1px #eee;
  text-align: center; }

.b-especificaciones .plan-listado li a {
  font-family: var(--general);
  font-size: 18px;
  color: #5D6064;
  text-transform: uppercase;
  line-height: 80px;
  display: block;
  cursor: pointer; }

.b-especificaciones .resp-tab-active {
  background: #eee; }

.bt-suscribirme {
  background: #C51935;
  text-align: center;
  line-height: 70px;
  margin-bottom: 20px;
  color: #fff;
  font-family: var(--general);
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase; }

.p-adjudicacion {
  line-height: 150%; }

.b-especificaciones .plan-data .p-adjudicacion {
  border: 1px solid #eee;
  border-left: none; }

.b-especificaciones .plan-data .empresa .p-adjudicacion {
  border-left: 1px solid #eee; }

.b-especificaciones .plan-data .p-adjudicacion li {
  border: none;
  border-left: none;
  border-bottom: 1px solid #eee; }

.b-especificaciones .plan-data .p-adjudicacion li strong {
  width: 100%; }

.b-especificaciones .plan-data .p-adjudicacion li:last-child {
  border: none;
  border-left: none;
  padding: 50px;
  box-sizing: border-box;
  font-family: var(--general);
  font-size: 14px;
  line-height: 140%;
  color: #5D6064; }

.empresa .p-adjudicacion {
  width: 100%;
  box-sizing: border-box;
  border-left: 1px solid #eee; }

.b-especificaciones .plan-data .empresa li span {
  width: 100%;
  padding-bottom: 10px; }

.p-cuotas {
  margin-bottom: 0;
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden; }

h1 {
  font-family: var(--titulos);
  font-size: 28px;
  color: #5B6164;
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  text-align: center;
  border: 1px solid #5B6264;
  border-right: none;
  border-left: none;
  padding: 12px 0;
  margin-bottom: 0; }

h1 span {
  color: #C51935; }

h2 {
  font-family: var(--general);
  font-size: 22px;
  text-align: center;
  display: block;
  padding: 10px 0;
  text-transform: uppercase;
  color: #5D6264; }

.volanta {
  background: #C51935;
  color: #fff;
  font-family: var(--general);
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box; }

#container {
  width: 100%;
  height: 100%; }

#content-content {
  height: 100%; }

p {
  font-family: var(--general);
  font-size: 14px;
  line-height: 150%;
  color: #5D6064; }

.p-adjudicacion {
  width: 100%;
  margin-bottom: 20px; }

.p-adjudicacion strong {
  text-transform: uppercase;
  font-weight: 700;
  clear: both;
  display: block;
  padding-bottom: 0; }

.info-vendedor {
  border: solid 1px #545F64;
  width: 100%;
  min-height: 150px;
  box-sizing: border-box;
  float: left;
  position: relative; }

.valor {
  font-weight: 700;
  padding-top: 22px;
  float: left;
  width: 100%; }

.fecha {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: #231F20; }

.b-especificaciones .plan-data {
  margin-right: 0; }

.logo {
  margin-top: 30px;
  float: left; }

.b-listado {
  margin-bottom: 0; }

.b-listado .cl-2:last-child {
  border-right: none;
  padding-right: 0; }

.b-listado .cl-2 p {
  font-size: 11px; }

.b-especificaciones {
  padding-bottom: 30px; }

.b-listado {
  display: flex;
  margin-top: 20px;
  width: 100%;
  clear: both;
  overflow: hidden; }

.b-listado .cl-2 {
  width: 25%;
  box-sizing: border-box;
  margin: 0 10px 30px 0;
  padding-right: 10px;
  border-right: 1px solid #5B6264;
  border-bottom: none;
  padding-bottom: 0; }

.b-listado .cl-2:last-child {
  margin-right: 0;
  padding-right: 0; }

.logos {
  align-items: center;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  width: 100%; }

.logos img {
  height: 50px;
  width: auto; }

.logos img:first-child {
  height: 35px; }

.logos h2 {
  font-weight: 900;
  font-size: 31px; }

.logos h2 span {
  font-weight: 400;
  font-size: 15px;
  clear: both;
  overflow: hidden;
  display: block;
  letter-spacing: -0.08px; }

.titulo-plan {
  background: #C51935 !important;
  color: #ffffff; }

.titulo-plan span {
  color: #ffffff !important; }

.titulo-plan + figure, .auto {
  width: 60%;
  margin: 0 auto; }

.auto {
  width: 42%; }

.titulo {
  margin: 0 auto;
  font-size: 20px; }

/*imprimir suscripciones*/
.suscripcion .grid {
  grid-template-columns: repeat(24, 1fr);
  margin-bottom: 0; }

.suscripcion #page {
  padding-top: 0;
  height: 100%; }

.top-suscripcion {
  border: 2px solid #e2e2e2;
  grid-template-columns: repeat(24, 1fr);
  margin-bottom: 0; }

.suscripcion .cl-12 {
  padding: 20px; }

.suscripcion .cl-12 figure {
  margin-bottom: 10px;
  width: 50%; }

.suscripcion .cl-12 span {
  line-height: 130%;
  display: block;
  font-size: 11px; }

.suscripcion h2.cl-12 {
  grid-column-start: 13;
  grid-column-end: 24;
  text-align: right;
  font-size: 16px;
  text-transform: none;
  font-weight: 700;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end; }

.suscripcion h2.cl-12:before {
  content: '';
  width: 2px;
  height: 100%;
  background: #e2e2e2;
  position: absolute;
  top: 0;
  left: -12px;
  z-index: 100; }

.suscripcion h2.cl-12 span {
  font-size: 16px;
  font-weight: 400;
  display: block; }

.doc-no-valido, .equis {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #e2e2e2;
  padding: 5px 15px;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  background: #ffffff;
  z-index: 101; }

.equis {
  top: 60%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 30px;
  line-height: 100%;
  padding: 0 15px 5px; }

.datos-top {
  border-bottom: 2px solid #e2e2e2;
  padding: 10px 20px; }

.datos-top span {
  font-size: 13px; }

.suscripcion .tipo-tabla {
  grid-gap: 0;
  font-size: 12px; }

.suscripcion .tipo-tabla .cl-12, .suscripcion .tipo-tabla .cl-8 {
  border: 1px solid #e2e2e2;
  border-bottom: none;
  padding: 8px 10px; }

.suscripcion .tipo-tabla .cl-8:nth-last-child(1), .suscripcion .tipo-tabla .cl-8:nth-last-child(2),
.suscripcion .tipo-tabla .cl-8:nth-last-child(3), .suscripcion .tipo-tabla .cl-12:nth-last-child(1),
.suscripcion .tipo-tabla .cl-12:nth-last-child(2) {
  border-bottom: 1px solid #e2e2e2; }

.tipo-tabla h2 {
  font-size: 15px; }

.info {
  color: #aaaaaa;
  padding: 30px 0;
  display: block;
  font-size: 12px; }

.firma {
  text-align: center; }

.firma img {
  width: 30%; }

.firma span {
  display: block; }

.simulador h2.titulo-sub {
  background: var(--bg-etiquetas);
  color: #fff;
  font-size: 22px !important;
  width: calc(100% - 40px);
  margin: 0 auto 20px;
  line-height: 40px;
  text-align: center;
  font-weight: 400; }

.post-interior.flex {
  height: 100%;
  display: flex; }

.new-suscript {
  padding: 30px 0 0 0;
  border: none;
  height: 100%;
  position: relative; }

.info .grid {
  grid-row-gap: 24px;
  grid-column-gap: 40px;
  height: 100%;
  margin-left: 0;
  max-width: initial; }

.info header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e2e2e2; }

.info header h2 {
  font-size: 28px;
  font-weight: 700; }

.info header h2:after {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background: #C51935;
  position: relative;
  left: 0;
  bottom: -12px; }

.info .cl-8, .info .cl-16 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 5px;
  align-items: start;
  align-self: start;
  border-bottom: 1px solid #e2e2e2;
  position: relative; }

.info .cl-8 p, .info .cl-16 p {
  font-size: 11px;
  text-align: left; }

.info .cl-8.plazos {
  justify-content: start;
  margin-top: -45px; }

.info .cl-8 .flex, .info .cl-16 .flex {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%; }

.info .cl-8 .flex figure, .info .cl-16 .flex figure {
  order: 2; }

.info .cl-8.colores {
  text-align: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin-top: -40px; }

.info .cl-8.colores p {
  text-align: left; }

.info .cl-8.colores .flex {
  order: initial;
  margin-bottom: 5px; }

.info .cl-8 figure, .info .cl-16 figure {
  margin-bottom: 0;
  height: 40px;
  display: flex;
  align-items: center; }

.info .cl-8 figure img, .info .cl-16 figure img {
  height: 40px; }

/*.info .cl-8:first-child figure img { height: 120px}
.info .cl-16 figure img, .info .cl-8:nth-child(4) figure img  { height: 70px}
.info .cl-8:nth-child(6) figure img  { height: 100px}
.info .cl-8:nth-child(8) figure img  { height: 30px}
.info .cl-8:nth-child(10) figure img  { height: auto; width: 100%}*/
.info .cl-8 b, .info .cl-16 b {
  clear: left;
  margin-bottom: 0;
  font-size: 13px;
  order: 1; }

.info .cl-8.colores b {
  order: initial;
  margin-bottom: 10px;
  display: block; }

.info footer {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  position: absolute;
  bottom: 0;
  width: 100%; }

.info footer:after {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background: #C51935;
  position: absolute;
  bottom: -24px; }

.info footer img {
  background: #ffffff;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 60px;
  box-sizing: content-box;
  z-index: 300; }

.info .cl-16 {
  margin-top: -40px; }

.info .cl-8.cambio.sin-imagen {
  margin-top: -40px; }

.info .cl-8.cambio + .cl-8 figure img {
  height: 30px; }

.info .cl-8.plazos figure, .info .cl-8.plazos b {
  order: initial;
  margin-bottom: 10px; }

.info .cl-8.plazos figure, .info .cl-8.colores figure {
  height: auto;
  width: 80%;
  padding-top: 20px;
  position: relative;
  top: auto;
  right: auto; }

.info .cl-8.plazos figure img {
  height: auto;
  width: 100%; }

.info .cl-8.sin-imagen {
  width: 100%;
  height: auto;
  justify-content: flex-start;
  margin-top: -5px; }

.info .cl-8.sin-imagen figure, .info .cl-8.sin-imagen b {
  order: initial;
  margin-bottom: 10px; }

.info .cl-8.colores figure {
  padding-top: 0;
  margin-bottom: 10px; }

#page, .info .grid, .post-interior.flex, .suscripcion .grid, .bloque, .new-suscript {
  max-width: initial;
  width: 100%; }

.info .grid {
  grid-auto-columns: max-content;
  grid-gap: 20px;
  min-height: 890px; }

.post-interior footer {
  display: none; }

.post-interior.flex {
  position: relative; }

.post-interior.flex footer {
  display: block; }

.propuestas-comerciales .b-especificaciones {
  padding-bottom: 20px; }

.propuestas-comerciales .b-especificaciones .plan-data .titulo-plan {
  padding: 0; }

.propuestas-comerciales .b-especificaciones .plan-data span {
  font-size: 12px;
  text-transform: none;
  line-height: 120%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px; }

.propuestas-comerciales .b-especificaciones .plan-data .titulo-plan span {
  font-size: 16px;
  color: #ffffff;
  text-transform: none; }

.propuestas-comerciales .col-5 span {
  width: calc((100%) / 5) !important; }

.propuestas-comerciales .col-5 span.txt-left {
  text-align: left;
  justify-content: flex-start; }

.propuestas-comerciales p {
  font-size: 12px;
  color: #aaaaaa; }

.propuestas-comerciales .p-adjudicacion {
  padding-top: 20px;
  margin-bottom: 40px; }

.bienvenidos {
  border-top: 8px solid #b90028; }
  .bienvenidos header {
    margin-bottom: 0;
    display: block;
    border: none; }
  .bienvenidos header .top {
    display: flex;
    justify-content: space-between; }
  .bienvenidos header h2 {
    border: none;
    font-size: 22px;
    text-transform: none;
    color: #000;
    letter-spacing: 0; }
  .bienvenidos header h2:after {
    display: none; }
  .bienvenidos header p {
    color: #000;
    width: 80%;
    font-size: 13px;
    margin: 0 0 0 45px;
    text-align: left; }
  .bienvenidos .logos {
    justify-content: start !important; }
  .bienvenidos .logos img:first-child {
    margin-right: 20px;
    margin-left: 45px; }
  .bienvenidos .logos ~ img {
    height: 25px;
    width: auto;
    margin-right: 40px; }
  .bienvenidos .cont-info {
    padding: 0 40px 0 20px;
    margin-right: 30px;
    border-right: 1px solid #000;
    position: relative; }
    .bienvenidos .cont-info .checkin {
      width: 30px;
      height: 160px;
      position: absolute;
      top: -100px;
      right: -15px;
      z-index: 300;
      background: #fff;
      padding-bottom: 50px;
      box-sizing: content-box; }
    .bienvenidos .cont-info .chino {
      width: 30px;
      height: 107px;
      position: absolute;
      bottom: 0;
      right: -15px;
      z-index: 300; }
    .bienvenidos .cont-info p span {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #b90028;
      color: #ffffff;
      font-size: 30px;
      font-weight: 700;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: -20px;
      top: 0; }
    .bienvenidos .cont-info p, .bienvenidos .cont-info p b {
      color: #000;
      font-size: 11px;
      line-height: 130%; }
    .bienvenidos .cont-info p b {
      display: block; }
    .bienvenidos .cont-info p {
      padding: 0 0 18px 40px;
      margin-left: 40px;
      position: relative; }
    .bienvenidos .cont-info p:before {
      content: '';
      width: 2px;
      height: 100%;
      background: #000;
      position: absolute;
      top: 15px;
      left: 0; }
    .bienvenidos .cont-info p:nth-child(10):before {
      display: none; }
    .bienvenidos .cont-info .txt-center {
      text-align: center; }
    .bienvenidos .cont-info .txt-center p {
      border: none;
      padding-bottom: 12px; }
    .bienvenidos .cont-info .txt-center p:before {
      display: none; }
    .bienvenidos .cont-info .txt-center figure {
      margin: 0 0 45px 60px;
      text-align: center;
      position: relative;
      left: -15px; }
    .bienvenidos .cont-info .firmas {
      display: flex;
      justify-content: space-between;
      width: 97%;
      margin: 0 40px 0 40px;
      align-items: flex-end; }
      .bienvenidos .cont-info .firmas p {
        width: 150px;
        text-align: center;
        border-top: 2px dotted #777777;
        color: #aaa;
        padding: 7px 0 0;
        margin: 3px 0 0; }
      .bienvenidos .cont-info .firmas p:before {
        display: none; }
      .bienvenidos .cont-info .firmas .firma-cliente {
        position: relative; }
        .bienvenidos .cont-info .firmas .firma-cliente img {
          position: absolute;
          bottom: 100%;
          left: 50%;
          transform: translateX(-50%); }
      .bienvenidos .cont-info .firmas [class*='firma-'] {
        text-align: center;
        color: #000; }
    .bienvenidos .cont-info .coso {
      width: 27px;
      height: 27px;
      background: #b90028;
      position: absolute;
      bottom: 17px;
      left: 0;
      border-radius: 50%;
      z-index: 299; }
    .bienvenidos .cont-info .coso:before {
      content: '';
      width: 25px;
      height: 25px;
      background: none;
      border: 2px solid #000;
      border-radius: 50%;
      position: absolute;
      bottom: -16px;
      left: -1px;
      z-index: 300; }
    .bienvenidos .cont-info .coso:after {
      content: '';
      width: 1px;
      height: 215px;
      background: #000;
      position: absolute;
      bottom: 35px;
      left: 13px; }

/*menor a 680*/
@media only screen and (max-width: 560px) {
  .info header h2 {
    font-size: 20px;
    text-align: left;
    width: 70%; }

  .form-block {
    margin-bottom: 0; }

  .form-block input.txt {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0; }

  .doc-no-valido, .equis, .suscripcion h2.cl-12:before {
    display: none; }

  .suscripcion #page {
    padding: 0; }

  .suscripcion .grid {
    grid-template-columns: repeat(1, 1fr) !important; }

  .suscripcion h2.cl-12 {
    grid-column-start: initial !important;
    grid-column-end: initial !important;
    justify-content: center;
    text-align: center; }

  .only-mobile {
    margin-bottom: 30px !important; } }
@page {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important; }
@media print {
  .new-suscript {
    padding: 20px 0; }

  .suscripcion #page {
    padding-top: 0; }

  .b-mapa {
    width: 100%; }

  .tb-ocultar {
    display: none; }

  .b-especificaciones.grid {
    grid-template-columns: repeat(24, 1fr) !important; }

  input {
    margin-bottom: 20px; }

  figure {
    margin-bottom: 20px; }

  figure, .img {
    width: 100%; }

  .titulo-plan + figure {
    width: 60%;
    margin: 0 auto; }

  .info .cl-8 .flex, .info .cl-16 .flex {
    width: 100%; }

  .info .cl-8 .flex figure, .info .cl-16 .flex figure {
    margin-bottom: 0;
    width: auto; } }

/*# sourceMappingURL=popup.css.map */