/*
Theme Name: MISTATAS
Theme URI: https://lavitamina.cl
Author: La Vitamina
Author URI: https://lavitamina.cl
Description:  Tema para Mistatas.
Version: 3.3.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  margin: 0;
  -webkit-font-smoothing: auto;
    font-family: "Montserrat", sans-serif;
}
html{
  scroll-behavior: smooth;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #24292e;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 15px;
}
h1 {
  font-size: 36px;
  padding-bottom: 10px;
}
h2 {
  font-size: 24px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h3 {
  font-size: 18px;
  line-height: 25px;
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
  font-size: 1rem;
}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}
h2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
  font-size: .8rem;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  background-color: #F2EFEA ;
  padding: .74rem 1rem;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #4E5862;
  padding: 0.5rem;
  font-weight: 700;
  font-size: 1em;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #8A4EE7;
  font-weight: 700;
  /*background: #f9f9f9;*/
}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Menu con Sub Menu
--------------------------------------------------------------*/

ul.nav-root{
  padding: 0px;
  list-style-type: none;
  margin: 0px;
}
ul.nav-root li{
  display: inline-block;
  margin-right: 1rem;
}
header#masthead,#top,#menutop {
  z-index: 100;
  position: relative;
}
#menu-nav li.has-submenu::before {
  content: '';
  width: 14px;
  height: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-image: url('data:image/svg+xml,<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.812767 0.734315C1.11651 0.421895 1.60897 0.421895 1.91271 0.734315L7.58496 6.56863L13.2572 0.734315C13.561 0.421895 14.0534 0.421895 14.3572 0.734315C14.6609 1.04673 14.6609 1.55327 14.3572 1.86569L8.13493 8.26569C7.83119 8.5781 7.33873 8.5781 7.03499 8.26569L0.812767 1.86569C0.509026 1.55327 0.509026 1.04673 0.812767 0.734315Z" fill="%233C3A42" stroke="%233C3A42" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-position: center;
  transition: transform 0.35s;
}
#menu-nav li.has-submenu:hover::before {
  transform: translateY(-50%) rotate(-180deg);
}
#menu-nav .submenu-wrap {
  position: absolute;
  left: 50%;
  top: 53px;
  width: 380px;
  transform: translateX(-50%);
  border-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  border-top: 1px solid #F0F0F0;
  box-shadow: 0 30px 80px 15px rgba(36,32,32,0.8);
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease-in-out;
  box-shadow: 0px 0.25px 2.05px 0px #00000005, 0px 0.6px 4.92px 0px #00000007, 0px 1.13px 9.27px 0px #00000009, 0px 2.01px 16.53px 0px #0000000B, 0px 3.76px 30.92px 0px #0000000D, 0px 9px 74px 0px #00000012;
  z-index: 100;
}
#menu-nav .has-prod-submenu .submenu-wrap {
  width: 1415px;
  max-width: 1100px;
  left: -295%;
  transform: none;
  opacity: 0;
  visibility: hidden;
  background: #fff;
}
#menu-nav .has-prod-submenu .submenu-wrap.turn-off-subnav-right {
  width: 1415px;
  max-width: 1100px;
  left: -200%;
  transform: none;
  opacity: 0;
  visibility: hidden;
  background: #fff;
}
#menu-nav .has-prod-submenu .submenu-wrap {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0px 30px 40px rgba(0,0,0,0.25);
}
#menu-nav .menu-item {
  height: 100%;
  display: flex;
  align-items: center;
}
#menu-nav  li.has-submenu {
  position: relative;
  padding-right: 20px;
}
#menu-nav .has-prod-submenu:hover .submenu-wrap {
  opacity: 1;
  visibility: visible;
}
#menu-nav .submenu-uparrow {
  width: 0;
  height: 0;
  border-bottom: 20px solid #fff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  position: absolute;
  transform-style: preserve-3d;
  left: 23%;
  transform: translateX(-23%);
  top: -19px;
}
#menu-nav .turn-off-subnav-right .submenu-uparrow {
  width: 0;
  height: 0;
  border-bottom: 20px solid #fff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  position: absolute;
  transform-style: preserve-3d;
  left: 40%;
  transform: translateX(-40%);
  top: -19px;
}
#menu-nav  ul.prod-submenu {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  padding: 0px;
}
#menu-nav .has-prod-submenu .submenu-wrap.products .prod-submenu {
  display: -ms-grid;
  display: grid;
  gap: 0px;
  -ms-grid-columns: (minmax(0, 1fr))[5];
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 15px 0px 15px 15px;
  width: 85%;
}
#menu-nav .has-prod-submenu .submenu-wrap .right-col {
  background-color: #de49cd;
  flex: 1;
  margin: 0px;
  padding: 15px;
  border-radius: 29px 0 0 29px;
  transition: background-color 0.5s;
}

#menu-nav .has-prod-submenu .submenu-wrap .right-col a {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  color: #fff;
}
#menu-nav .has-prod-submenu li.prod-sub-col {
  border-right: none;
  background-color: #F2EFEA;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 2.77px 2.21px 0px transparent;
  transition: box-shadow 0.35s;
}
#menu-nav .has-prod-submenu .submenu-wrap:has(.right-col:not(.turn-off-subnav-right)) {
  flex-direction: row-reverse;
  border-top: none;
}
#menu-nav .has-prod-submenu .submenu-wrap.products {
  position: absolute;
  width: 1200px !important;
  left: -230%;
  padding: 0;
  max-width: 1200px !important;
}

#menu-nav .has-prod-submenu li.prod-sub-col:hover {
  box-shadow: 0px 2.77px 2.21px 0px #00000005, 0px 6.65px 5.32px 0px #00000007, 0px 12.52px 10.02px 0px #00000009, 0px 22.34px 17.87px 0px #0000000B, 0px 41.78px 33.42px 0px #0000000D, 0px 100px 80px 0px #00000012;
}
a.prod-sub-url:hover{
  text-decoration: none;
}
.prod-sub-col figure{
  margin: 0px;
}
.col-prod-img{
  width: 100%;
}
.card-text-wrap{
  margin: 10px;
  display: flex;
  flex-direction: column;
  height: 180px;
}
p.new-tab{
  color: #DE49CD;
  margin-bottom: 0px;
}
p.col-prod-title{
  font-size: 1rem;
  margin-bottom: 10px;
  color: #000;
}
p.col-prod-text,p.col-prod-price{
  color: #000;
}
.menu-item-link{
  color: #4E5862;
  font-weight: 600;
}
.menu-item-link:hover{
  text-decoration: none;
  color: #de49cd;
}
.page-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(36,32,32,0.65);
  z-index: 98;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s;
  top: 0;
}
.page-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

#top{
  background-color: #8A4EE7;
  color: #fff;
}
#menutop{
  background-color: #F2EFEA;
}
.top-nav{
  display: inline-flex;
  list-style: none;
  margin-bottom: 0px;
  padding-left: 0px;
}
.top-nav .nav-link{
  color: #4E5862;
  font-size: .8em;
}
.top-nav .nav-link:hover{
  font-weight: 600;
}
#menu-principal,#menu-nav{
  width: 100%;
}
.garantia{
  margin-left: auto;
}
.garantia a{
  color: #fff !important;
  background-color: #DE49CD;
  border-radius: 24px;
  border: 2px solid transparent;
  padding: .5rem 1rem !important;
  font-weight: 700;
  transition: color 0.3s, border 0.3s, background 0.3s;
}
.garantia a:hover{
  background-color: transparent;
  text-decoration: none;
  color: #4E5862 !important;
  border: 2px solid #4E5862;
}
.boton{
  color: #fff !important;
  background-color: #DE49CD;
  border-radius: 24px;
  border: 2px solid transparent;
  padding: .5rem 1.5rem !important;
  font-weight: 700;
  transition: color 0.3s, border 0.3s, background 0.3s;
}
.boton:hover{
  background-color: transparent;
  text-decoration: none;
  color: #4E5862 !important;
  border: 2px solid #4E5862;
}
.cotiza{
  background-color: #fff;
  color: #8A4EE7;
  border-radius: 24px;
  border: 0px solid transparent;
  padding: .2rem 1rem;
  font-weight: 700;
  transition: color 0.3s, border 0.3s, background 0.3s;
}
.cotiza:hover{
  background-color: #F2EFEA;
  color: #8A4EE7;
  text-decoration: none;
}
#hero{
  background-color: #f1eee9;
  color: #4E5862;
}
#hero h1{
  color: #4E5862;
}
#hero p{
  font-size: 1rem;
}
.botones{
  padding: 0px;
  list-style: none;
}
.botones li{
  display: inline-block;
  margin-right: 5px;
}
.planes{
  background-color: #F2EFEA;
  border-radius: 24px;
  overflow: hidden;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.planes img{
  margin: 0 auto;
  display: block;
}
.alto{
  margin-top: auto;
}
.cifras{
  border-radius: 24px;
  background-color: #F2EFEA;
  padding: 20px;
}
.cifras p{
  font-size: 150%;
  font-weight: 600;
  margin-bottom: 0px;
}
.cifras h1{
  margin-bottom: 0px;
}
.primera-fila .cifras{
  background-color: #DE49CD;
  color: #fff;
}
.primera-fila .cifras h1{
  color: #fff;
}
#testimonios{
  background-color: #F2EFEA;
}
#testimonios h1,#testimonios p{
  margin: 0px;
}
.testi{
  background-color: #fff;
  border-radius: 24px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.testi img{
  border-radius: 16px;
  margin-bottom: 15px;
}
.testi span{
  color: #DE49CD;
  padding-top: 30px;
}
.tabs-prensa{
  display: flex;
}

.tabs-productos {
  margin: 20px auto;
}

/* Estilo de la lista de pestañas */
.tabs-navigation {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
  justify-content: space-around;
}

.tabs-navigation li a {
  display: block;
  padding: 12px 25px;
  text-decoration: none;
  color: #4E5862;
  font-weight: bold;
  border: 1px solid #4E5862;
  transition: all 0.3s ease;
  border-radius: 24px;
}

/* Clase activa (Tabslet la pone automáticamente al li) */
.tabs-navigation li.active a {
  color: #fff;
  background-color: #DE49CD;
  border: 1px solid #DE49CD;
}

/* Contenido de las pestañas */
.tab-content {
  padding: 20px;
  border-top: none;
}
.tab-content a.boton{
  display: inline-block;
}
.tecno{
  border-radius: 24px;
  background-color: #F2EFEA;
  padding: 20px;
}
#prensa .tabs-navigation {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
#prensa .tabs-navigation li{
  margin-bottom: 20px;
  border-radius: 24px;
  background-color: #F2EFEA;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
#prensa .tabs-navigation li a{
  border-radius: 8px;
  border-top: 10px solid #4E5862;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  padding: 40px;
}
#prensa .tabs-navigation li a:hover,#prensa .tabs-navigation li.active a{
  border-top: 10px solid #DE49CD;
  background-color: #F2EFEA;
}
#prensa .tab-content{
  width: 100%;
}
#prensa .noticia{
  border-left: 1px solid #4E5862;
  padding: 25px;
}
#interes{
  background-color: #F2EFEA;
}
.inte {
  background-color: #fff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#banner,#video,#guias,#faqs,#solicitarsalco,#solicitarandes,#red{
  background-color: #F2EFEA;
}
#banner p{
  font-size: 120%;
}
#banner strong{
  color: #DE49CD;
}
thead tr th{
  background-color: rgba(51, 167, 251, .25);
  padding: 15px;
}
tbody tr td{
  padding: 10px;
  vertical-align: text-top;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 1px solid #222;
}
tbody ul{
  padding: 0px 0px 0px 15px;
  list-style: none;
}
tbody li{
  padding-left: 5px;
}
tbody  li::marker {
  font-family: "Font Awesome 7 Free";
  content: '\f058 '; /* Inserta el ticket */
  color: #DE49CD;    /* Opcional: cambia el color */
  font-weight: bold;
}
tbody span{
  color: #DE49CD;
  font-weight: bold;
}
tbody span strong{
  font-size: 120%;
  font-weight: bold;
}
.datos{
  border-radius: 24px;
  background-color: #F2EFEA;
  padding: 15px;
}
.datos h2{
  color: #DE49CD;
  font-size: 1.2rem;
  margin: 0px;
}
.datos p{
  font-size: 1rem;
  margin: 0px;
}
.btn-primary,.wc-block-components-button:not(.is-link) {
  color: #fff;
  background-color: #DE49CD;
  border-color: #DE49CD;
  border: 2px solid #DE49CD;
  border-radius: 24px;
}
.btn-primary:hover,.wc-block-components-button:not(.is-link):hover {
  background-color: transparent;
  text-decoration: none;
  color: #4E5862 !important;
  border: 2px solid #4E5862;
}
.wpcf7-submit{
  background-color: #DE49CD;
  border: 2px solid #DE49CD;
  width: 100%;
}
.wpcf7-submit:hover{
  background-color: transparent;
  text-decoration: none;
  color: #4E5862 !important;
  border: 2px solid #4E5862;
}
.form-control {
  background-color: #D9D9D9;
}
#banner h1,#banner p{
  margin: 0px;
}
.listado ul,#requisitosandes ul{
  column-count: 2;
}
.listado li::marker,#requisitosandes li::marker {
    color: #DE49CD; /* Tu color aquí */
    font-size: 1.5em;
    font-weight: bold;
}
#videop{
  background-color: #4E5862;
  color: #fff;
}
#videop h2{
  color: #fff;
}
#tecnologia{
  background-color: #f4f1eb;
}
.pasos .tabs-navigation img{
  width: auto;
  height: 120px;
  margin: 0 auto;
  display: block;
}
.pasos .tabs-navigation li a {
  margin: 0px 5px auto;
}
.pasos .tabs-navigation li.active a {
  color: #fff;
  background-color: #8a4ee7;
  border: 1px solid #8a4ee7;
}
.pasos span{
  display: block;
  text-align: center;
}
.pasos .card-body span{
  display: inline;
  font-size: 1rem;
}

.borde{
  border-radius: 24px;
  overflow: hidden;
}
.card-title{
  margin-bottom: 0px;
}
.display-4 {
  font-weight: 400;
}
.destacado{
  overflow: hidden;
}
.destacado.card-header{
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  overflow: hidden;
  background-color: #B9D9EF !important;
  border-bottom: 0px solid rgba(0,0,0,.125);
}
.destacado.card{
  background-color: #B9D9EF !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border: 0px solid transparent;
}
.shadow-sm,.top {
  border-radius: 24px;
}
.datos strong{
  color: #DE49CD;
}
#solicitarsalco .datos,#solicitarandes .datos{
 background-color: #fff;
}
#aliados{
  background-color: #DE49CD;
}
#gallery-1 img,#gallery-3 img {
  border: 0px solid #cfcfcf !important;
}
.pasos .tabs-navigation li:hover a {
  color: #fff;
  background-color: #8a4ee7;
  border: 1px solid #8a4ee7;
}
.modal iframe{
  width: 100%;
}
.mfp-hide {
    display: none !important;
}
#galeria #gallery-1 img {
  max-width: 450px;
}
#equipo h2{
  font-size: 22px;
}
/* Estilo para que la imagen se vea cliqueable */
.video-popup {
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.video-popup img {
    transition: transform 0.3s ease;
}

.video-popup:hover img {
    transform: scale(1.05);
}
#aliados .col-4:not(:last-child){
  filter: brightness(0) invert(1);
}

/*--------------------------------------------------------------
## Test dispositivo
--------------------------------------------------------------*/

.sos-wrap {
      max-width: 800px;
      margin: 0 auto;
      padding: 1.5rem 0;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      color: #1a1a1a;
    }

    /* Progreso */
    .sos-prog { display: flex; gap: 6px; margin-bottom: 1.75rem; align-items: center; }
    .sos-pdot { width: 8px; height: 8px; border-radius: 50%; background: #d1d5db; transition: background .2s; }
    .sos-pdot.done { background: #1D9E75; }
    .sos-pdot.cur  { background: #534AB7; }
    .sos-psep { flex: 1; height: 1px; background: #e5e7eb; }

    /* Steps */
    .sos-step { display: none; }
    .sos-step.active { display: block;max-width: 800px;margin: 0 auto; }

    /* Layout pregunta */
    .sos-qrow {
      display: grid;
      grid-template-columns: 1fr 350px;
      gap: 1.25rem;
      align-items: start;
      padding-bottom: 30px;
    }

    /* Imagen lateral */
    .sos-qimg {
      width: 350px;
      min-height: 190px;
      border-radius: 12px;
      overflow: hidden;
      border: 0px solid #e5e7eb;
    }
    .sos-qimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .sos-qiph {
      width: 100%;
      min-height: 190px;
      background: #f9fafb;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }
    .sos-qiph svg { opacity: .25; }
    .sos-qiph span { font-size: 11px; color: #9ca3af; text-align: center; padding: 0 8px; }

    /* Etiqueta y título */
    .sos-qlabel { font-size: 12px; color: #6b7280; margin-bottom: 5px; letter-spacing: .03em; }
    .sos-qtitle { font-size: 18px; font-weight: 500; color: #111827; margin-bottom: 1rem; line-height: 1.4; }

    /* Opciones */
    .sos-opts { display: flex; flex-direction: column; gap: 8px; }
    .sos-obtn {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 14px;
      border: 0.5px solid #d1d5db;
      border-radius: 12px;
      background: #fff;
      cursor: pointer;
      text-align: left;
      transition: border-color .15s, background .15s;
      width: 100%;
    }
    .sos-obtn:hover { border-color: #534AB7; background: #f5f3ff; }
    .sos-obtn:active { transform: scale(.99); }
    .sos-onum {
      width: 24px; height: 24px; border-radius: 50%;
      background: #f3f4f6; border: 0.5px solid #d1d5db;
      display: flex; align-items: center; justify-content: center;
      font-size: 12px; font-weight: 500; color: #6b7280; flex-shrink: 0;
    }
    .sos-otxt { font-size: 14px; color: #111827; }
    .sos-osub { font-size: 12px; color: #6b7280; margin-top: 2px; }

    /* Botón volver */
    .sos-back {
      display: inline-flex; align-items: center; gap: 5px;
      font-size: 13px; color: #6b7280;
      background: none; border: none; cursor: pointer;
      padding: 0; margin-bottom: 1.125rem;
    }
    .sos-back:hover { color: #111827; }

    /* Tags resumen */
    .sos-stags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 1rem; }
    .sos-stag {
      font-size: 11px; padding: 3px 9px; border-radius: 99px;
      background: #f3f4f6; color: #6b7280; border: 0.5px solid #e5e7eb;
    }

    /* Tarjeta resultado */
    .sos-rcard {
      border: 0.5px solid #d1d5db;
      border-radius: 12px;
      background: #fff;
      overflow: hidden;
    }
    .sos-rimg { width: 100%; height: 250px; overflow: hidden; border-bottom: 0.5px solid #e5e7eb; }
    .sos-rimg img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .sos-riph {
      width: 100%; height: 100%;
      background: #f9fafb;
      display: flex; align-items: center; justify-content: center;
    }
    .sos-riph span { font-size: 12px; color: #9ca3af; }

    .sos-rbadge {
      display: inline-block; font-size: 11px; font-weight: 500;
      padding: 3px 10px; border-radius: 99px; margin-bottom: 8px;
    }
    .b-teal   { background: #E1F5EE; color: #0F6E56; }
    .b-purple { background: #EEEDFE; color: #3C3489; }
    .b-blue   { background: #E6F1FB; color: #0C447C; }
    .b-amber  { background: #FAEEDA; color: #854F0B; }

    .sos-rname { font-size: 20px; font-weight: 500; color: #111827; margin-bottom: 5px; }
    .sos-rdesc { font-size: 13px; color: #6b7280; line-height: 1.6; }
    .sos-rhead { padding: 1.125rem 1.25rem .875rem; }
    .sos-rbody { padding: .875rem 1.25rem; }

    .sos-flist { list-style: none; display: flex; flex-direction: column; gap: 7px; margin-bottom: 1rem; }
    .sos-flist li { display: flex; align-items: center; gap: 9px; font-size: 13px; color: #111827; }
    .sos-chk {
      width: 16px; height: 16px; border-radius: 50%;
      background: #E1F5EE; display: flex; align-items: center;
      justify-content: center; flex-shrink: 0;
    }

    /* Botones CTA */
    .sos-btns { display: flex; flex-direction: column; gap: 8px; }
    .sos-cbtn {
      display: block; width: 100%; padding: 11px;
      border-radius: 8px; border: none;
      font-size: 14px; font-weight: 500; cursor: pointer;
      text-align: center; text-decoration: none; transition: opacity .15s;
    }
    .sos-cbtn:hover { opacity: .85; }
    .btn-teal   { background: #1D9E75; color: #fff; }
    .btn-purple { background: #534AB7; color: #fff; }
    .btn-blue   { background: #185FA5; color: #fff; }
    .btn-amber  { background: #BA7517; color: #fff; }
    .btn-wa     { background: #25D366; color: #fff; }

    /* Grid dos productos */
    .sos-dual { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .sos-dual .sos-rcard { border-radius: 8px; }
    .sos-dual .sos-rhead { padding: .875rem 1rem .75rem; }
    .sos-dual .sos-rname { font-size: 15px; }
    .sos-dual .sos-rdesc { font-size: 12px; }
    .sos-dual .sos-rbody { padding: .75rem 1rem; }
    .sos-dual .sos-flist li { font-size: 12px; }

    /* Botón reiniciar */
    .sos-rst {
      display: block; text-align: center; margin-top: 10px;
      font-size: 13px; color: #6b7280;
      background: none; border: none; cursor: pointer; padding: 8px;
    }
    .sos-rst:hover { color: #111827; }

    /* Responsive */
    @media (max-width: 520px) {
      .sos-qrow { grid-template-columns: 1fr; }
      .sos-qimg { width: 100%; min-height: 140px; }
      .sos-qiph { min-height: 140px; }
      .sos-dual { grid-template-columns: 1fr; }
    }

/*--------------------------------------------------------------
## Off Canvas
--------------------------------------------------------------*/

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  right: 0;
  overflow: hidden;
  background-color: #111; /* Black*/
  padding-top: 0px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 16px;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  display: block;
  transition: 0.3s;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 20px;
  left: -40px;
  font-size: 36px;
  margin-right: 20px;
  padding: 5px;
  background-color: #111;
  border-radius: 50%;
  line-height: 1.5rem;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-right .5s;
  padding: 20px;
}
.llamar{
  background-color: #ec4a48;
  border-bottom: 0px solid rgba(255,255,255,0.2);
}
.garantiam{
  background-color: #DE49CD;
  border-bottom: 0px solid rgba(255,255,255,0.2);
}
.dropdown-btn {
  padding: 8px 8px 8px 16px;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  transition: 0.3s;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.sidenav a:hover, .dropdown-btn:hover {
  color: #f1f1f1;
}
/* Contenedor de los hijos (oculto por defecto) */
.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
}

/* Estilo para los hijos */
.dropdown-container a {
  font-size: 14px; /* Un poco más pequeño que el padre */
  padding-left: 0px; /* Más sangría */
}

/* Clase activa para resaltar el botón abierto */
#mySidenav .active {
  color: white;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/*--------------------------------------------------------------
## Preguntas frecuentes
--------------------------------------------------------------*/


#faq_container {
  border-bottom: 1px solid #4E5862;
  margin-bottom: 10px;
  padding: 10px 5px;
}

.faq_question {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  display: table;
}

.question {
  margin-bottom: 5px;
  display: table-cell;
  width: 100%;
}
 
.faq_answer_container {
  height: 0px;
  overflow: hidden;
  padding: 0px;
}

.accordion-button-icon {
  display: table-cell;
  line-height: inherit;
  opacity: 1;
  filter: alpha(opacity = 100);
  padding-right: 15px;
  vertical-align: middle;
  color: #DE49CD;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/


.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer-widget{
  background-color: #4E5862;
  color: #fff;
}
.ctas{
  display: flex;
  flex-direction: column;
}
.ctas img{
  width: 50px;
  height: 50px;
}
#footer-widget h1,#footer-widget h2,#footer-widget h3{
  color: #fff;
}
#footer-widget a.boton{
  width: 100%;
  display: block;
  border-radius: 8px;
  text-align: center;
  padding: .5em !important;
  margin-top: auto;
}
#footer-widget a.boton:hover{
  background-color: transparent;
  text-decoration: none;
  color: #fff !important;
  border: 2px solid #fff;
}
#footer-widget .nav-link {
  padding: .5rem 0rem;
  color: #fff;
}
#footer-widget .nav-link:hover {
  color: #fff;
  background-color: transparent;
  text-decoration: underline;
}
footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #fff;
  background-color: #8A4EE7;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
.turn-off-subnav-right ul li{
  margin: 0px !important;
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
  .container {
    max-width: 1140px !important;
  }
    #menu-nav .has-prod-submenu .submenu-wrap.products .prod-submenu {
    padding: 15px 0px 15px 15px;
    width: 83%;
  }
   #menu-nav .has-prod-submenu .submenu-wrap:has(.right-col:not(.turn-off-subnav-right)) {
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
  }
  #menu-nav .has-prod-submenu .submenu-wrap.products .right-col {
    margin: 0;
  }
  #menu-nav .has-prod-submenu .submenu-wrap.products {
    position: absolute;
    width: 1150px !important;
    left: -330%;
    padding: 0px;
  }
   #menu-nav  .has-prod-submenu .submenu-wrap.products .submenu-uparrow {
    left: 360px;
  }
  #menu-nav .turn-off-subnav-right .submenu-uparrow {
  left: 50%;
}
    #menu-nav .has-prod-submenu .submenu-wrap.pricing {
   width: 398px !important;
    left: -175px;
  }
  #menu-nav{
    width: 80%;
  }
  p.col-prod-text, p.col-prod-price {
  font-size: 12px;
  margin-top: auto;
  margin-bottom: 0px;
}
p {
  font-size: 12px;
}
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
  #menutop .col-md-3{
    font-size: 12px;
  }

}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 80%;
  }
  
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 75%;
  }
  .navbar-brand {
  width: 120px;
}
 #menu-nav {
    width: 75%;
  }

}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 75%;
  }
  
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
  .tabs-navigation {
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.tabs-navigation li {
  display: inline-block;
  margin-bottom: 15px;
}

.col-prod-img{
  width: 70px;
}
ul.botones a{
  width: 100%;
  display: block;
}
.botones li {
  display: block;
  margin-right: 0px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.2rem;
}
.cifras {
  padding: 50px;
}
.boton {
  display: block;
  text-align: center;
  font-size: 1.5rem;
}
.tabs-prensa{
  display: inline-block;
}
#prensa .tabs-navigation li a {
  padding: 0px;
  width: 180px;
}
#prensa .noticia {
  border-left: 0px solid #4E5862;
  padding: 10px 0px;
}
table {
  font-size: .6rem;
}
thead tr th {
  padding: 10px 5px;
}
tbody tr td {
  padding: 10px 5px;
}
#plan {
  overflow-x: scroll;
}
#banner img{
  margin-top: 30px;
}
.tabs-navigation li a {
  padding: 10px 5px;
}
}