@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: 'Aller';
  src: url("../../css/fonts/Aller-Italic.eot");
  src: url("../../css/fonts/Aller-Italic.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/Aller-Italic.woff2") format("woff2"), url("../../css/fonts/Aller-Italic.woff") format("woff"), url("../../css/fonts/Aller-Italic.ttf") format("truetype"), url("../../css/fonts/Aller-Italic.svg#Aller-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Aller';
  src: url("../../css/fonts/Aller-Bold.eot");
  src: url("../../css/fonts/Aller-Bold.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/Aller-Bold.woff2") format("woff2"), url("../../css/fonts/Aller-Bold.woff") format("woff"), url("../../css/fonts/Aller-Bold.ttf") format("truetype"), url("../../css/fonts/Aller-Bold.svg#Aller-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Aller';
  src: url("../../css/fonts/Aller-Light.eot");
  src: url("../../css/fonts/Aller-Light.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/Aller-Light.woff2") format("woff2"), url("../../css/fonts/Aller-Light.woff") format("woff"), url("../../css/fonts/Aller-Light.ttf") format("truetype"), url("../../css/fonts/Aller-Light.svg#Aller-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Aller';
  src: url("../../css/fonts/Aller.eot");
  src: url("../../css/fonts/Aller.eot?#iefix") format("embedded-opentype"), url("../../css/fonts/Aller.woff2") format("woff2"), url("../../css/fonts/Aller.woff") format("woff"), url("../../css/fonts/Aller.ttf") format("truetype"), url("../../css/fonts/Aller.svg#Aller") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

.logo-user-page {
  width: 160px; }

.logo-ico {
  display: block;
  width: 100px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 20px; }
  @media screen and (max-width: 1199px) {
    .logo-ico {
      width: 80px; } }

div[aria-label="Error message"] {
  padding: 40px;
  text-align: center; }

.messages.messages--status {
  margin: 15px 0; }

.messages__title,
.messages__content {
  font-family: "Aller", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #FFFFFF; }
  .messages__title .placeholder,
  .messages__content .placeholder {
    background-color: #141414;
    color: #EDECE5;
    opacity: 1;
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 1rem; }

.messages__list {
  padding: 10px 0; }
  .messages__list details summary {
    ackground-color: transparent;
    padding: 0; }

.page-wrapper {
  margin-block-start: 0 !important; }
  .page-wrapper *:focus {
    box-shadow: none !important; }

@media (min-width: 1200px) {
  .container, .container-lg, .container-md,
  .container-sm, .container-xl {
    max-width: 1192px; } }

.page-content {
  margin: 0; }

.bodyTheme .mfp-iframe-holder .mfp-content {
  max-width: 80%;
  height: 100%;
  background-color: #FFFFFF;
  border-radius: 0;
  box-shadow: 0 8px 16px #00000026;
  margin: auto;
  min-width: 0; }

.ui-widget {
  font-family: "Aller", sans-serif; }
  .ui-widget.ui-widget-content {
    min-width: 450px; }
    @media screen and (max-width: 479px) {
      .ui-widget.ui-widget-content {
        min-width: 90%; } }

.ui-dialog .ui-dialog-titlebar-close {
  background-image: url(../../images/assets/aui-icon-close.png);
  background-size: contain;
  height: 20px;
  width: 20px;
  border-radius: 5px; }

.ui-dialog .ui-dialog-titlebar {
  background-color: #FFED00;
  color: #FFFFFF; }

.ui-dialog .ui-widget-content.ui-dialog-content {
  padding: 20px 20px 100px 20px; }

.webform-confirmation-modal .webform-confirmation-modal--content:after {
  font-size: 40px !important;
  bottom: 30px;
  color: #141414; }

.box-titulos {
  margin-top: 140px; }

.head-titulos {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: scroll;
  background-image: url(../../images/h-cat.jpg);
  height: 480px;
  position: relative;
  margin-top: -150px; }
  @media screen and (max-width: 1399px) {
    .head-titulos {
      background-size: 120%; } }
  @media screen and (max-width: 1199px) {
    .head-titulos {
      background-size: 150%; } }
  @media screen and (max-width: 991px) {
    .head-titulos {
      background-size: 165%; } }
  @media screen and (max-width: 767px) {
    .head-titulos {
      background-size: cover;
      background-attachment: scroll; } }
  .head-titulos .page-title {
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .head-titulos .heading-subtitle {
    color: #FFED00;
    display: block;
    padding: 0 20px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4rem;
    letter-spacing: 1px;
    margin: 0; }

.header-bg {
  background-image: url(../../images/h-cat.jpg); }

.header-cart-bg {
  background-image: url(../../images/h-cat.jpg); }

.text-formatted p {
  font-size: 0.9rem;
  line-height: 1.2rem;
  word-wrap: normal;
  word-break: auto-phrase; }

.text-formatted ul {
  margin: 0;
  padding: 0; }
  .text-formatted ul li {
    font-size: 0.9rem;
    line-height: 1.2rem;
    position: relative;
    padding-left: 28px;
    list-style-type: none;
    text-align: left;
    margin-bottom: 6px; }
    .text-formatted ul li::before {
      content: "\2022";
      color: #EDECE5;
      font-size: 50px;
      position: absolute;
      top: 0;
      left: 0; }

.box-producto {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px; }
  @media screen and (max-width: 767px) {
    .box-producto {
      display: block;
      border: solid 1px #D9D9D9; } }
  .box-producto .prod-imagen {
    grid-area: 1 / 1 / 2 / 2;
    border: solid 1px #D9D9D9; }
    .box-producto .prod-imagen .field--type-image {
      width: 80%;
      margin: auto; }
    @media screen and (max-width: 767px) {
      .box-producto .prod-imagen {
        border: none; } }
  .box-producto .column-producto {
    grid-area: 1 / 2 / 2 / 4;
    border: solid 1px #D9D9D9;
    padding: 50px 25px; }
    @media screen and (max-width: 767px) {
      .box-producto .column-producto {
        padding: 25px;
        border: none; } }
  .box-producto .prod-titulo {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    color: #393d42; }
  .box-producto .prod-precio .field--name-price .field__label {
    display: none; }
  .box-producto .prod-precio .field--name-price .field__item {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 600;
    color: #393d42; }
  .box-producto .prod-unidad .field--name-field-unidad {
    font-size: 1rem;
    line-height: 1.4rem; }
  .box-producto .prod-compra {
    margin-top: 35px; }
    .box-producto .prod-compra .form-type--number {
      display: flex;
      flex-direction: column;
      margin: 10px 15px 10px 0;
      position: relative; }
      .box-producto .prod-compra .form-type--number label {
        position: absolute;
        top: -25px;
        left: 0; }
  .box-producto .commerce-order-item-add-to-cart-form {
    display: flex;
    flex-direction: row; }
    .box-producto .commerce-order-item-add-to-cart-form .form-actions {
      margin: 0; }
      .box-producto .commerce-order-item-add-to-cart-form .form-actions .button.button--add-to-cart {
        background: #ff6600;
        border-color: #ff6600 !important;
        margin: 10px 0; }
        .box-producto .commerce-order-item-add-to-cart-form .form-actions .button.button--add-to-cart:hover, .box-producto .commerce-order-item-add-to-cart-form .form-actions .button.button--add-to-cart:focus {
          background: #FFFFFF;
          color: #393d42;
          border-color: #ff6600 !important; }

.form-element {
  font-size: 0.8rem;
  line-height: 1rem; }

.cart table {
  font-size: 0.8rem;
  line-height: 1rem; }
  .cart table tbody td {
    vertical-align: middle; }

.cart .field--name-total-price {
  font-size: 1rem;
  line-height: 1.2rem; }

.cart input#edit-checkout:hover, .cart input#edit-checkout:focus {
  color: #141414;
  background: #FFED00;
  border-color: #FFED00 !important; }

.commerce-checkout-flow-multistep-default input#edit-login-returning-customer-submit:hover, .commerce-checkout-flow-multistep-default input#edit-login-returning-customer-submit:focus,
.commerce-checkout-flow-multistep-default input#edit-login-register-register:hover,
.commerce-checkout-flow-multistep-default input#edit-login-register-register:focus,
.commerce-checkout-flow-multistep-default input#edit-actions-next:hover,
.commerce-checkout-flow-multistep-default input#edit-actions-next:focus {
  color: #141414;
  background: #FFED00;
  border-color: #FFED00 !important; }

.commerce-checkout-flow-multistep-default .checkout-pane-payment-information {
  margin: 0 0 25px 0;
  padding: 0;
  border: 0;
  display: block;
  width: 100%; }
  .commerce-checkout-flow-multistep-default .checkout-pane-payment-information .fieldset__label {
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #393d42; }
  .commerce-checkout-flow-multistep-default .checkout-pane-payment-information .fieldset__wrapper {
    margin: 0; }
  .commerce-checkout-flow-multistep-default .checkout-pane-payment-information .form-element {
    width: 100%; }
  .commerce-checkout-flow-multistep-default .checkout-pane-payment-information .card-expl {
    float: none;
    width: 100%;
    height: auto; }
    .commerce-checkout-flow-multistep-default .checkout-pane-payment-information .card-expl .credit,
    .commerce-checkout-flow-multistep-default .checkout-pane-payment-information .card-expl .debit {
      margin: 8px 0;
      padding: 0;
      width: 100%;
      border: 0; }
  .commerce-checkout-flow-multistep-default .checkout-pane-payment-information .openpay {
    display: block;
    float: none;
    height: auto;
    margin: 0;
    width: 100%; }
    .commerce-checkout-flow-multistep-default .checkout-pane-payment-information .openpay .logo {
      height: 60px;
      padding: 0;
      border: 0; }
    .commerce-checkout-flow-multistep-default .checkout-pane-payment-information .openpay .shield {
      width: 100%;
      margin: 0; }

.commerce-checkout-flow-multistep-default .checkout-pane-order-summary table {
  font-size: 0.8rem;
  line-height: 1rem;
  margin: 15px 0 15px 0; }
  .commerce-checkout-flow-multistep-default .checkout-pane-order-summary table tbody td {
    vertical-align: middle; }

.commerce-checkout-flow-multistep-default .checkout-pane-order-summary .field--name-total-price {
  font-size: 1rem;
  line-height: 1.2rem; }

.commerce-checkout-flow-multistep-default .checkout-pane-order-summary footer {
  background: transparent; }

@media screen and (min-width: 780px), (orientation: landscape) and (min-device-height: 780px) {
  .layout-region-checkout-main, .layout-region-checkout-footer {
    width: 55%; } }

@media screen and (min-width: 780px), (orientation: landscape) and (min-device-height: 780px) {
  .layout-region-checkout-secondary {
    width: 45%; } }

.slick--skin--boxed .slide__content {
  border: 0 !important; }

.unslick {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transition: box-shadow 0.3s 0.5s ease, border 0.3s 0.5s ease;
  -moz-transition: box-shadow 0.3s 0.5s ease, border 0.3s 0.5s ease;
  -ms-transition: box-shadow 0.3s 0.5s ease, border 0.3s 0.5s ease;
  -o-transition: box-shadow 0.3s 0.5s ease, border 0.3s 0.5s ease;
  transition: box-shadow 0.3s 0.5s ease, border 0.3s 0.5s ease;
  background: #FFFFFF;
  margin: 10px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 381px;
  display: block;
  margin: 0 auto; }
  .unslick a {
    display: block; }
  .unslick:hover {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-color: #9bacc3; }

.section-slider .slide__title {
  font-family: "Aller", sans-serif;
  color: #FFFFFF;
  text-align: center; }

.section-slider .slide__constrained {
  position: absolute;
  left: initial;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 0; }

.slick--skin--fullwidth .slick-arrow::before {
  font-family: "FontAwesome";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
  line-height: 1;
  background-color: #000000;
  color: #393d42;
  padding: 10px;
  font-size: 24px;
  font-size: 1.5rem; }

.slick--skin--fullwidth .slick-arrow:hover::before {
  color: #FFFFFF; }

.slick--skin--fullwidth .slick-arrow.slick-prev {
  left: 10px; }
  .slick--skin--fullwidth .slick-arrow.slick-prev::before {
    content: ""; }

.slick--skin--fullwidth .slick-arrow.slick-next {
  right: 10px; }
  .slick--skin--fullwidth .slick-arrow.slick-next::before {
    content: ""; }

.slick img {
  background-color: #FFFFFF; }

.slick--skin--grid .slide__caption {
  padding: 0; }

.slick--skin--grid .slick-arrow {
  height: 70px;
  width: 70px;
  top: -40px;
  transform: none; }
  .slick--skin--grid .slick-arrow::before {
    font-family: "FontAwesome";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-rendering: auto;
    line-height: 1;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: none;
    background-color: transparent;
    color: #883a74;
    padding: 8px;
    font-size: 70px;
    width: 70px;
    height: 70px; }
  .slick--skin--grid .slick-arrow:hover::before {
    background-color: transparent;
    color: #141414;
    border-color: #141414; }
  .slick--skin--grid .slick-arrow.slick-prev {
    left: -50px; }
    .slick--skin--grid .slick-arrow.slick-prev::before {
      content: "";
      opacity: 1; }
  .slick--skin--grid .slick-arrow.slick-next {
    right: -50px; }
    .slick--skin--grid .slick-arrow.slick-next::before {
      content: "";
      opacity: 1; }

.slick--skin--grid .slick-slide {
  padding: 10px; }
  .slick--skin--grid .slick-slide img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background-color: #FFFFFF; }
    .slick--skin--grid .slick-slide img:hover {
      -webkit-transform: scale(1.3);
      transform: scale(1.3); }

@media screen and (max-width: 767px) {
  .image-gallery .slick__arrow {
    top: -90px; } }

.image-gallery .slick-list {
  margin: 0 20px; }
  @media screen and (max-width: 767px) {
    .image-gallery .slick-list {
      margin: 0 0; } }

.image-gallery .slick-arrow {
  height: 70px;
  width: 70px;
  top: -40px;
  transform: none; }
  @media screen and (max-width: 767px) {
    .image-gallery .slick-arrow {
      top: 0; } }
  .image-gallery .slick-arrow::before {
    font-family: "FontAwesome";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-rendering: auto;
    line-height: 1;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: none;
    background-color: transparent;
    color: #FFED00;
    padding: 8px;
    font-size: 70px;
    width: 70px;
    height: 70px; }
  .image-gallery .slick-arrow:hover::before {
    background-color: transparent;
    color: #141414;
    border-color: #141414; }
  .image-gallery .slick-arrow.slick-prev {
    left: 0; }
    .image-gallery .slick-arrow.slick-prev::before {
      content: "";
      opacity: 1; }
  .image-gallery .slick-arrow.slick-next {
    right: 0; }
    .image-gallery .slick-arrow.slick-next::before {
      content: "";
      opacity: 1; }

.image-gallery .slick-dots li.slick-active button:before {
  color: #141414; }

.alert {
  font-size: 14px;
  line-height: 16px; }

#toast-container > div {
  color: #141414;
  background-color: #FFED00;
  font-size: 13px;
  line-height: 17px; }

#toast-container .toast {
  background-color: #030303;
  color: #FFFFFF; }

#toast-container .toast-success {
  background-color: #51A351;
  color: #FFFFFF; }

#toast-container .toast-error {
  background-color: #BD362F;
  color: #FFFFFF; }

#toast-container .toast-info {
  background-color: #2F96B4;
  color: #FFFFFF; }

#toast-container .toast-warning {
  background-color: #F89406;
  color: #FFFFFF; }

#toast-container > .toast-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
  background-position: 3%;
  background-repeat: no-repeat; }

#toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
  background: red;
  background-position: 3%;
  background-repeat: no-repeat;
  color: #FFFFFF; }

#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
  background-position: 3%;
  background-repeat: no-repeat; }

#toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
  background-position: 3%;
  background-repeat: no-repeat; }

.user-login {
  margin: 0;
  background-image: url(../../images/bg-login.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .user-login .container,
  .user-login .row {
    height: 100%; }
  .user-login .page-content {
    margin-bottom: 0; }
  .user-login .titulo-login {
    color: #FFFFFF;
    font-size: 1.4rem;
    line-height: 1.6rem; }
  .user-login .system-content_theme ul {
    padding: 0;
    background: transparent; }
  .user-login .system-content_theme li {
    margin-top: 15px;
    width: 100%; }
    .user-login .system-content_theme li:nth-child(1) {
      display: none; }
    .user-login .system-content_theme li a.tabs__link {
      padding: 15px 25px !important;
      background: #FFED00 !important;
      color: #141414;
      display: inline-block;
      text-transform: none; }
      .user-login .system-content_theme li a.tabs__link:hover, .user-login .system-content_theme li a.tabs__link:focus {
        background: #141414 !important;
        color: #FFFFFF !important; }

.login,
.user-password,
.register {
  height: 100vh; }
  .login label,
  .user-password label,
  .register label {
    font-size: 1rem;
    text-transform: none;
    color: #141414; }
  .login .description,
  .user-password .description,
  .register .description {
    font-size: 0.8rem; }
  .login .button,
  .user-password .button,
  .register .button {
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: "Aller", sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 20px;
    line-height: 1.25rem;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-align: center;
    font-weight: 700;
    background-color: #FFED00;
    border: 2px solid #FFED00;
    color: #FFFFFF;
    width: fit-content;
    cursor: pointer;
    clear: both;
    width: 100%;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .login .button,
      .user-password .button,
      .register .button {
        letter-spacing: 0;
        padding: 8px 15px; } }
    .login .button:hover, .login .button:focus, .login .button:active, .login .button.active,
    .user-password .button:hover,
    .user-password .button:focus,
    .user-password .button:active,
    .user-password .button.active,
    .register .button:hover,
    .register .button:focus,
    .register .button:active,
    .register .button.active {
      text-decoration: none;
      color: #FFED00;
      border-color: #FFED00;
      background-color: transparent; }
  .login .system-content_theme ul > li > a,
  .user-password .system-content_theme ul > li > a,
  .register .system-content_theme ul > li > a {
    font-size: 0.8rem;
    background-color: #FFFFFF;
    color: #141414; }
    .login .system-content_theme ul > li > a:hover,
    .user-password .system-content_theme ul > li > a:hover,
    .register .system-content_theme ul > li > a:hover {
      background-color: #ff6600;
      color: #FFFFFF; }
  .login .main-logo,
  .user-password .main-logo,
  .register .main-logo {
    padding-bottom: 20px; }
    .login .main-logo img,
    .user-password .main-logo img,
    .register .main-logo img {
      width: 200px;
      height: auto; }

.user-logout-confirm {
  display: inline-block;
  margin: auto;
  text-align: center;
  padding: 100px 25px;
  width: 400px;
  position: relative;
  left: 50%;
  transform: translateX(-50%); }
  .user-logout-confirm .form-actions {
    justify-content: center;
    width: auto;
    margin-top: 35px; }
    .user-logout-confirm .form-actions .button--primary {
      font-weight: 400; }
    .user-logout-confirm .form-actions .button {
      transition: all 0.3s ease;
      font-size: 18px;
      line-height: 1.625rem;
      text-transform: none;
      letter-spacing: 1px;
      padding: 10px 20px;
      text-align: center;
      font-weight: 400;
      background-color: #EDECE5;
      border: 0;
      color: #393d42; }
      .user-logout-confirm .form-actions .button.dialog-cancel {
        background-color: #FFFFFF;
        border: solid 2px #EDECE5; }
      .user-logout-confirm .form-actions .button:hover {
        background-color: #ff6600;
        color: #393d42;
        border-color: #ff6600; }

.menuuser_theme {
  margin-bottom: 25px; }

.title-panel {
  font-weight: 600;
  color: #FFED00;
  font-size: 25px;
  line-height: 1; }

.link-close {
  font-weight: 600;
  color: #393d42;
  font-size: 18px;
  line-height: 1; }

.page_edit label {
  font-size: 1.2rem; }

.page_edit .description {
  font-size: 0.8rem; }

.page_edit input[type=submit] {
  text-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Aller", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 10px 20px;
  text-align: center;
  font-weight: 700;
  background-color: #FFED00;
  border: 2px solid #FFED00;
  color: #FFFFFF;
  width: fit-content;
  cursor: pointer;
  clear: both;
  border-radius: 0;
  background-color: #ff6600;
  border-color: #ff6600;
  color: #FFFFFF;
  text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .page_edit input[type=submit] {
      letter-spacing: 0;
      padding: 8px 15px; } }
  .page_edit input[type=submit]:hover, .page_edit input[type=submit]:focus, .page_edit input[type=submit]:active, .page_edit input[type=submit].active {
    text-decoration: none;
    color: #FFED00;
    border-color: #FFED00;
    background-color: transparent; }
  .page_edit input[type=submit]:hover {
    background-color: #FFED00;
    border-color: #FFED00;
    color: #141414; }

.page_pass {
  background-color: #393d42;
  padding-top: 150px; }
  .page_pass input[type=submit] {
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: "Aller", sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 20px;
    line-height: 1.25rem;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-align: center;
    font-weight: 700;
    background-color: #FFED00;
    border: 2px solid #FFED00;
    color: #FFFFFF;
    width: fit-content;
    cursor: pointer;
    clear: both;
    border-radius: 0;
    background-color: #ff6600;
    border-color: #ff6600;
    color: #FFFFFF;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .page_pass input[type=submit] {
        letter-spacing: 0;
        padding: 8px 15px; } }
    .page_pass input[type=submit]:hover, .page_pass input[type=submit]:focus, .page_pass input[type=submit]:active, .page_pass input[type=submit].active {
      text-decoration: none;
      color: #FFED00;
      border-color: #FFED00;
      background-color: transparent; }
    .page_pass input[type=submit]:hover {
      background-color: #FFED00;
      border-color: #FFED00;
      color: #141414; }

.page_reset {
  background-color: #393d42;
  padding-top: 150px; }
  .page_reset input[type=submit] {
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: "Aller", sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 20px;
    line-height: 1.25rem;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-align: center;
    font-weight: 700;
    background-color: #FFED00;
    border: 2px solid #FFED00;
    color: #FFFFFF;
    width: fit-content;
    cursor: pointer;
    clear: both;
    border-radius: 0;
    background-color: #ff6600;
    border-color: #ff6600;
    color: #FFFFFF;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .page_reset input[type=submit] {
        letter-spacing: 0;
        padding: 8px 15px; } }
    .page_reset input[type=submit]:hover, .page_reset input[type=submit]:focus, .page_reset input[type=submit]:active, .page_reset input[type=submit].active {
      text-decoration: none;
      color: #FFED00;
      border-color: #FFED00;
      background-color: transparent; }
    .page_reset input[type=submit]:hover {
      background-color: #FFED00;
      border-color: #FFED00;
      color: #141414; }

.button.btn-excel, .button.btn-salida,
.button:not(:focus).btn-excel,
.button:not(:focus).btn-salida {
  display: inline-flex;
  align-items: center;
  border-color: transparent !important;
  text-wrap-mode: nowrap;
  cursor: pointer; }
  .button.btn-excel:hover, .button.btn-salida:hover,
  .button:not(:focus).btn-excel:hover,
  .button:not(:focus).btn-salida:hover {
    background: #FFED00 !important;
    border-color: transparent !important; }
  .button.btn-excel span, .button.btn-salida span,
  .button:not(:focus).btn-excel span,
  .button:not(:focus).btn-salida span {
    background-image: url(../../images/ico-down.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 15px; }

.button.btn-excel,
.button:not(:focus).btn-excel {
  background: #ff6600 !important;
  color: #393d42 !important; }
  .button.btn-excel:hover,
  .button:not(:focus).btn-excel:hover {
    background: #bcd693 !important; }
  .button.btn-excel span,
  .button:not(:focus).btn-excel span {
    background-image: url(../../images/ico-down.png); }

.menu_user-content_theme .navbar-nav {
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 25px; }
  .menu_user-content_theme .navbar-nav li {
    display: inline-block; }
    .menu_user-content_theme .navbar-nav li a {
      background-color: #ff6600;
      color: #FFFFFF;
      display: inline-block;
      padding: 20px; }
      .menu_user-content_theme .navbar-nav li a:hover {
        background-color: #FFED00; }