@charset "UTF-8";
/* GENERAL */
body.node-type-product-display #block-block-1 header, body.page-node-235 #block-block-1 header, body.page-node-236 #block-block-1 header, body.page-user-1 #block-block-1 header, body.page-user-register #block-block-1 header {
  width: auto;
}
@media screen and (max-width: 767px) {
  body.node-type-product-display #block-block-1 header, body.page-node-235 #block-block-1 header, body.page-node-236 #block-block-1 header, body.page-user-1 #block-block-1 header, body.page-user-register #block-block-1 header {
    width: 100%;
    left: 0;
  }
  body.node-type-product-display #block-block-1 header .nav.navbar-nav .tb-megamenu-item .c-link, body.page-node-235 #block-block-1 header .nav.navbar-nav .tb-megamenu-item .c-link, body.page-node-236 #block-block-1 header .nav.navbar-nav .tb-megamenu-item .c-link, body.page-user-1 #block-block-1 header .nav.navbar-nav .tb-megamenu-item .c-link, body.page-user-register #block-block-1 header .nav.navbar-nav .tb-megamenu-item .c-link {
    color: #24749a;
  }
}

/* BREADCRUMB */
/* Selector por prefijo de id, no id exacto: Drupal sufija "--2", "--3", etc.
   cuando el id "block-easy-breadcrumb" ya se reservó una vez en el mismo
   request (pasa en /user/login, por el pipeline de render del formulario) --
   ver CLAUDE.md. */
[id^="block-easy-breadcrumb"] {
  padding: 2rem 0;
  max-width: 1140px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  [id^="block-easy-breadcrumb"] {
    width: 90%;
  }
}
[id^="block-easy-breadcrumb"] ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
[id^="block-easy-breadcrumb"] ol li {
  display: inline-block;
}
[id^="block-easy-breadcrumb"] ol li:not(:last-child)::after {
  content: "»";
  margin: 0 2px;
}

/* FRONT */
.c-layout-header .c-navbar .c-logo img {
  max-height: 34px;
  transition: max-height 0.3s ease;
}
@media (min-width: 992px) {
  .c-layout-header .c-navbar .c-logo img {
    max-height: 45px;
  }
}
img.c-desktop-logo-inverse {
  max-height: 40px !important;
  width: auto;
}

@media (min-width: 992px) {
  /* Altura explícita en el estado normal: sin esto la transición de abajo
     no anima nada, porque no se puede transicionar desde/hacia "auto". */
  .c-layout-header.c-layout-header-4 {
    height: 100px;
    transition: height 0.3s ease, background 0.3s ease, border-color 0.3s ease;
  }
  .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
  .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
    transition: color 0.3s ease;
  }
}

.c-theme-nav li.c-active > a:not(.btn) {
  color: #24749a !important;
}

@media screen and (max-width: 991px) {
  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile {
    background: #fff;
  }
}

/* WELCOME */
.w-welcome {
  margin: 4em 0;
}
.w-welcome .container .welcome-title h3 {
  position: relative;
  font-size: 40px;
}
.w-welcome .container .welcome-title h3:after {
  content: '';
  height: 5px;
  width: 120px;
  background: #83aa30;
  display: block;
  margin: 3.5rem auto 1rem;
  border-radius: 5px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4MDkwYSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjQ1ZGMzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjQ3NDlhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c8090a), color-stop(50%, #645dc3), color-stop(100%, #24749a));
  background-image: -moz-linear-gradient(left, #c8090a, #645dc3, #24749a);
  background-image: -webkit-linear-gradient(left, #c8090a, #645dc3, #24749a);
  background-image: linear-gradient(to right, #c8090a, #645dc3, #24749a);
}
.w-welcome .container .info-welcome {
  padding: 1em 0;
}
.w-welcome .container .info-welcome .p-welcome {
  font-size: 20px;
  padding-top: 0.5em;
}

/* REFERENCE */
.w-reference {
  background: #363d52;
  margin: 0;
  padding: 20px 0;
}
.w-reference .container .title-reference h3 {
  margin: 40px 0;
  font-size: 28px;
  color: white;
}
.w-reference .container .owl-wrapper .owl-stage-outer a {
  cursor: default;
}
.w-reference .container .owl-wrapper .owl-stage-outer a img {
  width: 200px;
  border: 2px solid #ccc;
  margin: auto;
}
.w-reference .container .owl-wrapper .owl-controls {
  margin: 40px 0 0;
}
.w-reference .container .owl-wrapper .owl-controls .owl-dot {
  background: #fff;
}
.w-reference .container .owl-wrapper .owl-controls .owl-dot.active {
  background: #afafaf;
}

/* PRODUCTS */
.w-products {
  margin: 0;
  padding: 40px 0;
  background: #efefef;
}
.w-products .col-ups, .w-products .col-batery {
  position: relative;
  margin-bottom: 2em;
  overflow: hidden;
}
.w-products .col-ups:hover span img, .w-products .col-batery:hover span img {
  transition: all ease .3s;
  transform: scale(1.2, 1.2);
}
@media screen and (max-width: 768px) {
  .w-products .col-ups, .w-products .col-batery {
    width: 100%;
  }
}
.w-products .col-ups span img, .w-products .col-batery span img {
  width: 100%;
  height: auto;
  display: block;
}
.w-products .col-ups span:nth-of-type(2), .w-products .col-batery span:nth-of-type(2) {
  display: block;
  overflow: hidden;
}
.w-products .subtitle-ups, .w-products .subtitle-batery {
  margin: 2em 0;
}
.w-products .subtitle-ups h1, .w-products .subtitle-batery h1 {
  font-size: 30px;
}
.w-products .title-ups, .w-products .title-batery {
  margin: 0;
  text-align: left;
  padding: 2rem;
  background: #d9d9d9;
  display: block;
}
.w-products .title-ups, .w-products .title-others {
  margin: 0;
  text-align: left;
  padding: 2rem 2rem 1rem 2rem;
  background: #d9d9d9;
  display: block;
}
@media screen and (min-width: 425px) {
  .w-products .title-ups, .w-products .title-batery {
    height: 120px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 425px) {
  .w-products .title-ups, .w-products .title-others {
    height: 120px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .w-products .title-ups, .w-products .title-batery {
    padding: 2em;
  }
}
@media screen and (max-width: 768px) {
  .w-products .title-ups, .w-products .title-batery {
    height: auto;
    padding-bottom: 2em;
  }
}
.w-products .title-ups h3, .w-products .title-batery h3 {
  font-size: 24px;
  position: relative;
  margin: 0;
  color: white;
  font-weight: normal !important;
  word-break: break-word;
}

.w-products .title-ups h3, .w-products .title-others h3 {
    font-size: 23px;
    position: relative;
    margin: 0;
    color: white;
    font-weight: normal !important;
    word-break: break-word;
    line-height: 1;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .w-products .title-ups h3, .w-products .title-batery h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .w-products .title-batery {
    height: 160px;
  }
}
.w-products .col-ups:nth-child(1) .title-ups {
  background-color: #83aa30;
}
.w-products .col-ups:nth-child(2) .title-ups {
  background-color: #49a054;
}
.w-products .col-ups:nth-child(3) .title-ups {
  background-color: #24749a;
}
.w-products .col-ups:nth-child(4) .title-ups {
  background-color: #59c8ec;
}
.w-products .col-batery:nth-child(1) .title-batery {
  background-color: #645dc3;
}
.w-products .col-batery:nth-child(2) .title-batery {
  background-color: #a463c5;
}
.w-products .col-batery:nth-child(3) .title-batery {
  background-color: #c37741;
}
.w-products .col-batery:nth-child(4) .title-batery {
  background-color: #e27a88;
}
.w-products .col-batery:nth-child(1) .title-others {
  background-color: #5ec3cf;
}
.w-products .col-batery:nth-child(2) .title-others {
  background-color: #e0c636;
}
.w-products .col-batery:nth-child(3) .title-others {
  background-color: #e06e36;
}
.w-products .p-ups, .w-products .p-battery {
  padding: 20px 40px;
  background: white;
}
@media screen and (min-width: 425px) {
  .w-products .p-ups, .w-products .p-battery {
    height: 90px;
    padding-bottom: 0;
  }
}
.w-products .p-ups p, .w-products .p-battery p {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}
.w-products .info-ups {
  margin: 2em 1em;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .w-products .info-ups {
    flex-direction: column;
  }
}
.w-products .info-batery {
  display: flex;
  justify-content: space-between;
  margin: 2em 1em;
}
@media screen and (max-width: 991px) {
  .w-products .info-batery {
    flex-direction: column;
  }
}

/* SUPPORT */
.c-content-box.c-size-lg {
  padding: 0;
}

.w-support {
  margin: 0;
  padding: 40px 0;
}
.w-support .container .row {
  display: flex;
}
@media screen and (max-width: 991px) {
  .w-support .container .row {
    flex-direction: column;
  }
}
.w-support .container .row .title-support h3 {
  margin: 1em 0;
  margin-top: 2em;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}
.w-support .container .row .title-support h3:after {
  content: '';
  height: 5px;
  width: 120px;
  background: white;
  display: block;
  margin: 3.5rem auto 1rem;
  border-radius: 5px;
}
.w-support .container .row .info-support {
  padding: 1em 0;
  font-size: 20px;
  text-align: center;
}
.w-support .container .row .info-support p {
  margin-top: 1em;
  color: #fff;
}
.w-support .container .row .btns {
  text-align: center;
  margin: 1em 0;
  margin-bottom: 80px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.w-support .container .row .btns a {
  background: #83aa30;
  color: #fff;
  border: 1px solid #83aa30;
  border-radius: 2px;
  margin: 0 1em;
}
@media screen and (max-width: 480px) {
  .w-support .container .row .btns a {
    margin-bottom: 1em;
  }
}
.w-support .container .row .btns a:hover {
  border-color: white;
  background: #9fca43;
  transition: all .2s ease;
}
.w-support .container .row .btns a:nth-of-type(2) {
  background: #49a054;
  border: 1px solid #49a054;
}
.w-support .container .row .btns a:nth-of-type(2):hover {
  background: #64b86e;
  border-color: white;
}
.w-support .container .row .col-md-3 {
  margin: auto;
}
@media screen and (max-width: 768px) {
  .w-support .container .row .col-md-3 {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 768px) {
  .w-support .container .row .col-md-3 img {
    width: 500px;
  }
}

/* ENVIRONMENT */
.w-environment {
  margin: 4em 0;
}
.w-environment:after {
  content: '';
  display: block;
  width: 50vw;
  max-width: 250px;
  height: 5px;
  background: #83aa30;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4MDkwYSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjQ1ZGMzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjQ3NDlhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c8090a), color-stop(50%, #645dc3), color-stop(100%, #24749a));
  background-image: -moz-linear-gradient(left, #c8090a, #645dc3, #24749a);
  background-image: -webkit-linear-gradient(left, #c8090a, #645dc3, #24749a);
  background-image: linear-gradient(to right, #c8090a, #645dc3, #24749a);
  margin: 40px auto;
  border-radius: 5px;
}
.w-environment .container .title-environment h3 {
  font-size: 30px;
}
.w-environment .container .subtitle-environment {
  margin: 2em 0;
}
.w-environment .container .subtitle-environment i {
  color: #83aa30;
}
.w-environment .container .info-environment {
  margin: 2em 0;
}
.w-environment .container .info-environment p {
  margin-top: 1em;
  font-size: 18px;
  color: #000;
}
.w-environment .container .info-environment p a {
  text-decoration: underline;
}
.w-environment .container .info-environment p a:hover {
  color: #24749a;
}

/* DISTRIBUTORS */
.w-distributors-login {
  padding-bottom: 2em;
  background: #efefef;
  text-align: center;
}
.w-distributors-login .big-button {
  padding: 0.5em 2em;
  display: block;
  background: #24749a;
  width: 200px;
  margin: auto;
  color: #fff;
  border: 1px solid #24749a;
  font-weight: 400;
  transition: all ease .3s;
}
.w-distributors-login .big-button:hover {
  background: #2e93c3;
  border-color: #3aa0d1;
}

/* FOOTER */
.c-layout-footer-6 {
  padding-top: 0;
}
.c-layout-footer-6 .w-footlist {
  background: #dfdfdf;
}
.c-layout-footer-6 .w-footlist .row-list {
  margin: 2em 0;
}
.c-layout-footer-6 .w-footlist .row-list .col-md-4 {
  margin: 1em 0;
  padding: 0;
}
.c-layout-footer-6 .w-footlist .row-list .col-md-4 ul {
  padding: 0;
}
.c-layout-footer-6 .w-footlist .row-list .col-md-4 ul li {
  list-style: none;
}
.c-layout-footer-6 .w-footlist .row-list .col-md-4 ul li:hover {
  color: #24749a !important;
}
.c-layout-footer-6 .w-footlist .row-list .col-md-4 ul li a {
  line-height: 2;
  display: block;
}
.c-layout-footer-6 .w-footlist .row-list .col-md-4 ul li a:hover {
  color: #24749a !important;
}

/* VIDEO BACKGROUND */
.background-video {
  position: relative;
  height: 80vh;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 640px) {
  .background-video {
    height: 51vh;
  }
}
@media screen and (max-width: 520px) {
  .background-video {
    height: 41.5vh;
  }
}
@media screen and (max-width: 425px) {
  .background-video {
    height: 34vh;
  }
}
.background-video .video-reel {
  /*width: 100vw;*/
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.background-video .video-reel video {
  min-width: 100%;
}
@media screen and (max-width: 640px) {
  .background-video .video-reel video {
    width: 500px;
  }
}
.background-video .overlay-video {
  width: 100%;
  height: 80vh;
  position: absolute;
  top: 0;
  left: 0;
  background: #363d52;
  z-index: 50;
  opacity: .5;
}
@media screen and (max-width: 640px) {
  .background-video .overlay-video {
    height: 51vh;
  }
}
@media screen and (max-width: 520px) {
  .background-video .overlay-video {
    height: 41.5vh;
  }
}
@media screen and (max-width: 425px) {
  .background-video .overlay-video {
    height: 34vh;
  }
}
.background-video .video-content {
  width: 40%;
  position: absolute;
  top: 50%;
  left: 10%;
  z-index: 100;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .background-video .video-content {
    left: 50%;
    width: 70%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 640px) {
  .background-video .video-content {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 90%;
  }
}
.background-video .video-content h1 {
  color: #fff;
  font-size: 40px;
  line-height: 1.5;
  font-weight: bold;
}
.background-video .container {
  position: absolute;
  top: 70%;
  left: 35%;
  width: 50%;
  transform: translate(-50%);
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .background-video .container {
    top: 50%;
    left: 40%;
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .background-video .container {
    top: 30%;
    left: 50%;
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .background-video .container {
    top: 0;
    width: 100%;
  }
}
.background-video .container h1 {
  color: #fff;
  font-size: clamp(20px, 4vw, 2.3em);
  width: 100%;
  line-height: 1.5;
  overflow-wrap: break-word;
}

/* RESPONSIVE */
@media screen and (max-width: 425px) {
  .background-video .video-content h1 {
    font-size: 30px;
  }

  .w-welcome .container .welcome-title h3:after {
    left: 135px;
  }

  .w-support .container .row {
    flex-direction: column;
  }
  .w-support .container .row .col-md-3 img {
    margin-bottom: 1em;
  }

  .c-postfooter .develop-esquemas {
    float: left;
  }
}
/* BREADCRUMBS */
.c-layout-breadcrumbs-1 .c-page-title {
  display: none;
}

/* CATEGORY PRODUCTS */
.page-taxonomy-term .vocabulary-product-category {
  max-width: 1140px;
  margin: auto;
  padding: 2em 2em;
  color: #fff;
  margin-bottom: 2em;
  background: #dfdfdf;
}
@media screen and (max-width: 1024px) {
  .taxonomy-term.vocabulary-product-category {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .taxonomy-term.vocabulary-product-category {
    padding: 2em;
  }
}
.page-taxonomy-term .vocabulary-product-category .c-title {
  font-size: clamp(20px, 7vw, 2.5em);
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: .5rem;
  color: #fff;
  overflow-wrap: break-word;
}
.page-taxonomy-term .vocabulary-product-category .field--name-field-label {
  margin-bottom: 1rem;
  font-size: 1.2em;
  font-weight: 400;
  letter-spacing: 1px;
}
.page-taxonomy-term .vocabulary-product-category .field--name-field-features ul {
  line-height: 1.6;
  font-weight: 400;
}

/* COLORS BACKGROUND HERO */
.page-taxonomy-term-10 .vocabulary-product-category {
  background: #83aa30;
}

.page-taxonomy-term-2 .vocabulary-product-category {
  background: #59c8ec;
}

.page-taxonomy-term-7 .vocabulary-product-category {
  background: #24749a;
}

.page-taxonomy-term-64 .vocabulary-product-category {
  background: #49a054;
}

.page-taxonomy-term-8 .vocabulary-product-category {
  background: #645dc3;
}

.page-taxonomy-term-6 .vocabulary-product-category {
  background: #a463c5;
}

.page-taxonomy-term-11 .vocabulary-product-category {
  background: #c37741;
}

.page-taxonomy-term-3 .vocabulary-product-category {
  background: #e27a88;
}

.page-taxonomy-term-71 .vocabulary-product-category {
  background: #5ec3cf;
}

.page-taxonomy-term-72 .vocabulary-product-category {
  background: #e0c636;
}

.page-taxonomy-term-74 .vocabulary-product-category {
  background: #e06e36;
}


/* PRODUCTS TEASER */
.view-products-nav {
  display: flex;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 0 auto 2em;
}
@media screen and (max-width: 1024px) {
  .view-products-nav {
    margin: auto 1em;
  }
}
.view-products-nav .views-row {
  width: 33.33%;
}
@media screen and (max-width: 1024px) {
  .view-products-nav .views-row {
    margin-left: 1em;
  }
}
@media screen and (max-width: 768px) {
  .view-products-nav .views-row {
    width: 80%;
    margin: auto;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 425px) {
  .view-products-nav .views-row {
    width: 100%;
  }
}
.view-products-nav > nav.pagers {
  flex: 0 0 100%;
}
.view-products-nav .views-row .item.node-product-teaser {
  padding: 0 1em 1em;
}
.view-products-nav .views-row .item.node-product-teaser .c-content-product-2 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.view-products-nav .views-row .c-content-overlay {
  background: #E5E5E5;
  height: 220px;
}
.view-products-nav .views-row .c-content-overlay .c-overlay-object {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.view-products-nav .views-row .c-content-overlay .c-overlay-object .field--name-field-image img {
  width: 100%;
  object-fit: cover;
}
.view-products-nav .views-row .c-info {
  padding: 2em;
  border-top: 1px solid #efefef;
}
.view-products-nav .views-row .c-info .c-title-product {
  margin-bottom: 0.5em;
  font-size: 1.5em;
  font-weight: 400;
}
.view-products-nav .views-row .c-info .c-title-product a {
  color: #24749a;
}
.view-products-nav .views-row .c-info .c-title-product a:hover {
  text-decoration: underline;
}
.view-products-nav .views-row .c-info .c-description {
  color: #000;
  letter-spacing: .3px;
  margin-top: -0.8em;
}
.view-products-nav .views-row .c-info .c-description .field--name-field-brand {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 82.5%;
}
.view-products-nav .views-row .c-info .c-description p {
  margin: 0;
  font-size: 91.5%;
}

/* PRODUCTS DEFAULT */
.w-product-default h3 {
  font-size: 1.3em;
}
.w-product-default a {
  color: #24749a;
  transition: all ease .5s;
}
.w-product-default a:hover {
  text-decoration: underline;
}
.w-product-default .c-shop-product-details-2 .row {
  margin: auto 0;
}
.w-product-default .c-shop-product-details-2 .row .img-slider-product {
  /*height: 350px;*/
  border: 1px solid #000;
  padding: 0;
}
.w-product-default .c-shop-product-details-2 .row .img-slider-product .field--name-field-images .owl-item .c-content-media-2 {
  min-height: 100% !important;
  padding: 30.6%;
}
@media screen and (max-width: 1024px) {
  .w-product-default .c-shop-product-details-2 .row .img-slider-product .field--name-field-images .owl-item .c-content-media-2 {
    padding: 37.2%;
  }
}
@media screen and (max-width: 768px) {
  .w-product-default .c-shop-product-details-2 .row .img-slider-product .field--name-field-images .owl-item .c-content-media-2 {
    padding: 24.2%;
  }
}
@media screen and (max-width: 425px) {
  .w-product-default .c-shop-product-details-2 .row .img-slider-product .field--name-field-images .owl-item .c-content-media-2 {
    padding: 44.3%;
  }
}
.w-product-default .c-shop-product-details-2 .row .header-product {
  padding-left: 2em;
}
@media screen and (max-width: 425px) {
  .w-product-default .c-shop-product-details-2 .row .header-product {
    padding-left: 1em;
  }
}
.w-product-default .c-shop-product-details-2 .row .header-product .c-product-meta .c-brands {
  margin-bottom: 1em;
}
.w-product-default .c-shop-product-details-2 .row .header-product .c-product-meta > .c-content-title-1 {
  float: none;
}
.w-product-default .c-shop-product-details-2 .row .header-product .c-product-meta > .c-content-title-1 h3 {
  margin: 0.5em 0 0.3em;
}
.w-product-default .c-shop-product-details-2 .row .header-product .c-product-meta > .c-content-title-1 .c-line-left {
  background-color: #fff;
  background-image: linear-gradient(to right, #c8090a, #645dc3, #24749a);
  width: 10%;
}
.w-product-default .c-shop-product-details-2 .row .header-product .c-product-meta .c-label {
  display: flex;
}
.w-product-default .c-shop-product-details-2 .row .header-product .c-product-meta .c-label p {
  margin-right: 0.5em;
}
.w-product-default .c-shop-product-details-2 .row .header-product .c-product-meta .c-label .field--name-field-label {
  font-weight: bold;
}
.w-product-default .c-shop-product-details-2 .row .header-product .c-product-meta .c-features .field--name-field-features ul {
  list-style: none;
  padding-inline-start: 1em;
}
.w-product-default .c-shop-product-details-2 .row .header-product .c-product-meta .c-features .field--name-field-features ul li {
  display: flex;
  align-items: center;
}
.w-product-default .c-shop-product-details-2 .row .header-product .c-product-meta .c-features .field--name-field-features ul li:before {
  content: '✓';
  font-size: 1.5em;
  margin-right: 0.3em;
}
.w-product-default .c-product-description {
  margin: 2em 0;
}
.w-product-default .c-product-technology h3 {
  margin: 2em 0;
}
.w-product-default .c-product-technology .field--name-field-technology {
  display: flex;
  flex-wrap: wrap;
}
.w-product-default .c-product-technology .field--name-field-technology a {
  display: block;
  width: 50%;
  line-height: 1.5;
  transition: all ease .3s;
}
.w-product-default .c-product-technology .field--name-field-technology a:hover {
  text-decoration: none;
  color: #3f444a;
}
.w-product-default .c-product-technology .field--name-field-technology a:before {
  content: '✓';
  font-size: 1.5em;
  margin-right: 0.3em;
  color: #3f444a;
}
.w-product-default .c-product-specification {
  margin: 2em 0;
}
.w-product-default .c-product-specification h3 {
  margin: 2em 0 1em;
}
.w-product-default .c-product-specification .field--name-field-description ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #BFBFBF;
  border-left: none;
  border-bottom: none;
}
.w-product-default .c-product-specification .field--name-field-description ul li {
  width: 50%;
  border-bottom: 1px solid #BFBFBF;
  padding: 0.5em;
  border-left: 1px solid #BFBFBF;
}
.w-product-default .c-product-file-link .field--name-field-files {
  margin-bottom: 1em;
}
.w-product-default .c-product-file-link .field--name-field-files .file {
  display: flex;
  align-items: center;
}
.w-product-default .c-product-file-link .field--name-field-files .file a {
  margin-left: 0.3em;
}
.w-product-default .c-product-video .field--name-field-video {
  height: 100%;
}
.w-product-default .c-product-video .field--name-field-video .embedded-video {
  height: 0;
  width: 50%;
  float: right;
  padding-bottom: 30%;
  position: relative;
}
.w-product-default .c-product-video .field--name-field-video .embedded-video .player.mb_YTPlayer {
  display: block !important;
  height: 100%;
}
.w-product-default .c-product-video .field--name-field-video .embedded-video .player.mb_YTPlayer iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}

/* BLOCK GARANTY */
.w-product-garanty {
  margin: 2em 0;
}
.w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified {
  width: 70%;
  margin-left: 2em;
}
@media screen and (max-width: 425px) {
  .w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified {
    width: 100%;
    margin-left: 0;
  }
}
.w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified li.active {
  z-index: 100;
}
.w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified li.active a {
  background: #fff;
  color: #444;
  border-bottom: #fff;
}
.w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified li.active a:hover {
  background: #fff;
}
.w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified li {
  width: auto;
}
.w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified li:nth-of-type(2) a {
  margin-left: -0.5em;
}
@media screen and (max-width: 425px) {
  .w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified li:nth-of-type(2) a {
    margin-left: 0;
  }
}
@media screen and (max-width: 425px) {
  .w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified li {
    margin-left: 0;
    padding-left: 0;
  }
}
.w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified li a {
  background: #24749a;
  color: #fff;
  border: 1px solid #444;
  text-align: left;
  transition: all ease .3s;
  padding: 1em 2em;
}
.w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified li a:hover {
  background: #2e93c3;
}
@media screen and (max-width: 425px) {
  .w-product-garanty .col-md-12.col-lg-12 .nav.nav-justified li a {
    border-top-right-radius: 0;
    margin-bottom: 0;
  }
}
.w-product-garanty .col-md-12.col-lg-12 .tab-content {
  position: relative;
  z-index: 10;
  height: 300px;
  margin: -0.12em 1em 0;
}
.w-product-garanty .col-md-12.col-lg-12 .tab-content .tab-pane {
  border: 1px solid #444;
}
@media screen and (max-width: 768px) {
  .w-product-garanty .col-md-12.col-lg-12 .tab-content {
    height: 470px;
    margin-top: -0.119em;
  }
}
@media screen and (max-width: 425px) {
  .w-product-garanty .col-md-12.col-lg-12 .tab-content {
    margin: 0;
    height: 500px;
    border-top: 0;
    padding-top: 2em;
    margin-top: -2em;
    z-index: -1;
  }
}
@media screen and (max-width: 320px) {
  .w-product-garanty .col-md-12.col-lg-12 .tab-content {
    height: 530px;
  }
}
.w-product-garanty .col-md-12.col-lg-12 .tab-content .col-md-6 {
  margin: 2em 0;
}
.w-product-garanty .col-md-12.col-lg-12 .tab-content .col-md-6 p {
  margin-bottom: 2em;
}
.w-product-garanty .col-md-12.col-lg-12 .tab-content .col-md-6 .ul-tick {
  list-style: none;
  padding-inline-start: 1em;
}
.w-product-garanty .col-md-12.col-lg-12 .tab-content .col-md-6 .ul-tick li {
  display: flex;
  align-items: center;
}
.w-product-garanty .col-md-12.col-lg-12 .tab-content .col-md-6 .ul-tick li:before {
  content: '✓';
  font-size: 1.5em;
  margin-right: 0.3em;
}
.w-product-garanty .col-md-12.col-lg-12 .tab-content .col-md-6 .c-links {
  line-height: 1.5;
}
.w-product-garanty .btn-consult {
  margin: auto;
  text-align: center;
  margin-top: 3em;
}
@media screen and (max-width: 425px) {
  .w-product-garanty .btn-consult {
    margin-top: 2em;
  }
}
.w-product-garanty .btn-consult a {
  padding: 1em 2em;
  background: #83aa30;
  color: #fff;
}
.w-product-garanty .btn-consult a:hover {
  background: #9fca43;
}

/* Íconos de tipo de archivo (campos "file"): D7 los imprimía como <img> vía
   theme_file_link(); D10 core sólo agrega las clases file--mime-* y file--<tipo>
   (Drupal\file\IconMimeTypes) y deja el ícono a cargo del tema — mismo set y
   mapeo que trae core en Claro/Starterkit (core/.../css/classy/components/file.css),
   portado acá porque jango/jango_sub no lo incluyen. */
.file {
  display: inline-block;
  min-height: 16px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
}
.file--general,
.file--application-octet-stream {
  background-image: url(../img/file-icons/application-octet-stream.png);
}
.file--package-x-generic {
  background-image: url(../img/file-icons/package-x-generic.png);
}
.file--x-office-spreadsheet {
  background-image: url(../img/file-icons/x-office-spreadsheet.png);
}
.file--x-office-document {
  background-image: url(../img/file-icons/x-office-document.png);
}
.file--x-office-presentation {
  background-image: url(../img/file-icons/x-office-presentation.png);
}
.file--text-x-script {
  background-image: url(../img/file-icons/text-x-script.png);
}
.file--text-html {
  background-image: url(../img/file-icons/text-html.png);
}
.file--text-plain {
  background-image: url(../img/file-icons/text-plain.png);
}
.file--application-pdf {
  background-image: url(../img/file-icons/application-pdf.png);
}
.file--application-x-executable {
  background-image: url(../img/file-icons/application-x-executable.png);
}
.file--audio {
  background-image: url(../img/file-icons/audio-x-generic.png);
}
.file--video {
  background-image: url(../img/file-icons/video-x-generic.png);
}
.file--text {
  background-image: url(../img/file-icons/text-x-generic.png);
}
.file--image {
  background-image: url(../img/file-icons/image-x-generic.png);
}