@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap);

@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);

body {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  line-height: 16px;
  padding-top: 152px;
}

@media (min-width: 576px) {
  body {
    padding-top: 116px;
  }
}

@media (min-width: 768px) {
  body {
    padding-top: 112px;
  }
}

@media (min-width: 992px) {
  body {
    padding-top: 119px;
  }
}

@media (min-width: 1200px) {
  body {
    padding-top: 142px;
  }
}

body.loggeduser {
  padding-top: 200px;
}

@media (min-width: 576px) {
  body.loggeduser {
    padding-top: 164px;
  }
}

@media (min-width: 992px) {
  body.loggeduser {
    padding-top: 167px;
  }
}

@media (min-width: 1200px) {
  body.loggeduser {
    padding-top: 190px;
  }
}

body.loggeduser .cont-menu-gral {
  /* top: 143px; */
  /*aca*/
  top: 147px;
}

@media (min-width: 576px) {
  body.loggeduser .cont-menu-gral {
    top: 104px;
  }
}

@media (min-width: 992px) {
  body.loggeduser .cont-menu-gral {
    top: 95px;
    z-index: 9999;
  }
}

/* ------------------------ Modificaciones //.. ------------------------------- */
@media (max-width: 576px) {
  #prueba {
    top: 46px;
  }

}

@media (min-width: 576px) {
  #prueba {
    top: 46px;
  }
}


@media (min-width: 992px) {
  #prueba {
    top: 36px;
  }
}

/* ------------------------- Fin modificaciones de prueba //.. ........................ */
.centrar-img {
  overflow: hidden;
  position: relative;
}

.centrar-img img {
  position: absolute;
  left: -5000px;
  right: -5000px;
  top: -5000px;
  bottom: -5000px;
  margin: auto;
}

.main.logged-content {
  padding: 1.5rem 0;
  min-height: 300px;
}

@media (min-width: 576px) {
  .main.logged-content {
    padding: 1.938rem 0;
  }
}

@media (min-width: 768px) {
  .main.logged-content {
    padding: 2.313rem 0;
  }
}

@media (min-width: 992px) {
  .main.logged-content {
    padding: 4.063rem 0;
  }
}

@media (min-width: 1200px) {
  .main.logged-content {
    padding: 3.75rem 0;
  }
}

.main.logged-content .main-title {
  font-size: 1.231em;
  line-height: 1.25rem;
}

@media (min-width: 576px) {
  .main.logged-content .main-title {
    font-size: 1.385em;
  }
}

@media (min-width: 768px) {
  .main.logged-content .main-title {
    font-size: 1.538em;
  }
}

@media (min-width: 992px) {
  .main.logged-content .main-title {
    line-height: 1.313rem;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .main.logged-content .main-title {
    line-height: 1.938rem;
    padding-left: 0;
  }
}

.main.logged-content a:active,
.main.logged-content a:focus,
.main.logged-content a:hover {
  text-decoration: none;
}

.general-forms input.error,
.general-forms textarea.error {
  border-color: #E5392D !important;
}

.general-forms .error-icon {
  color: #E5392D;
  position: absolute;
  top: 6px;
  right: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #E5392D;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.general-modal {
  text-align: center;
}

.general-modal .modal-dialog {
  max-width: 290px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

@media (min-width: 576px) {
  .general-modal .modal-dialog {
    max-width: 510px;
  }
}

@media (min-width: 768px) {
  .general-modal .modal-dialog {
    max-width: 450px;
  }
}

@media (min-width: 992px) {
  .general-modal .modal-dialog {
    max-width: 510px;
  }
}

@media (min-width: 1200px) {
  .general-modal .modal-dialog {
    max-width: 540px;
  }
}

.general-modal .modal-content {
  border-radius: 0 0 20px 20px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .general-modal .modal-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: start;
    align-items: flex-start;
  }
}

.general-modal .modal-header {
  border-bottom: none;
}

.general-modal .modal-header .close {
  padding: 1.25rem;
  opacity: 1;
}

.general-modal .modal-body {
  padding: 1.5rem 2.75rem 0;
  color: #707070;
}

@media (min-width: 576px) {
  .general-modal .modal-body {
    padding: 2.5rem 2.25rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  .general-modal .modal-body {
    padding: 2.5rem 3.063rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1200px) {
  .general-modal .modal-body {
    padding: 2.5rem 3.938rem;
    padding-right: 1rem;
  }
}

.general-modal .modal-body p {
  font-size: 1.077em;
  line-height: 1.188rem;
  font-family: "DM Sans", sans-serif;
}

.general-modal .modal-footer {
  padding: 0.375rem 2.75rem 2.25rem;
  border-top: none;
  flex-wrap: wrap;
}

@media (min-width: 576px) {
  .general-modal .modal-footer {
    padding: 2.25rem;
    padding-bottom: 4.875rem;
    padding-left: 1rem;
  }
}

@media (min-width: 768px) {
  .general-modal .modal-footer {
    padding: 2.25rem 3.063rem;
    padding-bottom: 4.875rem;
    padding-left: 1rem;
  }
}

@media (min-width: 1200px) {
  .general-modal .modal-footer {
    padding: 2.25rem 3.938rem;
    padding-bottom: 4.875rem;
    padding-left: 1rem;
  }
}

.general-modal .modal-title {
  font-size: 1.231em;
  line-height: 1.313rem;
  font-weight: bold;
  color: #D8B239;
  margin-bottom: 1.563rem;
}

.general-modal .modal-btn {
  width: 100%;
  display: block;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  padding: 0.875rem;
  font-weight: 500;
  font-size: 1.077em;
  line-height: 0.313rem;
  text-align: center;
  border-radius: 5px;
  margin: 0.425rem 0;
  text-decoration: none;
}

@media (min-width: 576px) {
  .general-modal .modal-btn {
    padding: 0.938rem;
    max-width: 149px;
  }
}

@media (min-width: 768px) {
  .general-modal .modal-btn {
    max-width: 114px;
  }
}

@media (min-width: 992px) {
  .general-modal .modal-btn {
    max-width: 150px;
  }
}

.general-modal .modal-btn-outline {
  border: 1px solid #ADA792;
  background-color: #fff;
  color: #ADA792;
}

.general-modal .modal-btn-filled {
  color: #fff;
  border: 1px solid #D8B239;
  background-color: #D8B239;
}

.general-modal.success .modal-dialog,
.general-modal.response .modal-dialog {
  text-align: center;
}

.general-modal.success .modal-header,
.general-modal.response .modal-header {
  padding-bottom: 0.125rem;
}

.general-modal.success .modal-title,
.general-modal.response .modal-title {
  margin-bottom: 1.063rem;
}

.general-modal.success .modal-body,
.general-modal.response .modal-body {
  padding: 0 2rem 0.375rem;
}

@media (min-width: 576px) {

  .general-modal.success .modal-body,
  .general-modal.response .modal-body {
    padding: 0.563rem 6rem 1.688rem;
  }
}

@media (min-width: 768px) {

  .general-modal.success .modal-body,
  .general-modal.response .modal-body {
    padding-top: 1.063rem;
  }
}

@media (min-width: 992px) {

  .general-modal.success .modal-body,
  .general-modal.response .modal-body {
    padding: 1.375rem 7rem 1.688rem;
  }
}

@media (min-width: 1200px) {

  .general-modal.success .modal-body,
  .general-modal.response .modal-body {
    padding-top: 1.688rem;
    padding-bottom: 3.063rem;
  }
}

.general-modal.success .modal-footer,
.general-modal.response .modal-footer {
  padding: 1rem;
}

.general-modal.response .modal-dialog {
  text-align: center;
}

.general-modal.response .modal-header {
  padding-bottom: 0.125rem;
}

.general-modal.response .modal-title {
  margin-bottom: 1.063rem;
}

.general-modal.response .modal-body {
  padding: 0 2rem 0.375rem;
}

@media (min-width: 576px) {
  .general-modal.response .modal-body {
    padding: 0.563rem 4.5rem 1.313rem;
  }
}

@media (min-width: 768px) {
  .general-modal.response .modal-body {
    padding: 0.375rem 5.25rem 0;
  }
}

@media (min-width: 992px) {
  .general-modal.response .modal-body {
    padding: 0.625rem 4.75rem 1.563rem;
  }
}

@media (min-width: 1200px) {
  .general-modal.response .modal-body {
    padding: 1.5rem 5.75rem 1.25rem;
  }
}

.general-modal.response .modal-footer {
  padding: 1rem;
}

.general-modal.thanks .modal-dialog {
  text-align: center;
}

@media (min-width: 576px) {
  .general-modal.thanks .modal-dialog {
    max-width: 330px;
  }
}

@media (min-width: 768px) {
  .general-modal.thanks .modal-dialog {
    max-width: 450px;
  }
}

@media (min-width: 1200px) {
  .general-modal.thanks .modal-dialog {
    max-width: 540px;
  }
}

.general-modal.thanks .modal-content {
  border-radius: 15px;
}

.general-modal.thanks .modal-header {
  padding: 0.75rem 0.688rem 0;
  position: relative;
  z-index: 5;
}

@media (min-width: 992px) {
  .general-modal.thanks .modal-header {
    padding: 1.125rem 1rem 0;
  }
}

@media (min-width: 1200px) {
  .general-modal.thanks .modal-header {
    padding: 1.875rem 1.75rem 0;
  }
}

.general-modal.thanks .modal-header .close {
  width: 22px;
  height: 22px;
  padding: 0.313rem;
  margin: 0;
  margin-left: auto;
}

@media (min-width: 768px) {
  .general-modal.thanks .modal-header .close {
    width: 26px;
    height: 26px;
  }
}

@media (min-width: 768px) {
  .general-modal.thanks .modal-header .close {
    width: 28px;
    height: 28px;
  }
}

.general-modal.thanks .modal-header .close img {
  width: 100%;
  height: auto;
  display: block;
}

.general-modal.thanks .modal-body {
  padding-top: 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 576px) {
  .general-modal.thanks .modal-body {
    padding: 0.375rem 3.125rem 0;
  }
}

@media (min-width: 768px) {
  .general-modal.thanks .modal-body {
    padding: 1.125rem 6.25rem 1.25rem;
  }
}

@media (min-width: 992px) {
  .general-modal.thanks .modal-body {
    padding: 0.125rem 6.125rem 1.125rem;
  }
}

@media (min-width: 1200px) {
  .general-modal.thanks .modal-body {
    padding: 0.313rem 5.75rem 3.25rem;
  }
}

.general-modal.thanks .modal-title {
  padding-bottom: 3.375rem;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .general-modal.thanks .modal-title {
    font-size: 1.385em;
    line-height: 1.5rem;
  }
}

@media (min-width: 768px) {
  .general-modal.thanks .modal-title {
    font-size: 1.769em;
    line-height: 1.875rem;
    padding-bottom: 3.688rem;
  }
}

@media (min-width: 992px) {
  .general-modal.thanks .modal-title {
    font-size: 1.923em;
    line-height: 2.063rem;
    padding-bottom: 4rem;
    margin-bottom: 0.125rem;
  }
}

@media (min-width: 1200px) {
  .general-modal.thanks .modal-title {
    margin-bottom: 0.25rem;
  }
}

.general-modal.thanks .modal-title::before {
  height: 80%;
}

.general-modal.thanks .modal-footer {
  padding: 0.75rem;
}

@media (min-width: 576px) {
  .general-modal.thanks .modal-footer {
    padding: 0.563rem;
  }
}

.without-content {
  margin-top: 0.25rem;
  box-shadow: 0 -4px 10px rgba(173, 167, 146, 0.2);
  padding: 1.563rem 0.938rem;
  border-radius: 10px 10px 0 0;
}

@media (min-width: 576px) {
  .without-content {
    padding: 0;
    box-shadow: none;
  }
}

.without-content.xs-full {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 576px) {
  .without-content.xs-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.without-content h3 {
  font-size: 1.25em;
  line-height: 1.125rem;
  font-weight: bold;
  color: #89826A;
}

@media (min-width: 576px) {
  .without-content h3 {
    font-size: 1.375em;
  }
}

@media (min-width: 768px) {
  .without-content h3 {
    font-size: 1.5em;
    line-height: 1.313rem;
  }
}

.not-banner .cont-menu-gral::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.not-banner .cont-menu-gral::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 40px;
  border-radius: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.not-banner .cont-menu-gral .menu-gral {
  background-color: #fff;
  z-index: 5;
}

.sidebar-list-menu {
  margin: 0.75rem 0 1.25rem;
  font-size: 0.923em;
}

@media (min-width: 576px) {
  .sidebar-list-menu {
    margin: 1.875rem 0;
    max-width: 150px;
    font-size: 1em;
  }
}

@media (min-width: 768px) {
  .sidebar-list-menu {
    max-width: 210px;
    margin: 2rem 0;
    font-size: 1.154em;
  }
}

@media (min-width: 992px) {
  .sidebar-list-menu {
    max-width: 190px;
  }
}

.sidebar-list-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-list-menu li {
  border-top: 1px dashed #89826A;
}

@media (min-width: 576px) {
  .sidebar-list-menu li {
    padding: 0.313rem 0;
  }
}

@media (min-width: 768px) {
  .sidebar-list-menu li {
    padding: 0.375rem 0;
  }
}

.sidebar-list-menu li:first-child {
  border-top: none;
}

.sidebar-list-menu li.active {
  font-weight: bold;
}

.sidebar-list-menu li.active a {
  pointer-events: none;
}

.sidebar-list-menu a {
  display: block;
  padding: 0.563rem 0;
  text-transform: uppercase;
  color: #696969;
  text-decoration: none;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.sidebar-list-menu a:hover {
  color: #ADA792;
}

.carousel.has-indicators {
  padding-bottom: 35px;
}

.carousel-indicators li {
  border: 1px solid #ADA792;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  opacity: 1;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  position: relative;
}

.carousel-indicators li::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-color: #ADA792;
  opacity: 0;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  border-radius: 20px;
}

.carousel-indicators li.active::before {
  opacity: 1;
}

.carousel-indicators.alternative li {
  border: 1px solid #fff;
  background-color: transparent;
}

.carousel-indicators.alternative li::before {
  background-color: #fff;
}

.slick-dotted.slick-slider {
  margin-bottom: 3.5rem;
}

@media (min-width: 992px) {
  .slick-dotted.slick-slider {
    margin-bottom: 4rem;
  }
}

.slick-dots {
  bottom: -1rem;
}

.slick-dots li {
  width: 10px;
  height: 10px;
}

.slick-dots li button {
  width: 10px;
  height: 10px;
  border: 1px solid #ADA792;
  border-radius: 20px;
  padding: 0;
  position: relative;
}

.slick-dots li button::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ADA792;
  opacity: 0;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 20px;
}

.slick-dots li button:focus::before {
  opacity: 0;
}

.slick-dots li.slick-active button::before {
  opacity: 1;
}

.has-separator {
  position: relative;
  padding-bottom: 20px;
}

.has-separator>* {
  position: inherit;
  z-index: 5;
}

.has-separator::before {
  content: "";
  width: 100%;
  position: absolute;
  height: 80%;
  background-color: #fff;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 30px;
}

.has-separator::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 40px;
  border-radius: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  left: 0;
  right: 0;
  bottom: 30px;
  margin: auto;
  z-index: 0;
}

.table-responsive {
  width: auto;
  display: block;
  color: #696969;
  overflow: hidden;
}

@media (min-width: 576px) {
  .table-responsive {
    display: table;
  }
}

.table-responsive thead {
  display: none;
  border: none;
}

@media (min-width: 576px) {
  .table-responsive thead {
    display: table-header-group;
  }

  .table-responsive thead th {
    border: none;
  }
}

.table-responsive thead tr:last-child::after {
  display: none;
}

.table-responsive tbody {
  display: block;
}

@media (min-width: 576px) {
  .table-responsive tbody {
    display: table-row-group;
  }
}

.table-responsive tfoot {
  display: block;
}

@media (min-width: 576px) {
  .table-responsive tfoot {
    display: table-footer-group;
  }
}

.table-responsive tfoot tr:last-child::after {
  display: none;
}

.table-responsive th {
  border: none;
  text-align: center;
}

.table-responsive tr,
.table-responsive td {
  width: 100%;
  display: block;
  position: relative;
}

@media (min-width: 576px) {

  .table-responsive tr,
  .table-responsive td {
    width: auto;
  }
}

.table-responsive td {
  border: none;
}

@media (min-width: 576px) {
  .table-responsive td {
    display: table-cell;
  }
}

.table-responsive tr {
  border-bottom: 1px solid transparent;
  position: relative;
}

.table-responsive tr:after {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #707070;
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: 0;
}

@media (min-width: 576px) {
  .table-responsive tr {
    display: table-row;
  }
}

@media (min-width: 576px) {
  .table-responsive.brk-md {
    display: block;
  }
}

@media (min-width: 768px) {
  .table-responsive.brk-md {
    display: table;
  }

  .table-responsive.brk-md .subhead {
    display: none;
  }
}

@media (min-width: 576px) {
  .table-responsive.brk-md thead {
    display: none;
  }

  .table-responsive.brk-md thead th {
    border: none;
  }
}

@media (min-width: 768px) {
  .table-responsive.brk-md thead {
    display: table-header-group;
  }

  .table-responsive.brk-md thead th {
    border: none;
  }
}

@media (min-width: 576px) {
  .table-responsive.brk-md tbody {
    display: block;
  }
}

@media (min-width: 768px) {
  .table-responsive.brk-md tbody {
    display: table-row-group;
  }
}

@media (min-width: 576px) {
  .table-responsive.brk-md td {
    display: block;
  }
}

@media (min-width: 768px) {
  .table-responsive.brk-md td {
    display: table-cell;
  }
}

@media (min-width: 576px) {
  .table-responsive.brk-md tr {
    display: block;
  }
}

@media (min-width: 768px) {
  .table-responsive.brk-md tr {
    display: table-row;
    border-top: none;
  }

  .table-responsive.brk-md tr::before {
    display: none;
  }
}

@media (min-width: 576px) {
  .table-responsive.brk-lg {
    display: block;
  }
}

@media (min-width: 992px) {
  .table-responsive.brk-lg {
    display: table;
  }
}

@media (min-width: 576px) {
  .table-responsive.brk-lg thead {
    display: none;
  }

  .table-responsive.brk-lg thead th {
    border: none;
  }
}

@media (min-width: 992px) {
  .table-responsive.brk-lg thead {
    display: table-header-group;
  }

  .table-responsive.brk-lg thead th {
    border: none;
  }
}

@media (min-width: 576px) {
  .table-responsive.brk-lg tbody {
    display: block;
  }
}

@media (min-width: 992px) {
  .table-responsive.brk-lg tbody {
    display: table-row-group;
  }
}

@media (min-width: 576px) {
  .table-responsive.brk-lg td {
    display: block;
  }
}

@media (min-width: 992px) {
  .table-responsive.brk-lg td {
    display: table-cell;
  }
}

@media (min-width: 576px) {
  .table-responsive.brk-lg tr {
    display: block;
  }
}

@media (min-width: 992px) {
  .table-responsive.brk-lg tr {
    display: table-row;
  }
}

@media (min-width: 768px) {
  .table-responsive.theme-orders {
    width: 100%;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    box-shadow: 0 -2px 10px rgba(173, 167, 146, 0.25);
    overflow: hidden;
  }
}

.table-responsive.theme-orders thead {
  background-color: #ADA792;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
}

.table-responsive.theme-orders thead tr {
  border: none;
}

.table-responsive.theme-orders thead tr:first-child {
  border: none;
}

.table-responsive.theme-orders thead th {
  text-align: left;
  padding: 0.813rem 1.125rem 0.625rem;
}

.table-responsive.theme-orders .subhead {
  font-weight: bold;
  margin-right: 5px;
}

@media (min-width: 768px) {
  .table-responsive.theme-orders .subhead {
    display: none;
  }
}

.table-responsive.theme-orders tr {
  padding: 1.125rem 0 1.188rem;
}

@media (min-width: 576px) {
  .table-responsive.theme-orders tr {
    padding: 0.938rem 0 1rem;
  }
}

@media (min-width: 768px) {
  .table-responsive.theme-orders tr {
    padding: 0;
  }
}

.table-responsive.theme-orders tr:first-child {
  border-top: 1px solid transparent;
}

.table-responsive.theme-orders tr:first-child::before {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0;
  border-top: 1px dotted #707070;
}

.table-responsive.theme-orders td {
  padding: 0.375rem 0;
}

@media (min-width: 768px) {
  .table-responsive.theme-orders td {
    padding: 1.375rem 1.125rem;
  }
}

.table-responsive.theme-orders tfoot tr {
  border: none;
}

@media (min-width: 768px) {
  .table-responsive.theme-orders tfoot td {
    padding: 2rem 0;
  }
}

@media (min-width: 992px) {
  .table-responsive.theme-orders-lg {
    width: 100%;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    box-shadow: 0 -2px 10px rgba(173, 167, 146, 0.25);
    overflow: hidden;
  }
}

.table-responsive.theme-orders-lg thead {
  background-color: #ADA792;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
}

.table-responsive.theme-orders-lg thead tr {
  border: none;
}

.table-responsive.theme-orders-lg thead tr:first-child {
  border: none;
}

.table-responsive.theme-orders-lg thead th {
  text-align: left;
  padding: 0.813rem 1.125rem 0.625rem;
}

.table-responsive.theme-orders-lg .subhead {
  font-weight: bold;
}

@media (min-width: 992px) {
  .table-responsive.theme-orders-lg .subhead {
    display: none;
  }
}

.table-responsive.theme-orders-lg tr {
  padding: 1.125rem 0 1.188rem;
}

@media (min-width: 576px) {
  .table-responsive.theme-orders-lg tr {
    padding: 0.938rem 0 1rem;
  }
}

@media (min-width: 992px) {
  .table-responsive.theme-orders-lg tr {
    padding: 0;
  }
}

.table-responsive.theme-orders-lg tr:first-child {
  border-top: 1px dotted #89826A;
}

.table-responsive.theme-orders-lg td {
  padding: 0.375rem 0;
}

@media (min-width: 992px) {
  .table-responsive.theme-orders-lg td {
    padding: 1.375rem 1.125rem;
  }
}

.table-responsive.theme-orders-lg tfoot tr {
  border: none;
}

@media (min-width: 992px) {
  .table-responsive.theme-orders-lg tfoot td {
    padding: 2rem 0;
  }
}

.customized-checkbox {
  width: 18px;
  height: 18px;
  margin-right: 0.625rem;
  position: relative;
}

.customized-checkbox input {
  opacity: 0;
  position: absolute;
}

.customized-checkbox input:checked~span:not(.error-icon) {
  background-color: #D8B239;
}

.customized-checkbox input:checked~span:not(.error-icon)::before {
  opacity: 1;
}

.customized-checkbox .error-icon {
  top: 0;
  right: 30px;
}

.customized-checkbox span:not(.error-icon) {
  width: 18px;
  height: 18px;
  border: 1px solid #D8B239;
  display: block;
  border-radius: 3px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  position: relative;
  display: block;
}

.customized-checkbox span:not(.error-icon)::before {
  content: "";
  -webkit-transition: 0.35s;
  transition: 0.35s;
  width: 12px;
  height: 6px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  margin: auto;
  top: 4px;
  left: 2px;
  opacity: 0;
}

.customized-radio {
  width: 18px;
  height: 18px;
  margin-right: 0.625rem;
  position: relative;
}

.customized-radio input {
  opacity: 0;
  position: absolute;
}

.customized-radio input:checked~span::before {
  opacity: 1;
}

.customized-radio span {
  width: 16px;
  height: 16px;
  border: 2px solid #ADA792;
  display: block;
  border-radius: 50px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  position: relative;
}

.customized-radio span::before {
  content: "";
  -webkit-transition: 0.35s;
  transition: 0.35s;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background-color: #ADA792;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.customized-selector {
  position: relative;
  display: block;
}

.customized-selector select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.customized-selector::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid #ADA792;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}

.btn-download {
  text-transform: uppercase;
  color: #89826A;
  position: relative;
  padding-bottom: 2px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}

.btn-download span {
  display: block;
}

.btn-download::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #89826A;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.btn-download:hover {
  text-decoration: none;
  color: #89826A;
}

.btn-download:hover::after {
  width: 0;
}

.btn-back {
  display: -webkit-box;
  display: flex;
  color: #696969;
  font-weight: bold;
  font-size: 1.077em;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  text-decoration: none;
  transition: 0.35s;
}

.btn-back img {
  width: 12px;
  margin-right: 5px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.btn-back:hover {
  text-decoration: none;
  color: #696969;
}

.btn-back:hover img {
  margin-right: 10px;
}

.btn-back.alternative {
  color: #ADA792;
  font-size: 0.923em;
  font-family: "Roboto Slab", serif;
  font-weight: normal;
}

.btn-back.alternative img {
  width: 7px;
}

@media (min-width: 576px) {
  .btn-back.alternative {
    font-size: 1.077em;
  }

  .btn-back.alternative img {
    width: 9px;
  }
}

.btn-back-home {
  background-color: #ADA792;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.5rem 0.725rem;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.btn-back-home:hover {
  color: #fff;
  text-decoration: none;
  background-color: #89826A;
}

.btn-view-more {
  display: -webkit-box;
  display: flex;
  border: none;
  background-color: #ADA792;
  padding: 0.313rem 0.625rem;
  font-family: "Roboto Slab", serif;
  color: #fff;
  font-weight: bold;
  font-size: 0.876em;
  border-radius: 15px 15px 0 0;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

@media (min-width: 576px) {
  .btn-view-more {
    font-size: 1em;
    padding: 0.438rem 0.625rem;
  }
}

@media (min-width: 768px) {
  .btn-view-more {
    font-size: 1.077em;
  }
}

.btn-view-more:hover {
  background-color: #D8B239;
}

.btn-load-more {
  display: -webkit-box;
  display: flex;
  border: none;
  background-color: transparent;
  font-family: "Roboto Slab", serif;
  font-size: 1.231em;
  color: #ADA792;
  padding: 0.5rem 1rem;
  margin: auto;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

@media (min-width: 576px) {
  .btn-load-more {
    font-size: 1.538em;
  }
}

@media (min-width: 992px) {
  .btn-load-more {
    font-size: 1.615em;
  }
}

@media (min-width: 1200px) {
  .btn-load-more {
    font-size: 1.769em;
  }
}

.btn-logout {
  display: -webkit-box;
  display: flex;
  padding: 3px;
  color: #fff;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-transform: initial;
  font-weight: 500;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.btn-logout span {
  display: none;
  font-weight: 500;
  margin-right: 10px;
}

@media (min-width: 768px) {
  .btn-logout span {
    display: block;
  }
}

.btn-logout::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: relative;
  background-image: url(../images/iconos/close.svg);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.btn-logout:hover {
  text-decoration: none;
  color: #fff;
}

.btn-logout:hover::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.btn-link {
  color: #89826A;
  font-weight: bold;
  text-decoration: none;
  width: auto;
  display: inline-block;
  position: relative;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  border: none;
  background-color: transparent;
}

.btn-link span {
  position: relative;
  display: block;
}

.btn-link span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #89826A;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.btn-link:hover {
  text-decoration: none;
  color: #89826A;
}

.btn-link:hover span::after {
  width: 0;
}

.btn-delete {
  width: 20px;
  height: 20px;
  border: none;
  background-color: transparent;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.btn-delete:hover {
  opacity: 0.5;
}

.btn-reorder {
  color: #ADA792;
  border-radius: 5px;
  border: 1px solid #ADA792;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.5rem;
  width: 160px;
  height: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: #fff;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.btn-reorder:hover {
  text-decoration: none;
  color: #fff;
  background-color: #ADA792;
}

.btn-new {
  background-color: #ADA792;
  color: #fff;
  width: 160px;
  height: 40px;
  text-transform: uppercase;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 5px;
  font-weight: 500;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.btn-new:hover {
  text-decoration: none;
  background-color: #89826A;
  color: #fff;
}

.share-links {
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 0.5rem 0.938rem;
  color: #fff;
  background-color: #ADA792;
  position: relative;
  margin: auto;
  border-radius: 15px 15px 0 0;
  font-family: "Roboto Slab", serif;
}

.share-links>span {
  font-weight: bold;
  font-size: 1em;
  margin-right: 20px;
}

.share-links ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: flex;
  list-style: none;
}

.share-links li {
  margin: 0 5px;
}

.share-links a {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.share-links img {
  width: 100%;
  height: auto;
}

.field-block.custom-number {
  border: 1px solid #ADA792;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 60px;
  padding: 7px 5px;
  border-radius: 5px;
}

.field-block.custom-number input {
  width: 26px;
  text-align: center;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-appearance: textfield;
  background-color: transparent !important;
}

.field-block.custom-number input::-webkit-outer-spin-button,
.field-block.custom-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.field-block.custom-number button {
  border: none;
  background: transparent;
  width: 10px;
  height: 10px;
  position: relative;
  outline: none;
  cursor: pointer;
}

.field-block.custom-number button::before,
.field-block.custom-number button::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background: #ADA792;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.field-block.custom-number button.up::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.field-block.custom-number button.down::before {
  display: none;
}

.custom-accordion .cust-acc-item {
  padding: 1.25rem 0;
  border-bottom: 2px dotted #ADA792;
}

.custom-accordion .cust-acc-item:first-child {
  border-top: 2px dotted #ADA792;
}

@media (min-width: 992px) {
  .custom-accordion .cust-acc-item {
    padding: 1.5rem 0;
  }
}

.custom-accordion .cust-acc-question .btn {
  font-weight: bold;
  color: inherit;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  align-items: flex-start;
  padding: 0;
  outline: none;
  box-shadow: none;
  width: 100%;
}

.custom-accordion .cust-acc-question .btn::before,
.custom-accordion .cust-acc-question .btn::after {
  display: none;
}

.custom-accordion .cust-acc-question .btn[aria-expanded=true] {
  padding-bottom: 2.875rem;
  margin-bottom: -0.625rem;
}

@media (min-width: 576px) {
  .custom-accordion .cust-acc-question .btn[aria-expanded=true] {
    padding-bottom: 3.125rem;
    margin-bottom: -0.938rem;
  }
}

@media (min-width: 768px) {
  .custom-accordion .cust-acc-question .btn[aria-expanded=true] {
    padding-bottom: 3.313rem;
    margin-bottom: -1.375rem;
  }
}

@media (min-width: 992px) {
  .custom-accordion .cust-acc-question .btn[aria-expanded=true] {
    padding-bottom: 3.375rem;
    margin-bottom: -1rem;
  }
}

@media (min-width: 1200px) {
  .custom-accordion .cust-acc-question .btn[aria-expanded=true] {
    padding-bottom: 3.125rem;
    margin-bottom: -1.25rem;
    margin-top: -0.5rem;
  }
}

.custom-accordion .cust-acc-question .btn[aria-expanded=true]::before,
.custom-accordion .cust-acc-question .btn[aria-expanded=true]::after {
  display: block;
}

.custom-accordion .cust-acc-question .btn[aria-expanded=true] .arrows-icon .up {
  opacity: 1;
}

.custom-accordion .cust-acc-question .btn[aria-expanded=true] .arrows-icon .down {
  opacity: 0;
}

.custom-accordion .cust-acc-question .btn span {
  width: calc(100% - 30px);
}

.custom-accordion .cust-acc-question .arrows-icon {
  width: 16px;
  height: 16px;
  position: relative;
  margin-top: 0.625rem;
}

.custom-accordion .cust-acc-question .arrows-icon img {
  position: absolute;
  width: 14px;
  height: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  opacity: 1;
  display: block;
}

.custom-accordion .cust-acc-question .arrows-icon .up {
  opacity: 0;
}

.custom-accordion .cust-acc-answer {
  margin-bottom: -0.375rem;
}

@media (min-width: 768px) {
  .custom-accordion .cust-acc-answer {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .custom-accordion .cust-acc-answer {
    margin-bottom: -0.375rem;
  }
}

@media (min-width: 1200px) {
  .custom-accordion .cust-acc-answer {
    margin-bottom: -0.725rem;
  }
}

.filter-catalogo {
  margin-top: 30px;
  padding-bottom: 30px;
  margin-left: 15px;
  position: relative;
}

@media (min-width: 576px) {
  .filter-catalogo {
    margin-right: 30px;
  }
}

@media (min-width: 768px) {
  .filter-catalogo {
    margin-left: 0;
    margin-right: 0;
  }
}

.filter-catalogo::after {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #D8B239;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.filter-catalogo div.colapsable {
  background-color: transparent;
  box-shadow: none;
  padding-top: 0;
}

.filter-catalogo .btn-filter {
  font-size: 1.25rem;
  font-family: "Roboto Slab", serif;
  color: #D8B239;
  padding: 0;
  display: block;
  text-decoration: none;
  position: relative;
}

.filter-catalogo .btn-filter::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 7px solid #D8B239;
  border-top: 0;
  right: 9px;
  top: 36px;
}

.filter-catalogo .btn-filter.collapsed::after {
  border-top: 7px solid #D8B239;
  border-bottom: 0;
}

.filter-catalogo .btn-filter span {
  display: block;
  position: relative;
  padding: 17px 0 18px;
}

.filter-catalogo .btn-filter span::before {
  content: "";
  position: absolute;
  top: 0;
  width: calc(41% - 4px);
  left: 4px;
  height: 18px;
  border-radius: 0 7px 0 0;
  border-top: 1px dashed #D8B239;
  border-right: 1px dashed #D8B239;
  -webkit-transform: skewX(24deg);
  transform: skewX(24deg);
}

.filter-catalogo .btn-filter span::after {
  content: "";
  position: absolute;
  width: calc(56.5% + 1px);
  right: 1px;
  border-bottom: 1px dashed #D8B239;
  border-left: 1px dashed #D8B239;
  height: 9px;
  top: 18px;
  border-radius: 0 0 0 2px;
  -webkit-transform: skewX(24deg);
  transform: skewX(24deg);
}

@media (min-width: 576px) {
  .filter-catalogo .btn-filter span::after {
    width: calc(56.5% + 6px);
    right: 1px;
  }
}

@media (min-width: 768px) {
  .filter-catalogo .btn-filter span::after {
    width: calc(56.5% - 1px);
    right: 1px;
  }
}

.filter-catalogo .action-buttons {
  display: -webkit-box;
  display: flex;
  border: 1px solid #ADA792;
  width: calc(100% - 10px);
  border-radius: 6px;
  margin-top: 8px;
  font-size: 0.75rem;
}

@media (min-width: 576px) {
  .filter-catalogo .action-buttons {
    max-width: 240px;
  }
}

@media (min-width: 768px) {
  .filter-catalogo .action-buttons {
    font-size: inherit;
    width: 100%;
    max-width: initial;
  }
}

.filter-catalogo .action-buttons>div {
  padding: 10px 10px;
  border-left: 1px solid #ADA792;
  color: #696969;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .filter-catalogo .action-buttons>div {
    padding: 10px 8px;
  }
}

@media (min-width: 1200px) {
  .filter-catalogo .action-buttons>div {
    padding: 10px 12px;
  }
}

.filter-catalogo .action-buttons>div:first-child {
  border-left: none;
}

.filter-catalogo .action-buttons .exist-items {
  font-weight: 500;
  color: #707070;
}

.filter-catalogo .action-buttons .clear-items {
  padding: 0;
}

.filter-catalogo .action-buttons .clear-items .btn-clear {
  padding: 10px 10px;
  color: inherit;
}

@media (min-width: 768px) {
  .filter-catalogo .action-buttons .clear-items .btn-clear {
    padding: 10px 8px;
  }
}

@media (min-width: 1200px) {
  .filter-catalogo .action-buttons .clear-items .btn-clear {
    padding: 10px 12px;
  }
}

.filter-catalogo .action-buttons .clear-items .btn-clear span::before,
.filter-catalogo .action-buttons .clear-items .btn-clear span::after {
  background-color: #ADA792;
}

.filter-catalogo .btn-clear {
  position: relative;
  display: block;
  padding: 5px;
  text-decoration: none;
  cursor: pointer;
}

.filter-catalogo .btn-clear:hover span {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.filter-catalogo .btn-clear span {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.filter-catalogo .btn-clear span::before,
.filter-catalogo .btn-clear span::after {
  content: "";
  width: 12px;
  height: 2px;
  border-radius: 20px;
  background-color: #707070;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filter-catalogo .btn-clear span::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.filter-catalogo .selected-items-list {
  margin: 20px 0 0;
}

.filter-catalogo .selected-items-list ul {
  list-style: none;
  padding: 0;
  font-weight: 500;
  color: #707070;
  font-size: 0.75rem;
}

@media (min-width: 768px) {
  .filter-catalogo .selected-items-list ul {
    font-size: 0.875rem;
  }
}

.filter-catalogo .selected-items-list a {
  padding-left: 0;
}

.filter-catalogo .filter-list {
  border-top: 1px dashed #D8B239;
  padding: 8px 0;
  margin-top: 20px;
}

.filter-catalogo .filter-list>div>ul>li.active {
  margin-bottom: 10px;
}

.filter-catalogo .filter-list>div>ul>li>h3 {
  border-bottom: none;
}

.filter-catalogo .filter-list>div>ul>li>h3>a {
  font-weight: 500;
  padding: 8px 0;
}

.filter-catalogo .filter-list .accordian-products {
  margin-left: 0;
}

.box-form {
  /* box-shadow: 0 -4px 10px rgba(173, 167, 146, 0.2); */
  padding: 1.375rem 0.938rem;
  border-radius: 10px 10px 0 0;
}

@media (min-width: 576px) {
  .box-form {
    padding-left: 1.563rem;
    padding-right: 1.563rem;
  }
}

@media (min-width: 768px) {
  .box-form {
    padding: 1.75rem;
  }
}

@media (min-width: 992px) {
  .box-form {
    padding: 2.375rem 3rem;
    max-width: 635px;
  }
}

@media (min-width: 1200px) {
  .box-form {
    padding: 3rem 3.625rem;
  }
}

.box-form.xs-full {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 576px) {
  .box-form.xs-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.box-form h3.subtitle {
  text-align: left;
  color: #696969;
  margin: 1.125rem 0;
  font-weight: bold;
}

@media (min-width: 576px) {
  .box-form h3.subtitle {
    margin: 1rem 0;
  }
}

@media (min-width: 768px) {
  .box-form h3.subtitle {
    font-size: 1.077em;
  }
}

@media (min-width: 992px) {
  .box-form .separator {
    padding: 0.5rem;
  }
}

.box-form div.form-group {
  margin-top: 0;
  margin-bottom: 0;
}

.box-form div.form-group.only-data .col-form-label {
  font-weight: bold;
}

.box-form div.form-group .col-form-label {
  color: #696969;
}

@media (min-width: 768px) {
  .box-form div.form-group .col-form-label {
    font-size: 1.077em;
  }
}

.box-form div.form-group .col-form-field {
  color: #696969;
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
}

@media (min-width: 768px) {
  .box-form div.form-group .col-form-field {
    font-size: 1.077em;
  }
}

.box-form div.form-group input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.box-form div.form-group input[type=number]::-webkit-inner-spin-button,
.box-form div.form-group input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.box-form div.form-group .subtext {
  font-weight: 300;
  margin: 0.75rem 0 0.625rem;
}

@media (min-width: 768px) {
  .box-form div.form-group .subtext {
    font-size: 0.929em;
  }
}

@media (min-width: 992px) {
  .box-form div.form-group .subtext {
    margin: 0.5rem 0;
  }
}

.box-form div.form-group .submit {
  width: 100%;
  background-color: #ADA792;
  font-weight: 500;
  height: 40px;
  text-transform: uppercase;
  margin: 0.125rem 0;
  padding: 9px;
  text-align: center;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  border: none;
  border-radius: 5px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.3px;
}

@media (min-width: 576px) {
  .box-form div.form-group .submit {
    max-width: 160px;
    margin: 0.25rem 0;
  }
}

.box-form div.form-group .submit:hover {
  background-color: #89826A;
}

.box-list {
  box-shadow: 0 -4px 10px rgba(173, 167, 146, 0.2);
  padding: 0;
  border-radius: 10px 10px 0 0;
}

@media (min-width: 992px) {
  .box-list {
    max-width: 635px;
  }
}

.box-list.xs-full {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 576px) {
  .box-list.xs-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.box-list .table {
  display: table;
  width: 100%;
}

@media (min-width: 768px) {
  .box-list .table {
    font-size: 1.077em;
  }
}

.box-list .table tbody {
  display: table-row-group;
}

.box-list .table tr {
  display: table-row;
}

.box-list .table tr:first-child {
  border-top: none;
}

.box-list .table tr:last-child {
  border-bottom: none;
}

.box-list .table td {
  display: table-cell;
  padding: 1.875rem 1rem;
  position: relative;
  width: 50%;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .box-list .table td {
    padding: 1.5rem 1.75rem;
  }
}

@media (min-width: 992px) {
  .box-list .table td {
    padding: 2rem 1.75rem;
  }
}

@media (min-width: 1200px) {
  .box-list .table td:first-child {
    width: 55%;
  }

  .box-list .table td:last-child {
    width: 45%;
  }
}

.box-list .table tfoot {
  display: table-row-group;
}

.box-list .table tfoot tr {
  border-bottom: none;
}

.box-list .table tfoot td {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.list-details {
  box-shadow: 0 -4px 10px rgba(173, 167, 146, 0.2);
  padding: 1.563rem 0.938rem;
  margin-top: 0.25rem;
  border-radius: 10px 10px 0 0;
}

@media (min-width: 576px) {
  .list-details {
    padding: 0;
    box-shadow: none;
  }
}

@media (min-width: 768px) {
  .list-details {
    margin-top: 0.5rem;
  }
}

.list-details.xs-full {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 576px) {
  .list-details.xs-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.list-details .title {
  font-size: 0.923em;
  line-height: 1.125rem;
  font-weight: bold;
  color: #D8B239;
}

@media (min-width: 576px) {
  .list-details .title {
    font-size: 1em;
  }
}

@media (min-width: 768px) {
  .list-details .title {
    font-size: 1.231em;
    line-height: 1.313rem;
  }
}

.top {
  background-color: #ADA792;
  padding-top: 15px;
  padding-bottom: 15px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 21;
}

@media (min-width: 992px) {
  .top {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.top .dropdown-idiomas .dropdown-toggle {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}

@media (min-width: 1200px) {
  .top .dropdown-idiomas .dropdown-toggle {
    font-size: 13px;
    line-height: 18px;
  }
}

.top .dropdown-idiomas .dropdown-toggle:hover {
  text-decoration: none;
}

.top .dropdown-idiomas .dropdown-toggle::after {
  border: none;
  background-image: url(../images/iconos/arrow-down.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  margin-left: 25px;
  vertical-align: initial;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.top .dropdown-idiomas .dropdown-menu {
  background-color: rgba(173, 167, 146, 0.81);
  border: none;
  border-radius: 0 0 5px 5px;
  padding: 6px 15px;
  top: 10px !important;
  left: -15px !important;
  min-width: 85px;
}

.top .dropdown-idiomas .dropdown-menu .dropdown-item {
  padding: 6px 0;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  font-weight: 700;
}

@media (min-width: 1200px) {
  .top .dropdown-idiomas .dropdown-menu .dropdown-item {
    font-size: 14px;
  }
}

.top .dropdown-idiomas .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  color: #CECDC9;
}

.top .dropdown-idiomas.show .dropdown-toggle::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (min-width: 576px) {
  .top .buscador-top {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}

@media (min-width: 576px) {
  .top .red-ingersoll {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
}

.top .loggeduser {
  -webkit-box-pack: justify;
  justify-content: end;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-box-align: center;
  align-items: center;
}

.logged {
  justify-content: space-between !important;
}

.top .buscador-de-productos {
  z-index: 4;
  margin-top: 15px;
  position: relative;
}

@media (min-width: 576px) {
  .top .buscador-de-productos {
    margin-top: 0;
  }
}

.top .buscador-de-productos .buscador {
  display: block;
  visibility: visible;
  position: relative;
  z-index: 3;
}

.top .buscador-de-productos .buscador input {
  border: 1px solid #fff;
  background-color: transparent;
  padding: 7px 35px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
  color: #fff;
  width: 100%;
  border-radius: 12px;
}

@media (min-width: 576px) {
  .top .buscador-de-productos .buscador input {
    padding: 3px 35px;
    max-width: 270px;
  }
}

@media (min-width: 768px) {
  .top .buscador-de-productos .buscador input {
    max-width: 335px;
  }
}

@media (min-width: 992px) {
  .top .buscador-de-productos .buscador input {
    padding: 5px 35px;
    line-height: 17px;
    max-width: 370px;
  }
}

@media (min-width: 1400px) {
  .top .buscador-de-productos .buscador input {
    max-width: 445px;
  }
}

.top .buscador-de-productos .buscador input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.top .buscador-de-productos .buscador input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.top .buscador-de-productos .buscador input:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.top .buscador-de-productos .buscador input::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.top .buscador-de-productos .buscador input::placeholder {
  color: #fff;
  opacity: 1;
}

.top .buscador-de-productos .buscador input:focus-visible {
  outline: none;
}

.top .buscador-de-productos .buscador ul.list-search {
  margin: 0;
  padding: 0;
  overflow: auto;
  max-height: 200px;
  background-color: rgba(173, 167, 146, 0.81);
  border: none;
  border-radius: 0 0 5px 5px;
  z-index: 4;
  position: absolute;
  width: 100%;
}

.top .buscador-de-productos .buscador ul.list-search.hidden {
  display: none;
}

.top .buscador-de-productos .buscador ul.list-search li {
  list-style: none;
  width: 100%;
  height: auto;
  background-color: transparent;
  float: none;
  border-radius: 0;
  margin: 7px 0;
  padding: 0px 15px;
  color: #fff;
  font-size: 13px;
  line-height: 17px;
  font-weight: 300;
  cursor: pointer;
}

.top .buscador-de-productos .buscador ul.list-search li:hover {
  font-weight: 400;
}

.top .buscador-de-productos .buscador ul.list-search li.hide {
  display: none;
}

.top .buscador-de-productos .buscador ul.list-search li.active {
  display: block;
}

.top .buscador-de-productos .buscador ul.list-search li.no-result {
  display: none;
}

.top .buscador-de-productos .btn-menu {
  display: block;
  position: absolute;
  left: 10px;
  top: 7px;
  z-index: 4;
}

@media (min-width: 576px) {
  .top .buscador-de-productos .btn-menu {
    top: 4px;
  }
}

@media (min-width: 992px) {
  .top .buscador-de-productos .btn-menu {
    top: 6px;
  }
}

.top .btn-red {
  font-size: 12px;
  line-height: 13px;
  font-weight: 500;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

@media (min-width: 1200px) {
  .top .btn-red {
    font-size: 13px;
    line-height: 15px;
  }
}

.top .btn-red::before {
  content: "";
  display: inline-block;
  background-image: url(../images/iconos/red-ingersoll.svg);
  background-repeat: no-repeat;
  width: 11px;
  height: 14px;
  margin-right: 8px;
  background-size: contain;
}

@media (min-width: 992px) {
  .top .btn-red::before {
    width: 15px;
    height: 19px;
  }
}

@media (min-width: 1200px) {
  .top .btn-red::before {
    width: 18px;
    height: 23px;
    margin-right: 15px;
  }
}

.top .btn-red:hover {
  text-decoration: none;
  color: #CECDC9;
}

.top .btn-red:hover::before {
  -webkit-filter: sepia(1%) saturate(2250%) hue-rotate(323deg) brightness(84%) contrast(91%);
  filter: sepia(1%) saturate(2250%) hue-rotate(323deg) brightness(84%) contrast(91%);
}

.private-menu {
  position: fixed;
  top: 95px;
  background-color: #E5392D;
  color: #fff;
  min-height: 48px;
  z-index: 20;
  overflow: hidden;
}

.private-menu::before {
  content: "";
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  box-shadow: 0 0 15px rgba(100, 12, 6, 0.8);
}

@media (max-width: 576px) {
  .private-menu {
    top: 104px;
  }
}

@media (min-width: 576px) {
  .private-menu {
    top: 56px;
  }
}

@media (min-width: 992px) {
  .private-menu {
    top: 48px;
  }
}

@media (min-width: 768px) {
  .private-menu>.container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
}

.private-menu .menu-private-area {
  -webkit-box-pack: end;
  justify-content: flex-end;
  padding: 0.563rem 0;
  position: relative;
  margin-bottom: -13px;
  /* aca */
}

@media (min-width: 576px) {
  .private-menu .menu-private-area {
    padding: 0.5rem 0;
  }
}

@media (min-width: 768px) {
  .private-menu .menu-private-area {
    width: 75%;
  }

  .private-menu .menu-private-area::before,
  .private-menu .menu-private-area::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 100%;
    background-position: bottom right;
  }

  .private-menu .menu-private-area::before {
    background-image: url(../images/pm-bg.png);
    background-repeat: no-repeat;
  }

  .private-menu .menu-private-area::after {
    width: 50vw;
    right: calc(100% + 149px);
    background-image: url(../images/pm-bg-complement.png);
    background-repeat: repeat-x;
  }
}

@media (min-width: 992px) {
  .private-menu .menu-private-area {
    width: 78%;
  }

  .private-menu .menu-private-area>.navbar-collapse {
    max-width: 720px;
  }
}

@media (min-width: 1200px) {
  .private-menu .menu-private-area {
    width: 70%;
  }

  .private-menu .menu-private-area>.navbar-collapse {
    max-width: 740px;
  }
}

.private-menu .menu-button {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  color: #fff;
  font-size: 1em;
  font-weight: 500;
  padding-right: 0;
}

@media (min-width: 576px) {
  .private-menu .menu-button {
    display: none;
  }
}

.private-menu .menu-button span {
  display: block;
  margin-right: 20px;
}

.private-menu .menu-button::after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  background-image: url(../images/iconos/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  opacity: 1;
}

.private-menu .menu-button[aria-expanded=true] {
  margin-bottom: 0.563rem;
}

.private-menu .menu-button[aria-expanded=true]::after {
  width: 17;
  background-image: url(../images/iconos/close.svg);
}

.private-menu .navbar-nav {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 1.077em;
}

@media (min-width: 576px) {
  .private-menu .navbar-nav {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    width: calc(100% + 1rem);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-size: 1em;
  }
}

@media (min-width: 768px) {
  .private-menu .navbar-nav {
    font-size: 1.077em;
  }
}

@media (min-width: 992px) {
  .private-menu .navbar-nav {
    font-size: 1.154em;
  }
}

@media (min-width: 1200px) {
  .private-menu .navbar-nav {
    font-size: 1.231em;
  }
}

.private-menu .navbar-nav li {
  border-top: 1px dotted #fff;
  padding: 0 15px;
}

@media (min-width: 576px) {
  .private-menu .navbar-nav li {
    padding: 0;
    border-top: none;
  }
}



.private-menu .navbar-nav a {
  color: #fff;
  text-decoration: none;
  height: 54px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  position: relative;
}

.private-menu .navbar-nav a:hover {
  font-weight: bold;
  padding-right: 10px;
}

@media (min-width: 576px) {
  .private-menu .navbar-nav a {
    height: auto;
  }

  .private-menu .navbar-nav a:hover {
    padding-right: 0.5rem;
  }
}

.cont-menu-gral {
  position: fixed;
  top: 95px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 19;
  background-color: #fff;
}

@media (min-width: 576px) {
  .cont-menu-gral {
    top: 56px;
  }
}

@media (min-width: 992px) {
  .cont-menu-gral {
    top: 49px;
  }
}

@media (min-width: 576px) {
  .cont-menu-gral .container {
    max-width: none;
  }
}

@media (min-width: 768px) {
  .cont-menu-gral .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .cont-menu-gral .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .cont-menu-gral .container {
    max-width: 1140px;
  }
}

.menu-gral {
  padding: 11px 0;
}

@media (min-width: 768px) {
  .menu-gral {
    padding: 0;
  }
}

.menu-gral .navbar-brand {
  padding: 0;
  margin-left: 15px;
  width: 60%;
}

@media (min-width: 768px) {
  .menu-gral .navbar-brand {
    margin-left: 0;
    width: auto;
    margin-right: 28px;
  }
}

@media (min-width: 992px) {
  .menu-gral .navbar-brand {
    margin-right: 100px;
  }
}

@media (min-width: 1200px) {
  .menu-gral .navbar-brand {
    margin-right: 114px;
  }
}

.menu-gral .navbar-brand img {
  width: 139px;
}

@media (min-width: 576px) {
  .menu-gral .navbar-brand img {
    width: 150px;
  }
}

@media (min-width: 768px) {
  .menu-gral .navbar-brand img {
    width: 139px;
  }
}

@media (min-width: 1200px) {
  .menu-gral .navbar-brand img {
    width: auto;
  }
}

.menu-gral .navbar-toggler {
  padding: 0;
  border: none;
  border-radius: 0;
  margin-right: 15px;
}

.menu-gral .navbar-toggler:focus {
  outline: none;
}

.menu-gral .navbar-toggler .navbar-toggler-icon {
  background-image: url(../images/cerrar.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 21px;
}

.menu-gral .navbar-toggler.collapsed .navbar-toggler-icon {
  background-image: url(../images/hamburguesa.svg);
}

.menu-gral .navbar-collapse {
  width: 54%;
  margin-left: auto;
  margin-right: 0;
  text-align: right;
  flex-basis: auto;
  -webkit-box-flex: 0;
  flex-grow: 0;
  border-radius: 0 0 0 20px;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  right: 0;
  top: 56px;
  z-index: 16;
  background-color: #fff;
  overflow-y: auto;
}

@media (min-width: 415px) {
  .menu-gral .navbar-collapse {
    height: auto;
  }
}

@media (min-width: 576px) {
  .menu-gral .navbar-collapse {
    width: 34%;
  }
}

@media (min-width: 768px) {
  .menu-gral .navbar-collapse {
    width: 100%;
    margin-left: 0;
    text-align: left;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    right: auto;
    top: auto;
    overflow-y: visible;
  }
}

.menu-gral .navbar-collapse .navbar-nav {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.menu-gral .navbar-collapse .navbar-nav .nav-item .nav-link {
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  color: #696969;
  padding: 18px 15px;
  border-bottom: 1px dashed #ADA792;
  letter-spacing: 0.3px;
}

@media (min-width: 576px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    line-height: 21px;
    padding: 20px 15px;
  }
}

@media (min-width: 768px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    line-height: 20px;
    padding: 18px 0;
    border: none;
  }
}

@media (min-width: 992px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item .nav-link {
    padding: 25px 0;
  }
}

@media (min-width: 1200px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    line-height: 21px;
    /* padding: 36px 0; acaa*/
    padding: 36px 14px;
  }
}

.menu-gral .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: #D8B239;
}

@media (min-width: 768px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item:hover>.dropdown-menu {
    display: block;
  }
}

.menu-gral .navbar-collapse .navbar-nav .nav-item .dropdown-toggle::after {
  display: none;
}

.menu-gral .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  border-bottom: 1px dashed #ADA792;
  background-color: #E7E6E4;
  border-radius: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  box-shadow: inset 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
    border: none;
    background-color: rgba(255, 255, 255, 0.81);
    border-radius: 0 0 5px 5px;
    top: 55px;
    box-shadow: none;
  }
}

@media (min-width: 992px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
    top: 70px;
  }
}

@media (min-width: 1200px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
    top: 92px;
  }
}

.menu-gral .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  font-style: italic;
  color: #696969;
  padding: 5px 15px;
  text-align: right;
  letter-spacing: 0.3px;
}

.navbar-nav:last-child .nav-item:last-child .nav-link {
  border-bottom: none;
}


@media (min-width: 576px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    font-size: 16px;
    line-height: 21px;
    padding: 6px 15px;
  }
}

@media (min-width: 768px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    font-size: 15px;
    line-height: 20px;
    font-style: normal;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .menu-gral .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    font-size: 16px;
    line-height: 19px;
    padding: 7px 17px;
  }
}

.menu-gral .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  font-weight: 800;
}


.footer {
  background-color: #ADA792;
  background-image: url(../images/fdo-footer.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 52px;
}

@media (min-width: 576px) {
  .footer {
    padding-top: 74px;
  }
}

@media (min-width: 768px) {
  .footer {
    padding-top: 79px;
  }
}

@media (min-width: 992px) {
  .footer {
    padding-top: 99px;
  }
}

@media (min-width: 576px) {
  .footer .mapa-de-sitio .columna {
    border-right: 1px dashed #fff;
  }
}

@media (min-width: 768px) {
  .footer .mapa-de-sitio .columna {
    min-height: 258px;
  }
}

@media (min-width: 992px) {
  .footer .mapa-de-sitio .columna {
    min-height: 181px;
  }
}

@media (min-width: 1200px) {
  .footer .mapa-de-sitio .columna {
    min-height: 194px;
  }
}

.footer .mapa-de-sitio ul {
  margin: 0;
  padding: 0 0 15px;
  border-bottom: 1px dashed #fff;
}

@media (min-width: 576px) {
  .footer .mapa-de-sitio ul {
    border: none;
    padding: 0 0 12px;
  }
}

@media (min-width: 1200px) {
  .footer .mapa-de-sitio ul {
    padding: 0;
  }
}

.footer .mapa-de-sitio ul li {
  list-style: none;
}

.footer .mapa-de-sitio ul li a {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.3px;
  display: block;
}

@media (min-width: 1200px) {
  .footer .mapa-de-sitio ul li a {
    font-size: 13px;
  }
}

.footer .mapa-de-sitio ul li a:hover {
  text-decoration: none;
  color: #CECDC9;
}

.footer .mapa-de-sitio ul.light {
  margin: 15px 0 0;
}

@media (min-width: 576px) {
  .footer .mapa-de-sitio ul.light {
    margin: 12px 0 0;
  }
}

@media (min-width: 768px) {
  .footer .mapa-de-sitio ul.light {
    margin: 0 0 0 10px;
  }
}

@media (min-width: 1200px) {
  .footer .mapa-de-sitio ul.light {
    margin: 0 0 0 15px;
  }
}

.footer .mapa-de-sitio ul.light li a {
  font-weight: 300;
}

.footer p {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  font-weight: 300;
  margin-top: 15px;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .footer p {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .footer p {
    margin-left: 15px;
  }
}

@media (min-width: 1200px) {
  .footer p {
    font-size: 13px;
    margin-left: 15px;
  }
}

.footer p strong {
  font-weight: 500;
}

.footer p a {
  color: #fff;
}

.footer .redes {
  padding: 15px 0 23px;
}

@media (min-width: 576px) {
  .footer .redes {
    padding: 15px 0;
  }
}

@media (min-width: 768px) {
  .footer .redes {
    padding: 15px 15px 27px;
  }
}

@media (min-width: 992px) {
  .footer .redes {
    padding: 15px 15px 27px;
  }
}

@media (min-width: 1200px) {
  .footer .redes {
    padding: 30px 15px 15px;
  }
}

.footer .redes a {
  display: inline-block;
  margin-right: 15px;
}

.footer .redes a img {
  height: 20px;
}

.footer .logos {
  text-align: left;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .footer .logos {
    margin-left: 10px;
  }
}

@media (min-width: 992px) {
  .footer .logos {
    text-align: right;
    margin-left: 0;
  }
}

.footer .logos a {
  display: inline-block;
  margin-right: 5px;
}

@media (min-width: 768px) {
  .footer .logos a {
    margin-right: 12px;
  }
}

@media (min-width: 992px) {
  .footer .logos a {
    margin-left: 12px;
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .footer .logos a {
    margin-left: 14px;
  }
}

.footer .logos a img {
  height: 39px;
  border-radius: 5px;
}

@media (min-width: 768px) {
  .footer .logos a img {
    height: 47px;
  }
}

@media (min-width: 992px) {
  .footer .logos a img {
    height: 49px;
  }
}

@media (min-width: 1200px) {
  .footer .logos a img {
    height: 55px;
  }
}

.pie-agencia {
  padding-top: 14px;
  padding-bottom: 15px;
}

.pie-agencia ul {
  display: -webkit-box;
  display: flex;
  margin: 0 auto;
  padding: 0;
  -webkit-box-pack: center;
  justify-content: center;
}

.pie-agencia ul li {
  list-style: none;
  margin: 0 5px;
  max-width: 19px;
  height: 21px;
  overflow: hidden;
  -webkit-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.pie-agencia ul li:hover {
  width: auto;
  max-width: 105px;
}

.pie-agencia ul li a {
  display: block;
  -webkit-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
}

.pie-agencia.blanco {
  border-top: 1px solid #F2F2F2;
}

.pie-agencia.blanco ul li a img {
  -webkit-filter: invert(100%) sepia(0%) saturate(772%) hue-rotate(339deg) brightness(175%) contrast(105%);
  filter: invert(100%) sepia(0%) saturate(772%) hue-rotate(339deg) brightness(175%) contrast(105%);
}


.carrusel-home .modulo-slide {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.carrusel-home .modulo-slide .imagen {
  width: 96%;
  height: 200px;
  border-radius: 0 30px 0 0;
  overflow: hidden;
  position: relative;
}

@media (min-width: 480px) {
  .carrusel-home .modulo-slide .imagen {
    height: 232px;
  }
}

@media (min-width: 576px) {
  .carrusel-home .modulo-slide .imagen {
    width: 66%;
    height: 267px;
  }
}

@media (min-width: 768px) {
  .carrusel-home .modulo-slide .imagen {
    width: 68%;
    height: 307px;
  }
}

@media (min-width: 992px) {
  .carrusel-home .modulo-slide .imagen {
    width: 66%;
    height: 414px;
  }
}

@media (min-width: 1200px) {
  .carrusel-home .modulo-slide .imagen {
    width: 72%;
    height: 571px;
  }
}

@media (min-width: 1400px) {
  .carrusel-home .modulo-slide .imagen {
    width: 59%;
  }
}

.carrusel-home .modulo-slide .imagen img {
  height: 100%;
  position: absolute;
  right: 0;
}

.carrusel-home .modulo-slide .texto {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}

@media (min-width: 576px) {
  .carrusel-home .modulo-slide .texto {
    width: 34%;
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .carrusel-home .modulo-slide .texto {
    width: 32%;
  }
}

@media (min-width: 992px) {
  .carrusel-home .modulo-slide .texto {
    width: 34%;
  }
}

@media (min-width: 1200px) {
  .carrusel-home .modulo-slide .texto {
    width: 20%;
  }
}

.carrusel-home .modulo-slide .texto p {
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.3px;
  font-weight: 300;
  text-align: right;
  color: #ADA792;
  margin: 0 15px;
  width: 130px;
  -webkit-box-ordinal-group: 3;
  order: 2;
}

@media (min-width: 480px) {
  .carrusel-home .modulo-slide .texto p {
    margin: 0 20px;
    width: 170px;
  }
}

@media (min-width: 576px) {
  .carrusel-home .modulo-slide .texto p {
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin: 10px 15px 10px auto;
    width: 150px;
  }
}

@media (min-width: 768px) {
  .carrusel-home .modulo-slide .texto p {
    font-size: 20px;
    line-height: 25px;
    margin: 17px 15px 17px auto;
    width: 198px;
  }
}

@media (min-width: 992px) {
  .carrusel-home .modulo-slide .texto p {
    width: 210px;
    margin: 44px auto 7px;
  }
}

@media (min-width: 1200px) {
  .carrusel-home .modulo-slide .texto p {
    font-size: 25px;
    line-height: 31px;
    margin: 83px auto 24px;
    width: 270px;
  }
}

.carrusel-home .modulo-slide .texto .centrar-img {
  width: 130px;
  height: 114px;
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 15px;
}

@media (min-width: 576px) {
  .carrusel-home .modulo-slide .texto .centrar-img {
    -webkit-box-ordinal-group: 3;
    order: 2;
    width: 180px;
    height: 157px;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .carrusel-home .modulo-slide .texto .centrar-img {
    width: 240px;
    height: 193px;
  }
}

@media (min-width: 992px) {
  .carrusel-home .modulo-slide .texto .centrar-img {
    width: 320px;
    height: 279px;
  }
}

@media (min-width: 1200px) {
  .carrusel-home .modulo-slide .texto .centrar-img {
    width: 380px;
    height: 355px;
  }
}

.carrusel-home .modulo-slide .texto .centrar-img img {
  width: 100%;
}

.carrusel-home .carousel-indicators {
  top: 170px;
  bottom: auto;
  margin-right: 8%;
  margin-left: 8%;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

@media (min-width: 480px) {
  .carrusel-home .carousel-indicators {
    top: 205px;
  }
}

@media (min-width: 576px) {
  .carrusel-home .carousel-indicators {
    top: 240px;
    margin-right: 36%;
    margin-left: 36%;
  }
}

@media (min-width: 768px) {
  .carrusel-home .carousel-indicators {
    top: 275px;
    margin-right: 34%;
    margin-left: 34%;
  }
}

@media (min-width: 992px) {
  .carrusel-home .carousel-indicators {
    top: 385px;
    margin-right: 35%;
    margin-left: 35%;
  }
}

@media (min-width: 1200px) {
  .carrusel-home .carousel-indicators {
    top: 535px;
    margin-right: 30%;
    margin-left: 30%;
  }
}

@media (min-width: 1400px) {
  .carrusel-home .carousel-indicators {
    margin-right: 42%;
    margin-left: 42%;
  }
}

.carrusel-home .carousel-indicators li {
  width: 7px;
  height: 7px;
  border-radius: 9px;
  border: 1px solid #fff;
  margin: 5px;
  background-color: transparent;
  opacity: 1;
}

.carrusel-home .carousel-indicators li.active {
  background-color: #fff;
}

.carrusel-home .carousel-indicators li::before {
  width: 9px;
  height: 9px;
}

.bannercitos {
  background-color: #ADA792;
  padding-top: 17px;
  padding-bottom: 32px;
}

@media (min-width: 576px) {
  .bannercitos {
    padding-top: 27px;
    padding-bottom: 36px;
  }
}

@media (min-width: 768px) {
  .bannercitos {
    padding-top: 37px;
    padding-bottom: 40px;
  }
}

.bannercitos>.container {
  box-shadow: 0px 16px 16px -10px rgba(0, 0, 0, 0.1);
  padding-bottom: 13px;
}

@media (min-width: 576px) {
  .bannercitos>.container {
    padding-bottom: 23px;
  }
}

@media (min-width: 768px) {
  .bannercitos>.container {
    padding-bottom: 33px;
  }
}

.bannercitos .contenedor-banner .modulo-banner {
  width: 100%;
  height: 70px;
  overflow: hidden;
  padding: 10px;
  text-align: left;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-flow: row-reverse;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 14px;
  border-radius: 15px 0 0 15px;
}

@media (min-width: 576px) {
  .bannercitos .contenedor-banner .modulo-banner {
    height: 87px;
    padding: 10px 100px;
  }
}

@media (min-width: 768px) {
  .bannercitos .contenedor-banner .modulo-banner {
    height: 186px;
    padding: 27px 26px 0;
    text-align: center;
    margin: 0;
    -webkit-box-align: initial;
    align-items: initial;
  }
}

@media (min-width: 992px) {
  .bannercitos .contenedor-banner .modulo-banner {
    height: 188px;
    padding: 32px 35px 0;
  }
}

@media (min-width: 1200px) {
  .bannercitos .contenedor-banner .modulo-banner {
    height: 226px;
    padding: 38px 57px 0;
  }
}

.bannercitos .contenedor-banner .modulo-banner h1 {
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
  letter-spacing: 0.2px;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 145px;
  margin: 0;
}

@media (min-width: 576px) {
  .bannercitos .contenedor-banner .modulo-banner h1 {
    font-size: 15px;
    line-height: 20px;
    width: 200px;
  }
}

@media (min-width: 768px) {
  .bannercitos .contenedor-banner .modulo-banner h1 {
    font-size: 16px;
    width: auto;
  }
}

@media (min-width: 992px) {
  .bannercitos .contenedor-banner .modulo-banner h1 {
    font-size: 17px;
    line-height: 22px;
  }
}

@media (min-width: 1200px) {
  .bannercitos .contenedor-banner .modulo-banner h1 {
    font-size: 18px;
  }
}

.bannercitos .contenedor-banner .modulo-banner img {
  position: absolute;
  bottom: -33px;
  left: 13px;
  right: auto;
  margin: 0 auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 103px;
}

@media (min-width: 576px) {
  .bannercitos .contenedor-banner .modulo-banner img {
    width: 148px;
    bottom: -48px;
    left: 21px;
  }
}

@media (min-width: 768px) {
  .bannercitos .contenedor-banner .modulo-banner img {
    width: 137px;
    bottom: -43px;
    left: 0;
    right: 0;
  }
}

@media (min-width: 992px) {
  .bannercitos .contenedor-banner .modulo-banner img {
    width: 183px;
    bottom: -60px;
  }
}

@media (min-width: 1200px) {
  .bannercitos .contenedor-banner .modulo-banner img {
    width: auto;
    bottom: -71px;
  }
}

.bannercitos .contenedor-banner:nth-child(1) .modulo-banner {
  background-color: #D8B239;
}

@media (min-width: 768px) {
  .bannercitos .contenedor-banner:nth-child(1) .modulo-banner {
    border-radius: 20px 0 0 20px;
  }
}

.bannercitos .contenedor-banner:nth-child(2) .modulo-banner {
  background-color: #E5392D;
}

@media (min-width: 768px) {
  .bannercitos .contenedor-banner:nth-child(2) .modulo-banner {
    border-radius: 0;
  }
}

.bannercitos .contenedor-banner:nth-child(3) .modulo-banner {
  background-color: #570600;
}

@media (min-width: 768px) {
  .bannercitos .contenedor-banner:nth-child(3) .modulo-banner {
    border-radius: 0 20px 20px 0;
  }
}

.bannercitos .contenedor-banner a:hover {
  text-decoration: none;
}

@media (min-width: 992px) {
  .bannercitos .contenedor-banner a:hover .modulo-banner h1 {
    opacity: 0;
  }
}

.bannercitos .contenedor-banner a:hover .modulo-banner img {
  bottom: -24px;
}

@media (min-width: 992px) {
  .bannercitos .contenedor-banner a:hover .modulo-banner img {
    bottom: 5px;
  }
}

@media (min-width: 1200px) {
  .bannercitos .contenedor-banner a:hover .modulo-banner img {
    bottom: 5px;
  }
}

.carrusel-productos-home {
  background-image: url(../images/fdo-carrusel-home.jpg);
  background-repeat: no-repeat;
  background-position: 65% top;
  background-color: #fff;
}

@media (min-width: 992px) {
  .carrusel-productos-home {
    background-position: center top;
  }
}

.carrusel-productos-home a.titular {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.carrusel-productos-home a.titular:hover {
  text-decoration: none;
}

.carrusel-productos-home a.titular:hover span {
  color: #CECDC9;
}

.carrusel-productos-home a.titular h2 {
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  color: #fff;
  margin: 10px 0;
  letter-spacing: 1.2px;
  width: 125px;
}

@media (min-width: 576px) {
  .carrusel-productos-home a.titular h2 {
    font-size: 18px;
    line-height: 24px;
    width: auto;
  }
}

@media (min-width: 992px) {
  .carrusel-productos-home a.titular h2 {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home a.titular h2 {
    font-size: 25px;
    line-height: 33px;
    margin: 0;
  }
}

.carrusel-productos-home a.titular span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin-top: 19px;
}

@media (min-width: 576px) {
  .carrusel-productos-home a.titular span {
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
  }
}

@media (min-width: 992px) {
  .carrusel-productos-home a.titular span {
    margin-top: 17px;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home a.titular span {
    font-size: 18px;
    line-height: 24px;
    margin-top: 19px;
  }
}

.carrusel-productos-home .carousel {
  margin: 33px 0 77px;
}

@media (min-width: 576px) {
  .carrusel-productos-home .carousel {
    margin: 50px -15px 77px;
  }
}

@media (min-width: 768px) {
  .carrusel-productos-home .carousel {
    margin: 36px -15px 80px;
  }
}

@media (min-width: 992px) {
  .carrusel-productos-home .carousel {
    margin: 27px -15px 74px;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel {
    margin: 50px -15px 100px;
  }
}

.carrusel-productos-home .carousel .item-responsive {
  padding-top: 7px;
}

.carrusel-productos-home .carousel .modulo-producto {
  width: 242px;
  height: 344px;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
  .carrusel-productos-home .carousel .modulo-producto {
    width: 209px;
    height: 337px;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel .modulo-producto {
    width: 256px;
    height: 365px;
  }
}

.carrusel-productos-home .carousel .modulo-producto a:hover {
  text-decoration: none;
}

.carrusel-productos-home .carousel .modulo-producto a:hover .btn-vermas {
  background-color: #D8B239;
}

.carrusel-productos-home .carousel .modulo-producto .centrar-img {
  width: 100%;
  height: 189px;
  border-radius: 10px 10px 0 0;
}

@media (min-width: 768px) {
  .carrusel-productos-home .carousel .modulo-producto .centrar-img {
    height: 163px;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel .modulo-producto .centrar-img {
    height: 200px;
  }
}

.carrusel-productos-home .carousel .modulo-producto .centrar-img img {
  height: 100%;
}

.carrusel-productos-home .carousel .modulo-producto .texto {
  padding: 5px 18px 16px;
}

@media (min-width: 768px) {
  .carrusel-productos-home .carousel .modulo-producto .texto {
    padding: 24px 15px 16px;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel .modulo-producto .texto {
    padding: 5px 18px 16px;
  }
}

.carrusel-productos-home .carousel .modulo-producto .texto h3 {
  font-size: 14px;
  line-height: 19px;
  font-weight: 800;
  color: #696969;
  margin-bottom: 6px;
}

.carrusel-productos-home .carousel .modulo-producto .texto p {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #696969;
  margin-bottom: 10px;
  max-height: 48px;
  overflow: hidden;
}

.carrusel-productos-home .carousel .modulo-producto .texto span {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  color: #ADA792;
}

.carrusel-productos-home .carousel .modulo-producto .btn-vermas {
  background-color: #ADA792;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  font-weight: 800;
  letter-spacing: 0.9px;
  display: block;
  width: 100%;
  padding: 11px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.carrusel-productos-home .carousel .modulo-producto .cocarda {
  position: absolute;
  display: -webkit-box;
  display: flex;
}

.carrusel-productos-home .carousel .modulo-producto .cocarda::before {
  content: "";
  width: 10px;
  height: 38px;
}

@media (min-width: 768px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda::before {
    width: 11px;
    height: 36px;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda::before {
    width: 12px;
    height: 40px;
  }
}

.carrusel-productos-home .carousel .modulo-producto .cocarda span {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.3px;
}

.carrusel-productos-home .carousel .modulo-producto .cocarda.nuevo {
  right: 0;
  top: 21px;
}

.carrusel-productos-home .carousel .modulo-producto .cocarda.nuevo::before {
  -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  background-color: #D8B239;
  margin-right: -0.5px;
}

@media (min-width: 768px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda.nuevo::before {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda.nuevo::before {
    margin-right: -0.5px;
  }
}

.carrusel-productos-home .carousel .modulo-producto .cocarda.nuevo span {
  font-size: 18px;
  line-height: 24px;
  background-color: #D8B239;
  padding: 7px;
  border-radius: 0 5px 5px 0;
}

@media (min-width: 768px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda.nuevo span {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda.nuevo span {
    font-size: 20px;
    line-height: 26px;
  }
}

.carrusel-productos-home .carousel .modulo-producto .cocarda.descuento {
  left: 0;
  top: 143px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-flow: row-reverse;
}

@media (min-width: 768px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda.descuento {
    top: 131px;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda.descuento {
    top: 143px;
  }
}

.carrusel-productos-home .carousel .modulo-producto .cocarda.descuento span {
  font-size: 29px;
  line-height: 38px;
  background-color: #E5392D;
  padding: 0 7px;
  border-radius: 5px 0 0 5px;
}

@media (min-width: 768px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda.descuento span {
    font-size: 26px;
    line-height: 36px;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda.descuento span {
    font-size: 31px;
    line-height: 40px;
  }
}

.carrusel-productos-home .carousel .modulo-producto .cocarda.descuento::before {
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #E5392D;
  margin-left: -0.5px;
}

@media (min-width: 768px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda.descuento::before {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel .modulo-producto .cocarda.descuento::before {
    margin-left: -0.5px;
  }
}

.carrusel-productos-home .carousel .carousel-indicators {
  bottom: -67px;
}

@media (min-width: 1200px) {
  .carrusel-productos-home .carousel .carousel-indicators {
    bottom: -85px;
  }
}

.carrusel-productos-home .carousel .carousel-indicators li {
  width: 7px;
  height: 7px;
  border-radius: 9px;
  border: 1px solid #ADA792;
  margin: 5px;
  background-color: transparent;
  opacity: 1;
}

.carrusel-productos-home .carousel .carousel-indicators li.active {
  background-color: #ADA792;
}

.carrusel-categorias h2 {
  text-align: center;
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #D8B239;
  letter-spacing: 1.2px;
}

@media (min-width: 768px) {
  .carrusel-categorias h2 {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (min-width: 992px) {
  .carrusel-categorias h2 {
    font-size: 25px;
    line-height: 33px;
  }
}

.carrusel-categorias {
  margin-top: 20px;
}

.carrusel-categorias .carousel {
  margin: 20px 16px 33px;
}

@media (min-width: 768px) {
  .carrusel-categorias .carousel {
    margin: 33px 0px 43px;
  }

  .carrusel-categorias {
    margin-top: 33px;
  }
}

@media (min-width: 992px) {
  .carrusel-categorias .carousel {
    margin: 20px 33px 52px;
  }

  .carrusel-categorias {
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .carrusel-categorias .carousel {
    margin: 32px 91px 62px;
  }

  .carrusel-categorias {
    margin-top: 32px;
  }
}

.carrusel-categorias .carousel .carousel-inner {
  width: 258px;
  margin: 0 auto;
}

@media (min-width: 480px) {
  .carrusel-categorias .carousel .carousel-inner {
    width: 292px;
  }
}

@media (min-width: 576px) {
  .carrusel-categorias .carousel .carousel-inner {
    width: 471px;
  }
}

@media (min-width: 768px) {
  .carrusel-categorias .carousel .carousel-inner {
    width: 660px;
  }
}

@media (min-width: 992px) {
  .carrusel-categorias .carousel .carousel-inner {
    width: 800px;
  }
}

@media (min-width: 1200px) {
  .carrusel-categorias .carousel .carousel-inner {
    width: 100%;
  }
}

.carrusel-categorias .carousel .carousel-item .item-responsive:first-child .modulo-categoria .centrar-img {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.carrusel-categorias .carousel .carousel-item .item-responsive:last-child .modulo-categoria .centrar-img {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.carrusel-categorias .carousel .carousel-control-prev {
  width: 5%;
  opacity: 1;
  left: -20px;
}

@media (min-width: 576px) {
  .carrusel-categorias .carousel .carousel-control-prev {
    left: -15px;
  }
}

@media (min-width: 768px) {
  .carrusel-categorias .carousel .carousel-control-prev {
    left: 0;
  }
}

@media (min-width: 1200px) {
  .carrusel-categorias .carousel .carousel-control-prev {
    left: -45px;
  }
}

.carrusel-categorias .carousel .carousel-control-prev .carousel-control-prev-icon {
  background-image: url(../images/arrow-left.svg);
  width: 16px;
  height: 16px;
}

.carrusel-categorias .carousel .carousel-control-next {
  width: 5%;
  opacity: 1;
  right: -20px;
}

@media (min-width: 576px) {
  .carrusel-categorias .carousel .carousel-control-next {
    right: -15px;
  }
}

@media (min-width: 768px) {
  .carrusel-categorias .carousel .carousel-control-next {
    right: 0;
  }
}

@media (min-width: 1200px) {
  .carrusel-categorias .carousel .carousel-control-next {
    right: -45px;
  }
}

.carrusel-categorias .carousel .carousel-control-next .carousel-control-next-icon {
  background-image: url(../images/arrow-right.svg);
  width: 16px;
  height: 16px;
}

.carrusel-categorias .modulo-categoria {
  position: relative;
  width: 129px;
  height: 84px;
}

@media (min-width: 480px) {
  .carrusel-categorias .modulo-categoria {
    width: 97px;
    height: 67px;
  }
}

@media (min-width: 576px) {
  .carrusel-categorias .modulo-categoria {
    width: 157px;
    height: 102px;
  }
}

@media (min-width: 768px) {
  .carrusel-categorias .modulo-categoria {
    width: 132px;
    height: 90px;
  }
}

@media (min-width: 992px) {
  .carrusel-categorias .modulo-categoria {
    width: 160px;
    height: 110px;
  }
}

@media (min-width: 1200px) {
  .carrusel-categorias .modulo-categoria {
    width: 192px;
    height: 132px;
  }
}

.carrusel-categorias .modulo-categoria a:hover {
  text-decoration: none;
}

.carrusel-categorias .modulo-categoria a:hover .centrar-img {
  background-color: #D8B239;
}

.carrusel-categorias .modulo-categoria a:hover .centrar-img img {
  mix-blend-mode: luminosity;
}

.carrusel-categorias .modulo-categoria .centrar-img {
  width: 100%;
  height: 100%;
}

.carrusel-categorias .modulo-categoria .centrar-img img {
  width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.carrusel-categorias .modulo-categoria .titulo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 15px;
}

.carrusel-categorias .modulo-categoria .titulo span {
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.3px;
}

@media (min-width: 480px) {
  .carrusel-categorias .modulo-categoria .titulo span {
    font-size: 11px;
    line-height: 13px;
  }
}

@media (min-width: 576px) {
  .carrusel-categorias .modulo-categoria .titulo span {
    font-size: 13px;
    line-height: 15px;
  }
}

@media (min-width: 1200px) {
  .carrusel-categorias .modulo-categoria .titulo span {
    font-size: 16px;
    line-height: 21px;
  }
}

.mapa-home {
  border-top: 1px dotted #ADA792;
  background-image: url(../images/fdo-mapa-home.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-top: 20px;
  padding-bottom: 111px;
  background-size: 185%;
}

@media (min-width: 576px) {
  .mapa-home {
    padding-top: 35px;
    padding-bottom: 132px;
    background-size: 160%;
  }
}

@media (min-width: 768px) {
  .mapa-home {
    padding-top: 53px;
    padding-bottom: 139px;
    background-size: 142%;
  }
}

@media (min-width: 992px) {
  .mapa-home {
    background-size: 135%;
  }
}

@media (min-width: 1200px) {
  .mapa-home {
    padding-top: 81px;
    padding-bottom: 254px;
    background-size: auto;
  }
}

.mapa-home h1 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  color: #ADA792;
  margin: 0;
  width: 209px;
}

@media (min-width: 576px) {
  .mapa-home h1 {
    font-size: 23px;
    line-height: 27px;
    width: 247px;
  }
}

@media (min-width: 992px) {
  .mapa-home h1 {
    font-size: 25px;
    line-height: 30px;
    width: 273px;
  }
}

@media (min-width: 1200px) {
  .mapa-home h1 {
    font-size: 30px;
    line-height: 39px;
    width: 329px;
  }
}

.mapa-home img {
  margin: 0 auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .mapa-home img {
    margin: -35px auto 0;
  }
}

@media (min-width: 992px) {
  .mapa-home img {
    margin: -42px auto 0;
  }
}

@media (min-width: 1200px) {
  .mapa-home img {
    margin: -50px auto 0;
  }
}

.mapa-home a.btn-mercado {
  position: absolute;
  font-family: "Roboto Slab", serif;
  font-size: 19px;
  line-height: 19px;
  font-weight: 700;
  letter-spacing: 1.6px;
  color: #CECDC9;
}

@media (min-width: 992px) {
  .mapa-home a.btn-mercado {
    font-size: 20px;
    line-height: 20px;
  }
}

@media (min-width: 1200px) {
  .mapa-home a.btn-mercado {
    font-size: 27px;
    line-height: 27px;
  }
}

.mapa-home a.btn-mercado span {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: 300;
  color: #ADA792;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .mapa-home a.btn-mercado span {
    font-size: 13px;
    line-height: 13px;
  }
}

.mapa-home a.btn-mercado.interno {
  text-align: left;
  left: 15px;
  bottom: -45px;
}

@media (min-width: 576px) {
  .mapa-home a.btn-mercado.interno {
    bottom: -5px;
  }
}

@media (min-width: 768px) {
  .mapa-home a.btn-mercado.interno {
    bottom: 16px;
  }
}

@media (min-width: 1200px) {
  .mapa-home a.btn-mercado.interno {
    bottom: 30px;
  }
}

.mapa-home a.btn-mercado.interno:hover {
  text-decoration: none;
  color: #E5392D;
}

.mapa-home a.btn-mercado.externo {
  text-align: right;
  right: 15px;
  bottom: -45px;
}

@media (min-width: 576px) {
  .mapa-home a.btn-mercado.externo {
    bottom: auto;
    top: 45px;
  }
}

@media (min-width: 768px) {
  .mapa-home a.btn-mercado.externo {
    top: 0;
  }
}

@media (min-width: 1200px) {
  .mapa-home a.btn-mercado.externo {
    top: 60px;
  }
}

.mapa-home a.btn-mercado.externo:hover {
  text-decoration: none;
  color: #D8B239;
}

.slide-bottom {
  background-color: #ADA792;
  padding-top: 22px;
  padding-bottom: 22px;
}

@media (min-width: 576px) {
  .slide-bottom {
    padding-top: 35px;
    padding-bottom: 65px;
  }
}

@media (min-width: 768px) {
  .slide-bottom {
    padding-top: 31px;
    padding-bottom: 65px;
  }
}

@media (min-width: 992px) {
  .slide-bottom {
    padding-top: 55px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1200px) {
  .slide-bottom {
    padding-top: 77px;
    padding-bottom: 100px;
  }
}

.slide-bottom .centrar-img {
  width: 100%;
  height: 74px;
  border-radius: 0 0 10px 10px;
  padding-top: 25.22%;
}

@media (min-width: 480px) {
  .slide-bottom .centrar-img {
    height: 115px;
  }
}

@media (min-width: 576px) {
  .slide-bottom .centrar-img {
    height: 139px;
    border-radius: 0 0 15px 15px;
  }
}

@media (min-width: 768px) {
  .slide-bottom .centrar-img {
    height: 181px;
    border-radius: 0 0 20px 20px;
  }
}

@media (min-width: 992px) {
  .slide-bottom .centrar-img {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .slide-bottom .centrar-img {
    height: 289px;
  }
}

.slide-bottom .centrar-img img {
  height: 100%;
}

.slide-bottom .carousel-indicators {
  display: none;
}

@media (min-width: 576px) {
  .slide-bottom .carousel-indicators {
    display: -webkit-box;
    display: flex;
    bottom: -56px;
    margin-right: 8%;
    margin-left: 8%;
  }

  .slide-bottom .carousel-indicators li {
    width: 7px;
    height: 7px;
    border-radius: 9px;
    border: 1px solid #fff;
    margin: 5px;
    background-color: transparent;
    opacity: 1;
  }

  .slide-bottom .carousel-indicators li.active {
    background-color: #fff;
  }

  .slide-bottom .carousel-indicators li::before {
    width: 9px;
    height: 9px;
    background-color: #fff;
  }
}

.banner-top {
  height: 112px;
  overflow: hidden;
  position: relative;
}

@media (min-width: 576px) {
  .banner-top {
    height: 172px;
  }
}

@media (min-width: 992px) {
  .banner-top {
    height: 228px;
  }
}

@media (min-width: 1200px) {
  .banner-top {
    height: 335px;
  }
}

.banner-top img {
  height: 100%;
  border-radius: 0 20px 0 0;
  position: absolute;
  top: 0;
  right: 15px;
}

@media (min-width: 1400px) {
  .banner-top img {
    left: 0;
  }
}

.banner-top .titulo-seccion .titulo {
  height: 112px;
  display: -webkit-box;
  display: flex;
  text-align: right;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

@media (min-width: 576px) {
  .banner-top .titulo-seccion .titulo {
    height: 172px;
  }
}

@media (min-width: 992px) {
  .banner-top .titulo-seccion .titulo {
    height: 228px;
  }
}

@media (min-width: 1200px) {
  .banner-top .titulo-seccion .titulo {
    height: 335px;
  }
}

.banner-top .titulo-seccion h1 {
  font-family: "Roboto Slab", serif;
  font-size: 21px;
  line-height: 31px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.3px;
}

@media (min-width: 576px) {
  .banner-top .titulo-seccion h1 {
    font-size: 25px;
  }
}

@media (min-width: 992px) {
  .banner-top .titulo-seccion h1 {
    font-size: 23px;
  }
}

@media (min-width: 1200px) {
  .banner-top .titulo-seccion h1 {
    font-size: 30px;
  }
}

.main {
  min-height: 600px;
  padding-top: 32px;
  padding-bottom: 0;
}

@media (min-width: 576px) {
  .main {
    padding-top: 33px;
    padding-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .main {
    padding-top: 36px;
    padding-bottom: 22px;
  }
}

@media (min-width: 992px) {
  .main {
    padding-top: 41px;
    padding-bottom: 38px;
  }
}

@media (min-width: 1200px) {
  .main {
    padding-top: 52px;
    padding-bottom: 44px;
  }
}

@media (min-width: 576px) {
  .main .cont-gral {
    padding: 0;
  }
}

@media (min-width: 992px) {
  .main .cont-gral {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.main h2 {
  font-family: "Roboto Slab", serif;
  font-size: 19px;
  line-height: 31px;
  font-weight: 800;
  color: #ADA792;
  letter-spacing: 0.3px;
  margin: 0;
}

@media (min-width: 576px) {
  .main h2 {
    font-size: 21px;
  }
}

@media (min-width: 992px) {
  .main h2 {
    font-size: 23px;
  }
}

@media (min-width: 1200px) {
  .main h2 {
    font-size: 25px;
  }
}

.main p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  color: #696969;
  margin: 18px 0;
  letter-spacing: 0.3px;
}

@media (min-width: 576px) {
  .main p {
    font-size: 13px;
    line-height: 20px;
    margin: 20px 0;
  }
}

@media (min-width: 992px) {
  .main p {
    font-size: 14px;
    line-height: 21px;
    margin: 21px 0;
  }
}

@media (min-width: 1200px) {
  .main p {
    font-size: 15px;
    line-height: 22px;
    margin: 22px 0;
  }
}

.main .modulos-empresa {
  margin: 15px -15px 0;
  background-image: url(../images/nosotros/separador.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 40px;
  padding-left: 15px;
  background-size: 100% 5%;
}

@media (min-width: 576px) {
  .main .modulos-empresa {
    margin: 15px 0 0;
    padding-bottom: 48px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .main .modulos-empresa {
    margin: 23px 0 0;
    padding-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .main .modulos-empresa {
    margin: 25px 0 0;
    padding-bottom: 53px;
    background-size: auto;
  }
}

@media (min-width: 1200px) {
  .main .modulos-empresa {
    margin: 28px 0 0;
    padding-bottom: 70px;
  }
}

.main .modulos-empresa .modulo {
  border-radius: 20px 0 0 20px;
  background-color: #D8B239;
  min-height: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 19px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column;
  padding: 24px 30px;
}

@media (min-width: 576px) {
  .main .modulos-empresa .modulo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row;
    padding: 0 15px;
    min-height: 185px;
  }
}

@media (min-width: 768px) {
  .main .modulos-empresa .modulo {
    min-height: 160px;
  }
}

@media (min-width: 1200px) {
  .main .modulos-empresa .modulo {
    margin-bottom: 25px;
    min-height: 160px;
  }
}

.main .modulos-empresa .modulo .titular {
  width: 100%;
}

@media (min-width: 576px) {
  .main .modulos-empresa .modulo .titular {
    width: 20%;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .main .modulos-empresa .modulo .titular {
    width: 22%;
    padding-left: 25px;
  }
}

@media (min-width: 992px) {
  .main .modulos-empresa .modulo .titular {
    width: 16%;
  }
}

@media (min-width: 1200px) {
  .main .modulos-empresa .modulo .titular {
    width: 20%;
    padding-left: 40px;
  }
}

.main .modulos-empresa .modulo .parrafo {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

@media (min-width: 480px) {
  .main .modulos-empresa .modulo .parrafo {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
}

@media (min-width: 576px) {
  .main .modulos-empresa .modulo .parrafo {
    width: 50%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 30px 0;
  }
}

@media (min-width: 768px) {
  .main .modulos-empresa .modulo .parrafo {
    width: 60%;
    margin: 0;
    -webkit-box-pack: start;
    justify-content: center;
  }
}

@media (min-width: 1200px) {
  .main .modulos-empresa .modulo .parrafo {
    width: 60%;
    -webkit-box-pack: start;
    justify-content: center;
  }
}

.main .modulos-empresa .modulo .imagen {
  display: none;
}

@media (min-width: 576px) {
  .main .modulos-empresa .modulo .imagen {
    display: block;
    overflow: hidden;
    width: 30%;
    margin: 0 -15px;
    align-self: flex-end;
  }
}

@media (min-width: 768px) {
  .main .modulos-empresa .modulo .imagen {
    width: 27%;
  }
}

@media (min-width: 992px) {
  .main .modulos-empresa .modulo .imagen {
    width: 23%;
  }
}

@media (min-width: 1200px) {
  .main .modulos-empresa .modulo .imagen {
    width: 20%;
    margin: 0;
  }
}

.main .modulos-empresa .modulo .imagen img {
  max-width: 100%;
}

.main .modulos-empresa .modulo h3 {
  font-family: "Roboto Slab", serif;
  font-size: 22px;
  line-height: 31px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.3px;
  margin: 0 0 15px;
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .main .modulos-empresa .modulo h3 {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .main .modulos-empresa .modulo h3 {
    font-size: 25px;
  }
}

@media (min-width: 1200px) {
  .main .modulos-empresa .modulo h3 {
    font-size: 27px;
    margin: 0;
  }
}

.main .modulos-empresa .modulo p {
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.3px;
  margin: 0;
}

@media (min-width: 768px) {
  .main .modulos-empresa .modulo p {
    font-size: 13px;
    line-height: 20px;
  }
}

@media (min-width: 1200px) {
  .main .modulos-empresa .modulo p {
    font-size: 14px;
    line-height: 20px;
  }
}

.main .modulos-empresa .modulo ul {
  margin: 0;
  padding: 0;
  width: auto;
}

@media (min-width: 480px) {
  .main .modulos-empresa .modulo ul {
    width: 40%;
  }
}

@media (min-width: 576px) {
  .main .modulos-empresa .modulo ul {
    width: auto;
  }
}

@media (min-width: 768px) {
  .main .modulos-empresa .modulo ul {
    width: 42%;
  }
}

@media (min-width: 992px) {
  .main .modulos-empresa .modulo ul {
    width: 37%;
  }
}

@media (min-width: 1200px) {
  .main .modulos-empresa .modulo ul {
    width: 33%;
  }
}

.main .modulos-empresa .modulo ul li {
  list-style: none;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.3px;
}

@media (min-width: 1200px) {
  .main .modulos-empresa .modulo ul li {
    font-size: 14px;
    line-height: 20px;
  }
}

.main .modulos-empresa .modulo:nth-child(2) {
  background-color: #E5392D;
}

.main .modulos-empresa .modulo:nth-child(2) .imagen {
  -webkit-box-ordinal-group: 2;
  order: 1;
  width: 15%;
}

@media (min-width: 576px) {
  .main .modulos-empresa .modulo:nth-child(2) .imagen {
    width: 30%;
    margin: 0 -15px;
    align-self: flex-end;
  }
}

@media (min-width: 992px) {
  .main .modulos-empresa .modulo:nth-child(2) .imagen {
    width: 22%;
  }
}

@media (min-width: 1200px) {
  .main .modulos-empresa .modulo:nth-child(2) .imagen {
    width: 20%;
    margin: 0;
  }
}

.main .modulos-empresa .modulo:nth-child(2) .titular {
  -webkit-box-ordinal-group: 3;
  order: 2;
  text-align: left;
}

@media (min-width: 576px) {
  .main .modulos-empresa .modulo:nth-child(2) .titular {
    padding-left: 0;
  }
}

.main .modulos-empresa .modulo:nth-child(2) .parrafo {
  -webkit-box-ordinal-group: 4;
  order: 3;
}

.main .modulos-empresa .modulo:nth-child(3) {
  background-color: #570600;
}

@media (min-width: 576px) {
  .main .modulos-empresa .modulo:nth-child(3) .imagen {
    align-self: flex-start;
  }
}

@media (min-width: 576px) {
  .main .carrusel-empresa {
    margin-top: 4px;
    margin-bottom: 7px;
  }
}

@media (min-width: 768px) {
  .main .carrusel-empresa {
    margin-top: 6px;
    margin-bottom: 17px;
  }
}

@media (min-width: 992px) {
  .main .carrusel-empresa {
    margin-top: 10px;
    margin-bottom: 28px;
  }
}

@media (min-width: 1200px) {
  .main .carrusel-empresa {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

.main .carrusel-empresa .centrar-img {
  height: 171px;
  padding-top: 58.58%;
}

@media (min-width: 480px) {
  .main .carrusel-empresa .centrar-img {
    height: 264px;
  }
}

@media (min-width: 576px) {
  .main .carrusel-empresa .centrar-img {
    height: 281px;
  }
}

@media (min-width: 768px) {
  .main .carrusel-empresa .centrar-img {
    height: 380px;
  }
}

@media (min-width: 992px) {
  .main .carrusel-empresa .centrar-img {
    height: 457px;
  }
}

@media (min-width: 1200px) {
  .main .carrusel-empresa .centrar-img {
    height: 539px;
  }
}

.main .carrusel-empresa .centrar-img img {
  height: 100%;
}

.main .carrusel-empresa .carousel-control-prev {
  width: 8%;
  opacity: 1;
  left: -10px;
}

@media (min-width: 576px) {
  .main .carrusel-empresa .carousel-control-prev {
    left: -5px;
  }
}

@media (min-width: 768px) {
  .main .carrusel-empresa .carousel-control-prev {
    left: -10px;
  }
}

@media (min-width: 992px) {
  .main .carrusel-empresa .carousel-control-prev {
    left: -35px;
  }
}

@media (min-width: 1200px) {
  .main .carrusel-empresa .carousel-control-prev {
    left: -30px;
  }
}

.main .carrusel-empresa .carousel-control-prev .carousel-control-prev-icon {
  background-image: url(../images/nosotros/arrow-left.jpg);
  width: 23px;
  height: 22px;
  background-size: cover;
}

@media (min-width: 576px) {
  .main .carrusel-empresa .carousel-control-prev .carousel-control-prev-icon {
    width: 44px;
    height: 26px;
  }
}

@media (min-width: 992px) {
  .main .carrusel-empresa .carousel-control-prev .carousel-control-prev-icon {
    width: 53px;
    height: 32px;
  }
}

@media (min-width: 1200px) {
  .main .carrusel-empresa .carousel-control-prev .carousel-control-prev-icon {
    width: 63px;
    height: 38px;
  }
}

.main .carrusel-empresa .carousel-control-next {
  width: 8%;
  opacity: 1;
  right: -10px;
}

@media (min-width: 576px) {
  .main .carrusel-empresa .carousel-control-next {
    right: -5px;
  }
}

@media (min-width: 768px) {
  .main .carrusel-empresa .carousel-control-next {
    right: -10px;
  }
}

@media (min-width: 992px) {
  .main .carrusel-empresa .carousel-control-next {
    right: -35px;
  }
}

@media (min-width: 1200px) {
  .main .carrusel-empresa .carousel-control-next {
    right: -30px;
  }
}

.main .carrusel-empresa .carousel-control-next .carousel-control-next-icon {
  background-image: url(../images/nosotros/arrow-right.jpg);
  width: 23px;
  height: 22px;
  background-size: cover;
}

@media (min-width: 576px) {
  .main .carrusel-empresa .carousel-control-next .carousel-control-next-icon {
    width: 44px;
    height: 26px;
  }
}

@media (min-width: 992px) {
  .main .carrusel-empresa .carousel-control-next .carousel-control-next-icon {
    width: 53px;
    height: 32px;
  }
}

@media (min-width: 1200px) {
  .main .carrusel-empresa .carousel-control-next .carousel-control-next-icon {
    width: 63px;
    height: 38px;
  }
}

.main .btn-video {
  background-image: url(../images/nosotros/bg-btn.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 800;
  color: #ADA792;
  text-align: center;
  letter-spacing: 0.3px;
  padding: 13px;
  width: 540px;
  margin: 23px auto;
  display: inline-block;
  background-size: cover;
}

@media (min-width: 576px) {
  .main .btn-video {
    font-size: 15px;
    background-size: contain;
  }
}

@media (min-width: 768px) {
  .main .btn-video {
    font-size: 17px;
  }
}

@media (min-width: 1200px) {
  .main .btn-video {
    font-size: 18px;
    padding: 18px;
    margin: 25px auto;
  }
}

.main .btn-video:hover {
  text-decoration: none;
  color: #D8B239;
}

.modulo-planta {
  -webkit-box-pack: justify;
  justify-content: space-between;
}

@media (min-width: 576px) {
  .modulo-planta {
    padding: 0;
  }
}

@media (min-width: 992px) {
  .modulo-planta {
    padding: 0 15px;
  }
}

@media (min-width: 576px) {
  .modulo-planta .texto {
    width: 70%;
  }
}

@media (min-width: 768px) {
  .modulo-planta .texto {
    width: 64%;
  }
}

@media (min-width: 992px) {
  .modulo-planta .texto {
    width: 67%;
  }
}

.modulo-planta .texto p:first-child {
  margin-top: 0;
}

@media (min-width: 576px) {
  .modulo-planta .texto p:first-child {
    margin-top: 20px;
  }
}

.modulo-planta .imagen {
  display: none;
}

@media (min-width: 576px) {
  .modulo-planta .imagen {
    display: block;
    width: 30%;
  }
}

@media (min-width: 992px) {
  .modulo-planta .imagen {
    width: 27%;
  }
}

.modulo-planta .imagen img {
  max-width: 100%;
}

.separador {
  background-image: url(../images/nosotros/separador.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  margin: 6px 0 0;
  padding-bottom: 33px;
  background-size: 100% 100%;
}

@media (min-width: 576px) {
  .separador {
    padding-bottom: 38px;
  }
}

@media (min-width: 768px) {
  .separador {
    margin: 13px 0 0;
  }
}

@media (min-width: 992px) {
  .separador {
    padding-bottom: 41px;
    background-size: auto;
  }
}

@media (min-width: 1200px) {
  .separador {
    margin: 15px 0 0;
    padding-bottom: 70px;
  }
}

@media (min-width: 576px) {
  .cont-carrusel-planta {
    padding: 0;
  }
}

@media (min-width: 992px) {
  .cont-carrusel-planta {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.fondo-fabrica {
  background-image: url(../images/nosotros/logo-fdo.png);
  background-repeat: no-repeat;
  background-position: 116% top;
  width: 100%;
  height: 60px;
  margin-top: -6px;
  background-size: contain;
  margin-bottom: 32px;
}

@media (min-width: 480px) {
  .fondo-fabrica {
    background-position: 103% top;
  }
}

@media (min-width: 576px) {
  .fondo-fabrica {
    background-position: 103% top;
    height: 87px;
    margin-top: -15px;
    margin-bottom: 28px;
  }
}

@media (min-width: 768px) {
  .fondo-fabrica {
    height: 119px;
    background-position: 107% top;
    margin-top: -25px;
    margin-bottom: 29px;
  }
}

@media (min-width: 992px) {
  .fondo-fabrica {
    height: 156px;
    margin-top: -45px;
    margin-bottom: 4px;
  }
}

@media (min-width: 1200px) {
  .fondo-fabrica {
    background-position: 89% top;
    height: 192px;
    margin-top: -50px;
    margin-bottom: 0;
  }
}

@media (min-width: 1400px) {
  .fondo-fabrica {
    background-position: 72% top;
  }
}

@media (min-width: 576px) {
  .modulo-planta.calidad {
    -webkit-box-align: center;
    align-items: center;
  }
}

@media (min-width: 576px) {
  .modulo-planta.calidad .texto {
    width: 60%;
  }
}

@media (min-width: 768px) {
  .modulo-planta.calidad .texto {
    width: 63%;
  }
}

@media (min-width: 992px) {
  .modulo-planta.calidad .texto {
    width: 64%;
  }
}

@media (min-width: 576px) {
  .modulo-planta.calidad .imagen {
    width: 40%;
  }
}

@media (min-width: 768px) {
  .modulo-planta.calidad .imagen {
    width: 37%;
  }
}

@media (min-width: 992px) {
  .modulo-planta.calidad .imagen {
    width: 36%;
  }
}

@media (min-width: 576px) {
  .segundo-modulo {
    padding: 0;
  }
}

@media (min-width: 992px) {
  .segundo-modulo {
    padding: 0 15px;
  }
}

.segundo-modulo h2 {
  margin-top: 7px;
}

@media (min-width: 992px) {
  .segundo-modulo h2 {
    padding-top: 19px;
  }
}

.modulos-calidad {
  margin-left: 0;
}

@media (min-width: 576px) {
  .modulos-calidad {
    margin-left: -15px;
  }
}

@media (min-width: 992px) {
  .modulos-calidad {
    margin-left: 0;
  }
}

.modulo-destacado {
  border-radius: 20px 0 0 20px;
  background-color: #D8B239;
  min-height: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column;
  padding: 30px 15px 30px 30px;
}

@media (min-width: 576px) {
  .modulo-destacado {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row;
    padding: 0 15px 0 35px;
  }
}

@media (min-width: 768px) {
  .modulo-destacado {
    padding: 0 30px 0 35px;
  }
}

@media (min-width: 992px) {
  .modulo-destacado {
    padding: 0 30px 0 42px;
  }
}

@media (min-width: 1200px) {
  .modulo-destacado {
    padding: 0 25px 0 47px;
  }
}

.modulo-destacado .texto {
  width: 100%;
}

@media (min-width: 576px) {
  .modulo-destacado .texto {
    width: 72%;
    margin: 25px 0;
  }
}

@media (min-width: 768px) {
  .modulo-destacado .texto {
    width: 80%;
    margin: 27px 0;
  }
}

@media (min-width: 992px) {
  .modulo-destacado .texto {
    width: 81%;
    margin: 29px 0;
  }
}

@media (min-width: 1200px) {
  .modulo-destacado .texto {
    width: 78%;
    margin: 40px 0;
  }
}

.modulo-destacado .texto h3 {
  font-family: "Roboto Slab", serif;
  font-size: 21px;
  line-height: 31px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.3px;
  margin: 0 0 10px;
}

@media (min-width: 768px) {
  .modulo-destacado .texto h3 {
    font-size: 23px;
    margin: 0 0 15px;
  }
}

@media (min-width: 1200px) {
  .modulo-destacado .texto h3 {
    font-size: 25px;
    margin: 0 0 20px;
  }
}

.modulo-destacado .texto p {
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.3px;
  margin: 0;
}

@media (min-width: 768px) {
  .modulo-destacado .texto p {
    font-size: 13px;
    line-height: 20px;
  }
}

@media (min-width: 992px) {
  .modulo-destacado .texto p {
    font-size: 14px;
    line-height: 21px;
  }
}

@media (min-width: 1200px) {
  .modulo-destacado .texto p {
    font-size: 15px;
    line-height: 23px;
  }
}

.modulo-destacado .texto p strong {
  font-weight: 500;
}

.modulo-destacado .imagen {
  display: none;
}

@media (min-width: 576px) {
  .modulo-destacado .imagen {
    display: block;
    overflow: hidden;
    width: 28%;
    margin: 0 -15px;
    align-self: flex-end;
  }
}

@media (min-width: 768px) {
  .modulo-destacado .imagen {
    width: 20%;
  }
}

@media (min-width: 992px) {
  .modulo-destacado .imagen {
    width: 19%;
  }
}

@media (min-width: 1200px) {
  .modulo-destacado .imagen {
    width: 20%;
    margin: 0;
  }
}

.modulo-destacado .imagen img {
  max-width: 100%;
}

.separador.ajustado {
  margin: 0;
  background-size: 90% 100%;
}

@media (min-width: 576px) {
  .separador.ajustado {
    background-size: 100% 100%;
  }
}

@media (min-width: 992px) {
  .separador.ajustado {
    background-size: 85% 100%;
  }
}

.certificaciones {
  margin-bottom: 44px;
}

@media (min-width: 576px) {
  .certificaciones {
    margin-bottom: 36px;
    margin-top: 7px;
    padding: 0;
  }
}

@media (min-width: 768px) {
  .certificaciones {
    margin-top: 18px;
    margin-bottom: 24px;
  }
}

@media (min-width: 992px) {
  .certificaciones {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .certificaciones {
    margin-top: 3px;
    margin-bottom: 38px;
  }
}

@media (min-width: 576px) {
  .certificaciones .titulo {
    border-right: 1px dotted #696969;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .certificaciones .titulo {
    padding-right: 90px;
  }
}

@media (min-width: 992px) {
  .certificaciones .titulo {
    padding-right: 80px;
  }
}

@media (min-width: 1200px) {
  .certificaciones .titulo {
    padding-right: 95px;
  }
}

.certificaciones .titulo h4 {
  font-family: "Roboto Slab", serif;
  font-size: 19px;
  line-height: 23px;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #ADA792;
  margin: 0 0 22px;
  text-align: center;
}

@media (min-width: 576px) {
  .certificaciones .titulo h4 {
    text-align: right;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .certificaciones .titulo h4 {
    font-size: 21px;
    line-height: 26px;
  }
}

@media (min-width: 992px) {
  .certificaciones .titulo h4 {
    font-size: 23px;
    line-height: 29px;
  }
}

@media (min-width: 1200px) {
  .certificaciones .titulo h4 {
    font-size: 25px;
    line-height: 31px;
  }
}

.certificaciones .imagen {
  text-align: center;
  border-right: 1px dotted #696969;
}

.certificaciones .imagen img {
  margin: 10px auto;
  height: 70px;
}

@media (min-width: 576px) {
  .certificaciones .imagen img {
    height: 80px;
  }
}

@media (min-width: 1200px) {
  .certificaciones .imagen img {
    height: 95px;
  }
}

.certificaciones .isos {
  display: -webkit-box;
  display: flex;
}

.certificaciones .isos p {
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  line-height: 25px;
  font-weight: 300;
  letter-spacing: 0.3px;
  color: #696969;
  margin: 10px auto;
}

@media (min-width: 768px) {
  .certificaciones .isos p {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .certificaciones .isos p {
    font-size: 18px;
    line-height: 29px;
  }
}

@media (min-width: 1200px) {
  .certificaciones .isos p {
    font-size: 20px;
  }
}

.logistica {
  margin-top: 17px;
  margin-right: 0;
}

@media (min-width: 576px) {
  .logistica {
    margin-top: 13px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .logistica {
    margin-top: 28px;
  }
}

@media (min-width: 1200px) {
  .logistica {
    margin-top: 35px;
  }
}

.logistica .img-mapa {
  display: none;
}

@media (min-width: 768px) {
  .logistica .img-mapa {
    display: block;
  }
}

.logistica .img-mapa img {
  max-width: 100%;
}

.logistica .modulo-logistica {
  background-color: #D8B239;
  padding: 30px 24px 20px 45px;
  border-radius: 0 20px 20px 0;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  align-items: baseline;
}

@media (min-width: 576px) {
  .logistica .modulo-logistica {
    padding: 25px 32px 30px 30px;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 992px) {
  .logistica .modulo-logistica {
    padding: 30px 50px 30px 50px;
  }
}

@media (min-width: 1200px) {
  .logistica .modulo-logistica {
    padding: 35px 95px 45px 60px;
  }
}

.logistica .modulo-logistica h3 {
  font-family: "Roboto Slab", serif;
  font-size: 19px;
  line-height: 31px;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #fff;
  margin: 0 0 7px;
}

@media (min-width: 576px) {
  .logistica .modulo-logistica h3 {
    font-size: 21px;
  }
}

@media (min-width: 992px) {
  .logistica .modulo-logistica h3 {
    font-size: 23px;
  }
}

@media (min-width: 1200px) {
  .logistica .modulo-logistica h3 {
    font-size: 25px;
  }
}

.logistica .modulo-logistica img {
  display: none;
}

@media (min-width: 576px) {
  .logistica .modulo-logistica img {
    display: block;
    max-width: 100%;
    height: 87px;
  }
}

@media (min-width: 992px) {
  .logistica .modulo-logistica img {
    height: 101px;
  }
}

@media (min-width: 1200px) {
  .logistica .modulo-logistica img {
    height: 140px;
  }
}

.logistica .modulo-logistica p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  color: #fff;
  letter-spacing: 0.3px;
  margin: 9px 0;
}

@media (min-width: 576px) {
  .logistica .modulo-logistica p {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0;
  }
}

@media (min-width: 992px) {
  .logistica .modulo-logistica p {
    font-size: 14px;
    line-height: 21px;
    margin: 11px 0;
  }
}

@media (min-width: 1200px) {
  .logistica .modulo-logistica p {
    font-size: 15px;
    line-height: 23px;
    margin: 12px 0;
  }
}

.logistica .modulo-logistica p strong {
  font-weight: 500;
}

.logistica .separador.ajustado {
  margin-left: auto;
}

@media (min-width: 768px) {
  .buscador-distribuidor {
    margin-top: 25px;
  }
}

@media (min-width: 992px) {
  .buscador-distribuidor {
    margin-top: 0;
  }
}

@media (min-width: 576px) {
  .buscador-distribuidor .cont-buscador {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
}

.buscador-distribuidor h4 {
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 17px;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #ADA792;
  margin: 0 0 17px;
}

@media (min-width: 576px) {
  .buscador-distribuidor h4 {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .buscador-distribuidor h4 {
    font-size: 16px;
    line-height: 18px;
    width: 90%;
  }
}

@media (min-width: 992px) {
  .buscador-distribuidor h4 {
    font-size: 17px;
    line-height: 19px;
  }
}

@media (min-width: 1200px) {
  .buscador-distribuidor h4 {
    width: auto;
    font-size: 19px;
    line-height: 21px;
  }
}

.buscador-distribuidor form {
  position: relative;
}

.buscador-distribuidor form input {
  border: 1px solid #ADA792;
  width: 100%;
  border-radius: 0 12px 12px 0;
  font-size: 12px;
  line-height: 18px;
  padding: 4px 50px 4px 10px;
  color: #696969;
  border-left: none;
}

@media (min-width: 576px) {
  .buscador-distribuidor form input {
    border-left: 1px solid #ADA792;
    border-radius: 12px;
  }
}

@media (min-width: 1200px) {
  .buscador-distribuidor form input {
    font-size: 15px;
    line-height: 23px;
    padding: 4px 70px 4px 10px;
  }
}

.buscador-distribuidor form input:focus-visible {
  outline: none;
}

.buscador-distribuidor form img {
  position: absolute;
  right: 12px;
  bottom: 0;
  height: 45px;
}

@media (min-width: 768px) {
  .buscador-distribuidor form img {
    height: 56px;
  }
}

@media (min-width: 1200px) {
  .buscador-distribuidor form img {
    height: auto;
    right: 20px;
  }
}

.mapa {
  padding: 0;
  margin-top: 30px;
}

@media (min-width: 576px) {
  .mapa {
    margin-top: 27px;
  }
}

@media (min-width: 768px) {
  .mapa {
    margin-top: 10px;
  }
}

@media (min-width: 1200px) {
  .mapa {
    margin-top: 25px;
  }
}

.mapa iframe {
  height: 227px;
  margin-bottom: -4px;
}

@media (min-width: 576px) {
  .mapa iframe {
    height: 245px;
  }
}

@media (min-width: 768px) {
  .mapa iframe {
    height: 255px;
  }
}

@media (min-width: 992px) {
  .mapa iframe {
    height: 364px;
  }
}

@media (min-width: 1200px) {
  .mapa iframe {
    height: 621px;
  }
}

.mapa-externo {
  margin-top: 0;
}

@media (min-width: 576px) {
  .mapa-externo {
    margin-top: 35px;
  }
}

@media (min-width: 768px) {
  .mapa-externo {
    margin-top: 50px;
  }
}

@media (min-width: 992px) {
  .mapa-externo {
    margin-top: 40px;
  }
}

@media (min-width: 1200px) {
  .mapa-externo {
    margin-top: 48px;
  }
}

.mapa-externo img {
  max-width: 100%;
}

.mapa-externo .data {
  margin-top: 0px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  margin-bottom: 27px;
}

@media (min-width: 576px) {
  .mapa-externo .data {
    margin-top: -42px;
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .mapa-externo .data {
    margin-top: -33px;
    margin-bottom: 35px;
  }
}

@media (min-width: 992px) {
  .mapa-externo .data {
    margin-top: -56px;
    margin-bottom: 42px;
  }
}

@media (min-width: 1200px) {
  .mapa-externo .data {
    margin-top: -40px;
    margin-bottom: 40px;
  }
}

.mapa-externo .data h3 {
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #ADA792;
  margin-top: 14px;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .mapa-externo .data h3 {
    font-size: 16px;
    line-height: 16px;
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .mapa-externo .data h3 {
    font-size: 18px;
    line-height: 18px;
    margin-top: 18px;
  }
}

@media (min-width: 768px) {
  .mapa-externo .data h3 {
    font-size: 20px;
    line-height: 20px;
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .mapa-externo .data h3 {
    font-size: 22px;
    line-height: 22px;
  }
}

.mapa-externo .data p {
  font-size: 10px;
  line-height: 14px;
  font-weight: 300;
  color: #696969;
  letter-spacing: 0.3px;
  margin: 0;
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .mapa-externo .data p {
    font-size: 11px;
    line-height: 16px;
  }
}

@media (min-width: 768px) {
  .mapa-externo .data p {
    font-size: 12px;
    line-height: 18px;
  }
}

@media (min-width: 992px) {
  .mapa-externo .data p {
    font-size: 13px;
    line-height: 20px;
  }
}

.modulo-externo {
  background-color: #E5392D;
  padding: 26px 20px 26px 10px;
  margin: 0;
  border-radius: 20px 0 0 0;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.3px;
}

@media (min-width: 576px) {
  .modulo-externo {
    padding: 15px 10px 22px;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .modulo-externo {
    padding: 23px 17px;
  }
}

@media (min-width: 992px) {
  .modulo-externo {
    padding: 25px 20px;
  }
}

@media (min-width: 1200px) {
  .modulo-externo {
    padding: 37px 27px;
    font-size: 15px;
    line-height: 22px;
  }
}

.modulo-externo .marca {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.modulo-externo .marca img {
  align-self: baseline;
  height: 40px;
}

@media (min-width: 768px) {
  .modulo-externo .marca img {
    height: 51px;
  }
}

@media (min-width: 992px) {
  .modulo-externo .marca img {
    height: auto;
  }
}

.modulo-externo p {
  font-weight: 800;
  margin: 10px 0;
  color: #fff;
}

@media (min-width: 576px) {
  .modulo-externo p {
    line-height: 15px;
  }
}

@media (min-width: 768px) {
  .modulo-externo p {
    line-height: 19px;
  }
}

@media (min-width: 992px) {
  .modulo-externo p {
    line-height: 21px;
  }
}

@media (min-width: 1200px) {
  .modulo-externo p {
    margin: 0 0 18px;
  }
}

.modulo-externo ul {
  margin: 0;
  padding: 0;
}

.modulo-externo ul li {
  list-style: none;
  font-weight: 300;
  font-size: 11px;
  line-height: 17px;
}

@media (min-width: 768px) {
  .modulo-externo ul li {
    font-size: 13px;
    line-height: 19px;
  }
}

@media (min-width: 992px) {
  .modulo-externo ul li {
    font-size: 14px;
    line-height: 21px;
  }
}

.botones-externo {
  display: -webkit-box;
  display: flex;
  margin-top: 7px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  .botones-externo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row;
    margin-bottom: 30px;
  }
}

.botones-externo a {
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  letter-spacing: 0.3px;
  width: 100%;
  text-align: center;
  display: block;
  padding: 3px;
}

@media (min-width: 576px) {
  .botones-externo a {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .botones-externo a {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 992px) {
  .botones-externo a {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (min-width: 1200px) {
  .botones-externo a {
    font-size: 21px;
    line-height: 31px;
  }
}

.botones-externo a:first-child {
  background-color: #89826A;
}

@media (min-width: 576px) {
  .botones-externo a:first-child {
    border-radius: 0 0 0 20px;
  }
}

.botones-externo a:last-child {
  background-color: #ADA792;
  border-radius: 0 0 0 20px;
}

@media (min-width: 576px) {
  .botones-externo a:last-child {
    border-radius: 0;
  }
}

.botones-externo a:hover {
  color: #CECDC9;
  text-decoration: none;
}

.separador.ajustado.productos {
  background-size: 100% 60%;
  background-position: center top;
  padding-bottom: 27px;
  margin-top: 25px;
}

@media (min-width: 576px) {
  .separador.ajustado.productos {
    margin-top: 7px;
  }
}

@media (min-width: 768px) {
  .separador.ajustado.productos {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .separador.ajustado.productos {
    background-size: 85% 100%;
    margin-top: 0;
  }
}

.main.not-first {
  padding-top: 0;
}

.encabezado-productos {
  margin-bottom: 10px;
  margin-top: -60px;
}

@media (min-width: 576px) {
  .encabezado-productos {
    margin-bottom: -55px;
    margin-top: 0px;
  }
}

@media (min-width: 768px) {
  .encabezado-productos {
    margin-bottom: 17px;
  }
}

@media (min-width: 1200px) {
  .encabezado-productos {
    margin-top: 0;
  }
}

.btn-descargar {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  background-color: #ADA792;
  padding: 7px 12px;
  display: inline-block;
  border-radius: 0 0 5px 5px;
  letter-spacing: 0.3px;
}

@media (min-width: 1200px) {
  .btn-descargar {
    font-size: 13px;
    line-height: 15px;
    padding: 7px 22px;
  }
}

.btn-descargar:hover {
  background-color: #D8B239;
  color: #fff;
  text-decoration: none;
}

@media (min-width: 1200px) {
  .titular-productos {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

.titular-productos h1 {
  font-family: "Roboto Slab", serif;
  font-size: 25px;
  line-height: 31px;
  color: #ADA792;
  font-weight: 300;
  letter-spacing: 0.3px;
  margin: 0;
}

@media (min-width: 992px) {
  .titular-productos h1 {
    font-size: 28px;
  }
}

@media (min-width: 1200px) {
  .titular-productos h1 {
    font-size: 30px;
  }
}

.menu-catalogo {
  margin-bottom: 15px;
  padding-left: 0;
}

@media (min-width: 576px) {
  .menu-catalogo {
    margin-bottom: 35px;
  }
}

@media (min-width: 768px) {
  .menu-catalogo {
    padding-left: 15px;
  }
}

.menu-catalogo .btn-categorias {
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  line-height: 31px;
  color: #ADA792;
  font-weight: 300;
  letter-spacing: 0.3px;
  margin: 5px 0 0 15px;
  display: block;
}

@media (min-width: 768px) {
  .menu-catalogo .btn-categorias {
    display: none;
  }
}

.menu-catalogo .btn-categorias:hover {
  text-decoration: none;
  color: #ADA792;
}

.menu-catalogo .btn-categorias.collapsed img {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.menu-catalogo .btn-categorias img {
  width: 15px;
  margin-left: 27px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.menu-catalogo .colapsable {
  background-color: #F8F8F5;
  border-radius: 0 20px 0 0;
  padding-top: 1px;
  box-shadow: 0px -4px 12px -7px rgba(0, 0, 0, 0.5);
  position: relative;
}

@media (min-width: 576px) {
  .menu-catalogo .colapsable {
    margin-top: 22px;
  }

  .menu-catalogo .colapsable::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    background-color: #F8F8F5;
  }
}

@media (min-width: 768px) {
  .menu-catalogo .colapsable {
    margin-top: 0;
    background-color: transparent;
    border-radius: 0;
    padding-top: 0;
    box-shadow: none;
  }

  .menu-catalogo .colapsable::before {
    display: none;
  }

  .menu-catalogo .colapsable#collapseCategorias {
    display: block;
  }
}

.boton-carrito {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  .boton-carrito {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}

@media (min-width: 1200px) {
  .boton-carrito {
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-bottom: 0;
  }
}

.boton-carrito a:hover {
  text-decoration: none;
}

.boton-carrito span {
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.3px;
  color: #ADA792;
  border: 1px solid #ADA792;
  border-radius: 30px;
  padding: 4.5px 8px;
  display: inline-block;
}

.boton-carrito img {
  margin-left: -10px;
}

@media (min-width: 768px) {
  .ordenar-productos {
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
}

.ordenar-productos span {
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
  color: #696969;
  letter-spacing: 0.3px;
  display: inline-block;
  border: 1px solid #ADA792;
  border-radius: 5px 0 0 5px;
  padding: 8px 11px;
  width: 42%;
}

.ordenar-productos .dropdown-toggle {
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
  color: #696969;
  letter-spacing: 0.3px;
  display: inline-block;
  border: 1px solid #ADA792;
  border-radius: 0 5px 5px 0;
  padding: 8px 21px;
  margin-left: -4px;
  width: 58%;
}

.ordenar-productos .dropdown-toggle:hover {
  text-decoration: none;
}

.ordenar-productos .dropdown-toggle::after {
  margin-left: 12px;
  vertical-align: 2px;
  border-top: 5px solid #ADA792;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.ordenar-productos .dropdown-menu {
  background-color: #ADA792;
  border-radius: 0 0 5px 5px;
  right: 0;
  left: auto !important;
  -webkit-transform: translate3d(0px, 33px, 0px) !important;
  transform: translate3d(0px, 33px, 0px) !important;
  border: none;
  padding: 14px 0;
  margin: 5px 0 0;
}

.ordenar-productos .dropdown-menu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 14px;
  border-top: 8px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.ordenar-productos .dropdown-menu .dropdown-item {
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
  color: #fff;
  letter-spacing: 0.3px;
  text-align: right;
  padding: 2px 19px;
}

.ordenar-productos .dropdown-menu .dropdown-item:hover,
.ordenar-productos .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #CECDC9;
}

.accordian-products {
  margin: 10px 0 0 15px;
  position: relative;
}

@media (min-width: 576px) {
  .accordian-products {
    margin-right: 30px;
  }
}

@media (min-width: 768px) {
  .accordian-products {
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .accordian-products {
    margin: 0;
  }
}

.accordian-products ul {
  margin: 0;
  padding: 0;
}

.accordian-products ul li {
  list-style: none;
}

.accordian-products ul li h3 {
  font-size: 15px;
  line-height: 16px;
  color: #696969;
  font-weight: 500;
  letter-spacing: 0.3px;
  border-bottom: 1px dashed #D8B239;
  margin: 0;
}

.accordian-products ul li h3 a {
  padding: 16px 0;
  font-size: 12px;
  line-height: 16px;
  display: block;
  color: #696969;
  text-decoration: none;
  letter-spacing: 0.3px;
}

@media (min-width: 768px) {
  .accordian-products ul li h3 a {
    font-size: 14px;
  }
}

.accordian-products ul li h3:hover {
  color: #D8B239;
}

.accordian-products ul li.active h3 a {
  color: #D8B239;
}

.accordian-products ul ul {
  display: none;
}

.accordian-products ul ul li a {
  color: #696969;
  text-decoration: none;
  font-size: 14px;
  line-height: 15px;
  font-weight: 300;
  display: block;
  padding: 10px 0;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  position: relative;
  border-bottom: 1px dotted #696969;
  letter-spacing: 0.3px;
}

.accordian-products ul ul li a:hover {
  color: #D8B239;
}

.accordian-products ul ul li.active>a {
  background-color: #D8B239;
  color: #fff;
  font-weight: 700;
  border-radius: 0;
  margin-left: -15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .accordian-products ul ul li.active>a {
    border-radius: 5px 0 0 5px;
  }
}

.accordian-products ul ul ul {
  margin-left: 15px !important;
}

.accordian-products li.active>ul {
  display: block;
  margin: 0;
  padding: 0;
}

.titulo-destacado h2 {
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 26px;
  font-weight: 800;
  color: #fff;
  background-color: #D8B239;
  margin-top: 0;
  margin-bottom: 0px;
  width: 100%;
  border-radius: 10px 10px 0 0;
  padding: 5px;
  text-align: center;
  box-shadow: 0px -4px 12px -7px rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) {
  .titulo-destacado h2 {
    font-size: 20px;
    padding: 9px;
  }
}

@media (min-width: 992px) {
  .titulo-destacado h2 {
    font-size: 23px;
  }
}

@media (min-width: 1200px) {
  .titulo-destacado h2 {
    font-size: 25px;
    line-height: 34px;
    margin-top: 25px;
  }
}

.productos {
  margin-top: 17px;
}

.productos .texto {
  padding: 5px 18px 16px;
}

@media (min-width: 768px) {
  .productos .texto {
    padding: 24px 15px 16px;
  }
}

@media (min-width: 1200px) {
  .productos .texto {
    padding: 5px 18px 16px;
  }
}

.productos .texto h3 {
  font-size: 14px;
  line-height: 19px;
  font-weight: 800;
  color: #696969;
  margin-bottom: 6px;
}

.productos .texto p {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #696969;
  margin-bottom: 10px;
  max-height: 48px;
  overflow: hidden;
}

.productos .texto span {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  color: #ADA792;
}

.productos .cocarda {
  position: absolute;
  display: -webkit-box;
  display: flex;
}

.productos .cocarda::before {
  content: "";
  width: 10px;
  height: 38px;
}

@media (min-width: 768px) {
  .productos .cocarda::before {
    width: 11px;
    height: 36px;
  }
}

@media (min-width: 1200px) {
  .productos .cocarda::before {
    width: 12px;
    height: 40px;
  }
}

.productos .cocarda span {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.3px;
}

.productos .cocarda.nuevo {
  right: 0;
  top: 21px;
}

.productos .cocarda.nuevo::before {
  -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  background-color: #D8B239;
  margin-right: -0.5px;
}

@media (min-width: 768px) {
  .productos .cocarda.nuevo::before {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .productos .cocarda.nuevo::before {
    margin-right: -0.5px;
  }
}

.productos .cocarda.nuevo span {
  font-size: 18px;
  line-height: 24px;
  background-color: #D8B239;
  padding: 7px;
  border-radius: 0 5px 5px 0;
}

@media (min-width: 768px) {
  .productos .cocarda.nuevo span {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1200px) {
  .productos .cocarda.nuevo span {
    font-size: 20px;
    line-height: 26px;
  }
}

.productos .cocarda.descuento {
  left: 0;
  top: 143px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-flow: row-reverse;
}

@media (min-width: 768px) {
  .productos .cocarda.descuento {
    top: 131px;
  }
}

@media (min-width: 1200px) {
  .productos .cocarda.descuento {
    top: 143px;
  }
}

.productos .cocarda.descuento span {
  font-size: 29px;
  line-height: 38px;
  background-color: #E5392D;
  padding: 0 7px;
  border-radius: 5px 0 0 5px;
}

@media (min-width: 768px) {
  .productos .cocarda.descuento span {
    font-size: 26px;
    line-height: 36px;
  }
}

@media (min-width: 1200px) {
  .productos .cocarda.descuento span {
    font-size: 31px;
    line-height: 40px;
  }
}

.productos .cocarda.descuento::before {
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #E5392D;
  margin-left: -0.5px;
}

@media (min-width: 768px) {
  .productos .cocarda.descuento::before {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .productos .cocarda.descuento::before {
    margin-left: -0.5px;
  }
}

.productos .cocarda.no-stock {
  left: 0;
  top: 143px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-flow: row-reverse;
  opacity: 1 !important;
}

@media (min-width: 768px) {
  .productos .cocarda.no-stock {
    top: 131px;
  }
}

@media (min-width: 1200px) {
  .productos .cocarda.no-stock {
    top: 143px;
  }
}

.productos .cocarda.no-stock span {
  font-size: 15px;
  line-height: 15px;
  background-color: #570600;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 15px;
  border-radius: 5px 0 0 5px;
}

@media (min-width: 768px) {
  .productos .cocarda.no-stock span {
    font-size: 26px;
    line-height: 36px;
  }
}

@media (min-width: 1200px) {
  .productos .cocarda.no-stock span {
    font-size: 15px;
    line-height: 14px;
  }
}

.productos .cocarda.no-stock::before {
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #570600;
  margin-left: -0.5px;
}

@media (min-width: 768px) {
  .productos .cocarda.no-stock::before {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .productos .cocarda.no-stock::before {
    margin-left: -0.5px;
  }
}

.productos .modulo-producto {
  width: 242px;
  height: 365px;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  margin: 0 auto 28px;
  position: relative;
  box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.2);
}

@media (min-width: 576px) {
  .productos .modulo-producto {
    width: 250px;
    height: 376px;
    margin: 0 17px 28px;

  }
}

@media (min-width: 768px) {
  .productos .modulo-producto {
    width: 214px;
    height: 365px;
    margin: 0 17.5px 28px;

  }
}

@media (min-width: 992px) {
  .productos .modulo-producto {
    width: 214px;
    height: 365px;
    margin: 0 14.5px 28px;

  }
}

@media (min-width: 1200px) {
  .productos .modulo-producto {
    width: 256px;
    height: 365px;
    margin: 0 16px 28px;

  }
}

.productos .modulo-producto a:hover {
  text-decoration: none;
}

.productos .modulo-producto a:hover .btn-vermas {
  background-color: #D8B239;
}

.productos .modulo-producto .centrar-img {
  width: 100%;
  height: 189px;
  border-radius: 10px 10px 0 0;
}

@media (min-width: 768px) {
  .productos .modulo-producto .centrar-img {
    height: 163px;
  }
}

@media (min-width: 1200px) {
  .productos .modulo-producto .centrar-img {
    height: 200px;
  }
}

.productos .modulo-producto .centrar-img img {
  height: 100%;
}

.productos .modulo-producto .btn-vermas {
  background-color: #ADA792;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  font-weight: 800;
  letter-spacing: 0.9px;
  display: block;
  width: 100%;
  padding: 11px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.productos .modulo-producto.no-stock a {
  pointer-events: none;
}

.productos .modulo-producto.no-stock a>* {
  opacity: 0.5;
}

.productos.details {
  margin-top: 0;
}

@media (min-width: 992px) {
  .productos.details {
    margin-top: 40px;
  }
}

@media (min-width: 992px) {
  .productos.details .description-wrap {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

.productos.details .gallery {
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  .productos.details .gallery {
    margin-bottom: 30px;
  }
}

.productos.details .gallery.has-indicators {
  padding-bottom: 70px;
}

@media (min-width: 576px) {
  .productos.details .gallery.has-indicators {
    padding-bottom: 35px;
  }
}

@media (min-width: 992px) {
  .productos.details .gallery.has-indicators {
    padding-bottom: 45px;
  }
}

@media (min-width: 992px) {
  .productos.details .gallery-wrap {
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}

.productos.details .title {
  font-size: 1.077em;
  text-transform: uppercase;
  font-family: inherit;
  color: #696969;
}

.productos.details .btn-back {
  position: absolute;
  right: 15px;
  top: -40px;
  z-index: 10;
}

@media (min-width: 576px) {
  .productos.details .btn-back {
    top: -10px;
  }
}

@media (min-width: 992px) {
  .productos.details .btn-back {
    top: -35px;
  }
}

.productos.details .cocarda.descuento {
  left: 15px;
  top: 12.5rem;
}

@media (min-width: 576px) {
  .productos.details .cocarda.descuento {
    top: 21rem;
  }
}

@media (min-width: 768px) {
  .productos.details .cocarda.descuento {
    top: 19.5rem;
  }
}

@media (min-width: 992px) {
  .productos.details .cocarda.descuento {
    top: 14.25rem;
  }
}

@media (min-width: 1200px) {
  .productos.details .cocarda.descuento {
    top: 15.5rem;
  }
}

.productos.table {
  font-size: 0.923em;
  margin-top: -0.625rem;
  width: auto;
}

@media (min-width: 992px) {
  .productos.table {
    margin-top: 0;
  }
}

.productos.table tr {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: end;
  align-items: flex-end;
  padding: 20px 0;
}

@media (min-width: 576px) {
  .productos.table tr {
    display: table-row;
  }
}

.productos.table td {
  width: 33%;
  padding: 0;
}

@media (min-width: 576px) {
  .productos.table td {
    width: auto;
    padding: 20px 0;
    vertical-align: middle;
  }
}

.productos.table th {
  font-weight: 400;
  text-transform: uppercase;
  width: 90px;
}

@media (min-width: 992px) {
  .productos.table th {
    width: 100px;
  }
}

@media (min-width: 1200px) {
  .productos.table th {
    width: 130px;
  }
}

.productos.table thead tr::after {
  display: block;
}

.productos.table tfoot tr {
  padding: 12px 0;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.productos.table tfoot td {
  width: auto;
}

@media (min-width: 576px) {
  .productos.table tfoot td {
    padding: 13px 0;
  }
}

.productos.table .actions {
  padding: 0;
  border-bottom: none;
}

@media (min-width: 576px) {
  .productos.table .actions td {
    padding: 0;
  }
}

.productos.table .btn-buy {
  background-color: #ADA792;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0 0 5px 5px;
  padding: 9px 20px;
  display: block;
  font-weight: 500;
  text-align: center;
  width: 130px;
  margin-top: -1px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  text-decoration: none;
  border: none;
}

.productos.table .btn-buy:hover {
  background-color: #89826A;
}

@media (min-width: 576px) {
  .productos.table .btn-buy {
    margin-right: 0;
    margin-left: auto;
    width: 160px;
  }
}

.productos.table .detail {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}

@media (min-width: 576px) {
  .productos.table .detail {
    margin-bottom: 0;
    padding-right: 15px;
  }
}

.productos.table .detail-head {
  width: calc(100% - 280px);
}

@media (min-width: 992px) {
  .productos.table .detail-head {
    width: calc(100% - 300px);
  }
}

@media (min-width: 1200px) {
  .productos.table .detail-head {
    width: calc(100% - 440px);
  }
}

.productos.table .subtitle {
  font-weight: 500;
}

.productos.table .cost-wrap {
  position: relative;
}

.productos.table .cost-head {
  width: 105px;
}

@media (min-width: 992px) {
  .productos.table .cost-head {
    width: 110px;
  }
}

@media (min-width: 1200px) {
  .productos.table .cost-head {
    width: 180px;
  }
}

@media (min-width: 576px) {
  .productos.table .cost {
    text-align: center;
  }
}

.productos.table .quantity {
  margin-bottom: 5px;
  text-align: center;
}

.productos.table .quantity .custom-number {
  margin: 0 auto;
}

.productos.table .original {
  font-size: 1.385em;
  font-weight: bold;
  text-decoration: line-through;
  color: #ADA792;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 5px;
}

@media (min-width: 576px) {
  .productos.table .original {
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}

.productos.table .subtotal {
  text-align: right;
}

.productos.table .subtotal-head {
  text-align: right;
  padding-right: 2px;
}

.productos.table .amount {
  font-size: 1.538em;
  font-weight: bold;
}

.productos.table .subhead {
  text-transform: uppercase;
  margin-top: 8px;
}

@media (min-width: 576px) {
  .productos.table .subhead {
    display: none;
  }
}

.productos.table .total {
  margin-left: 30px;
  text-align: right;
}

.productos.table .total .amount {
  font-size: 1.692em;
}

.productos.table .label {
  font-size: 1.154em;
  font-weight: 500;
}

@media (min-width: 576px) {
  .productos.table .label {
    text-align: right;
    padding-right: 35px;
  }
}

.productos.related .titulo-destacado h2 {
  text-transform: uppercase;
  background: #E5392D;
}

.novedades .load-more {
  margin: -2rem auto 3.5rem;
}

@media (min-width: 576px) {
  .novedades .load-more {
    margin: -1rem auto 4.625rem;
  }
}

@media (min-width: 768px) {
  .novedades .load-more {
    margin: 0.625rem auto 4.875rem;
  }
}

@media (min-width: 1200px) {
  .novedades .load-more {
    margin: 1.25rem auto 3.313rem;
  }
}

.modulo-novedades {
  margin-bottom: 3rem;
  padding-bottom: 1.875rem;
}

@media (min-width: 576px) {
  .modulo-novedades {
    margin-bottom: 2.125rem;
  }
}

@media (min-width: 768px) {
  .modulo-novedades {
    margin-bottom: 1.75rem;
  }
}

@media (min-width: 992px) {
  .modulo-novedades {
    margin-bottom: 1.375rem;
  }
}

@media (min-width: 1200px) {
  .modulo-novedades {
    margin-bottom: 1.75rem;
  }
}

.modulo-novedades img {
  width: 100%;
  height: auto;
}

.modulo-novedades .image {
  border-radius: 0 20px 0 0;
  overflow: hidden;
}

.modulo-novedades .title {
  font-size: 1.385em;
  margin: 1rem 0;
  line-height: 1.483rem;
  letter-spacing: 0;
}

@media (min-width: 576px) {
  .modulo-novedades .title {
    font-size: 1.615em;
    line-height: 1.938rem;
  }
}

@media (min-width: 768px) {
  .modulo-novedades .title {
    font-size: 1.528em;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .modulo-novedades .title {
    font-size: 1.615em;
  }
}

@media (min-width: 1200px) {
  .modulo-novedades .title {
    font-size: 1.769em;
    line-height: 1.938rem;
  }
}

.modulo-novedades .btn-view-more {
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 70px;
  -webkit-box-pack: center;
  justify-content: center;
}

.modulo-novedades a {
  text-decoration: none;
  position: relative;
  display: block;
  padding-bottom: 2rem;
  height: 100%;
}

.modulo-novedades a:hover .btn-view-more {
  background-color: #D8B239;
}

.novedades.details {
  margin-bottom: 3.5rem;
}

@media (min-width: 576px) {
  .novedades.details {
    margin-bottom: 4.063rem;
  }
}

@media (min-width: 768px) {
  .novedades.details {
    margin-top: 0.5rem;
    margin-bottom: 2.875rem;
  }
}

@media (min-width: 1200px) {
  .novedades.details {
    margin-top: 1.875rem;
    margin-bottom: 3.5rem;
  }
}

.novedades.details .container {
  position: relative;
}

.novedades.details .details-content {
  padding-bottom: 30px;
}

.novedades.details .btn-back {
  position: relative;
  margin-right: auto;
  display: inline-block;
}

@media (min-width: 576px) {
  .novedades.details .btn-back {
    margin-top: 0.625rem;
    margin-bottom: 0.313rem;
  }
}

@media (min-width: 768px) {
  .novedades.details .btn-back {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.novedades.details .image {
  display: block;
  border-radius: 0 20px 0 0;
  overflow: hidden;
}

.novedades.details .image img {
  width: 100%;
  height: auto;
}

.novedades.details .gallery {
  overflow: hidden;
  border-radius: 0 20px 0 0;
}

.novedades.details .title {
  font-size: 1.385em;
  line-height: 1.438rem;
  margin: 1.375rem 0;
}

@media (min-width: 576px) {
  .novedades.details .title {
    font-size: 1.615em;
    line-height: 1.75rem;
    margin: 2.5rem 0 1.5rem;
  }
}

@media (min-width: 1200px) {
  .novedades.details .title {
    font-size: 1.769em;
    line-height: 2rem;
  }
}

.novedades.details .excerpt p {
  font-weight: 500;
}

.novedades.details .share-links {
  margin-top: 2.625rem;
}

@media (min-width: 768px) {
  .novedades.details .share-links {
    margin-top: 2rem;
  }
}

@media (min-width: 1200px) {
  .novedades.details .share-links {
    margin-top: 4.75rem;
  }
}

.faq {
  padding-bottom: 5.938rem;
}

@media (min-width: 576px) {
  .faq {
    padding-bottom: 10rem;
  }
}

@media (min-width: 768px) {
  .faq {
    padding-bottom: 6.313rem;
  }
}

@media (min-width: 1200px) {
  .faq {
    padding-bottom: 12.313rem;
  }
}

.faq .custom-accordion .cust-acc-item:first-child {
  border-top: none;
}

.terminos-condiciones {
  padding-bottom: 5.938rem;
}

@media (min-width: 576px) {
  .terminos-condiciones {
    padding-bottom: 10rem;
  }
}

@media (min-width: 768px) {
  .terminos-condiciones {
    padding-bottom: 6.313rem;
  }
}

@media (min-width: 1200px) {
  .terminos-condiciones {
    padding-bottom: 12.313rem;
  }
}

.terminos-condiciones .excerpt p {
  font-weight: bold;
}

.cancelar-compra {
  margin-bottom: 1.625rem;
}

@media (min-width: 576px) {
  .cancelar-compra {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 768px) {
  .cancelar-compra {
    margin-bottom: -2.725rem;
  }
}

@media (min-width: 992px) {
  .cancelar-compra {
    margin-bottom: -0.938rem;
  }
}

@media (min-width: 1200px) {
  .cancelar-compra {
    margin-bottom: 1rem;
  }
}

.cancelar-compra.has-separator::before {
  display: none;
}

.cancelar-compra.has-separator::after {
  bottom: 100%;
}

.cancelar-compra .title {
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  font-size: 1.385em;
}

@media (min-width: 576px) {
  .cancelar-compra .title {
    font-size: 1.769em;
    line-height: 1.75rem;
    margin-top: 0.625rem;
  }
}

@media (min-width: 768px) {
  .cancelar-compra .title {
    font-size: 1.923em;
    line-height: 1.938rem;
    margin-top: 0.5rem;
    margin-bottom: 2.375rem;
  }
}

@media (min-width: 992px) {
  .cancelar-compra .title {
    font-size: 2.154em;
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 1200px) {
  .cancelar-compra .title {
    font-size: 2.308em;
    margin-bottom: 2.25rem;
  }
}

.cancelar-compra .main-block {
  position: relative;
}

@media (min-width: 992px) {
  .cancelar-compra .main-block {
    margin-top: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .cancelar-compra .main-block {
    margin-top: 1rem;
  }
}

.cancelar-compra .content {
  position: initial;
}

.cancelar-compra .terms-conditions {
  position: absolute;
  bottom: 1.5rem;
  z-index: 5;
  max-width: 110px;
  overflow: hidden;
}

@media (min-width: 576px) {
  .cancelar-compra .terms-conditions {
    max-width: initial;
    white-space: initial;
  }
}

@media (min-width: 480px) {
  .cancelar-compra .terms-conditions {
    white-space: nowrap;
    overflow: initial;
    bottom: 1.875rem;
  }
}

.cancelar-compra .terms-conditions .btn-terms-conditions {
  color: #89826A;
  font-size: 0.923em;
  display: inline-block;
  position: relative;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
}

@media (min-width: 576px) {
  .cancelar-compra .terms-conditions .btn-terms-conditions {
    font-size: 1em;
    text-decoration: none;
  }
}

.cancelar-compra .terms-conditions .btn-terms-conditions::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #89826A;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  display: none;
}

@media (min-width: 576px) {
  .cancelar-compra .terms-conditions .btn-terms-conditions::before {
    display: block;
  }
}

.cancelar-compra .terms-conditions .btn-terms-conditions:hover::before {
  width: 0;
}

.cancelar-compra .formulario {
  padding-bottom: 0;
  background: none;
}

.cancelar-compra .formulario .col-form-label {
  padding-right: 10px;
}

.cancelar-compra .formulario input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.cancelar-compra .formulario input[type=number]::-webkit-inner-spin-button,
.cancelar-compra .formulario input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.cancelar-compra .formulario textarea.large {
  height: 142px !important;
  resize: none;
}

.main.not-last {
  min-height: auto;
  padding-bottom: 5px;
}

@media (min-width: 1200px) {
  .main.not-last {
    padding-bottom: 25px;
  }
}

.leyenda {
  background-image: url(../images/posventa/sombra.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding: 24px 0 0;
  background-size: 100% 50%;
}

@media (min-width: 1200px) {
  .leyenda {
    padding: 35px 0 35px 75px;
  }
}

.leyenda p {
  font-size: 11px;
  line-height: 16px;
  font-weight: 300;
  color: #696969;
  letter-spacing: 0.3px;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .leyenda p {
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    margin-bottom: 0;
    padding-left: 100px;
  }
}

@media (min-width: 992px) {
  .leyenda p {
    font-size: 14px;
    line-height: 21px;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .leyenda p {
    font-size: 15px;
    margin-bottom: 20px;
  }
}

.titulo-formulario {
  background-image: url(../images/posventa/separador.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 15px;
  margin-top: 0px;
  background-position: 30% top;
  background-size: 380%;
}

@media (min-width: 480px) {
  .titulo-formulario {
    background-size: 240%;
  }
}

@media (min-width: 576px) {
  .titulo-formulario {
    background-size: 150%;
    background-position: 40% top;
  }
}

@media (min-width: 768px) {
  .titulo-formulario {
    background-size: 180%;
    background-position: 52% top;
    padding-top: 22px;
    margin-top: -30px;
  }
}

@media (min-width: 992px) {
  .titulo-formulario {
    background-size: auto;
    background-position: 47% top;
    padding-top: 27px;
    margin-top: -47px;
  }
}

@media (min-width: 1200px) {
  .titulo-formulario {
    background-position: center top;
    padding-top: 30px;
    margin-top: -90px;
  }
}

.titulo-formulario h2 {
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 17px;
  font-weight: 800;
  color: #89826A;
  margin: 0 0 21px;
  letter-spacing: 0.5px;
}

@media (min-width: 768px) {
  .titulo-formulario h2 {
    line-height: 25px;
    margin: 0 0 27px;
  }
}

@media (min-width: 992px) {
  .titulo-formulario h2 {
    font-size: 17px;
    margin: 0 0 44px;
  }
}

@media (min-width: 1200px) {
  .titulo-formulario h2 {
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 56px;
  }
}

.titulo-formulario.atencion {
  margin-top: 10px;
  margin-bottom: 41px;
  background-position: 40% top;
  background-size: 350%;
}

@media (min-width: 480px) {
  .titulo-formulario.atencion {
    background-position: 50% top;
    background-size: 250%;
  }
}

@media (min-width: 576px) {
  .titulo-formulario.atencion {
    margin-top: 22px;
    margin-bottom: 64px;
  }
}

@media (min-width: 768px) {
  .titulo-formulario.atencion {
    background-position: 58% top;
    background-size: 220%;
    margin-bottom: 71px;
  }
}

@media (min-width: 992px) {
  .titulo-formulario.atencion {
    background-position: 55% top;
    background-size: 200%;
  }
}

@media (min-width: 1200px) {
  .titulo-formulario.atencion {
    margin-bottom: 90px;
    background-position: center top;
    background-size: auto;
  }
}

.titulo-formulario.atencion p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  color: #696969;
  letter-spacing: 0.3px;
  margin: 40px 0 0;
}

@media (min-width: 576px) {
  .titulo-formulario.atencion p {
    font-size: 13px;
    line-height: 20px;
    margin: 54px 0 0;
  }
}

@media (min-width: 768px) {
  .titulo-formulario.atencion p {
    margin: 50px 0 0;
  }
}

@media (min-width: 992px) {
  .titulo-formulario.atencion p {
    font-size: 14px;
    line-height: 21px;
  }
}

@media (min-width: 1200px) {
  .titulo-formulario.atencion p {
    font-size: 15px;
  }
}

.formulario {
  background-image: url(../images/posventa/fdo-formulario.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 105px;
  background-size: 490px;
}

@media (min-width: 576px) {
  .formulario {
    padding-bottom: 190px;
    background-size: 770px;
  }
}

@media (min-width: 768px) {
  .formulario {
    padding-bottom: 250px;
    background-size: 980px;
  }
}

@media (min-width: 1200px) {
  .formulario {
    padding-bottom: 482px;
    background-size: 100%;
  }
}

.formulario h3 {
  font-size: 13px;
  line-height: 15px;
  font-weight: 800;
  color: #89826A;
  letter-spacing: 0.3px;
  text-align: right;
  margin-bottom: 12px;
}

@media (min-width: 576px) {
  .formulario h3 {
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .formulario h3 {
    margin-bottom: 18px;
  }
}

.formulario span {
  font-size: 13px;
  line-height: 16px;
  color: #89826A;
  letter-spacing: 0.3px;
  align-self: center;
}

.formulario hr {
  border: none;
  border-bottom: 1px dotted #89826A;
  margin-top: 22px;
  margin-bottom: 15px;
}

.formulario .form-group {
  margin: 6px -15px;
}

.formulario .form-group .col-form-label {
  font-size: 13px;
  line-height: 16px;
  color: #89826A;
  letter-spacing: 0.3px;
  align-self: center;
}

.formulario .form-group .col-form-label.stronger {
  font-weight: 800;
  text-transform: uppercase;
  line-height: 15px;
  padding: 0 15px;
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
}

@media (min-width: 576px) {
  .formulario .form-group .col-form-label.stronger {
    padding: 0 0 0 15px;
  }
}

@media (min-width: 768px) {
  .formulario .form-group .col-form-label.stronger {
    padding: 0 15px;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
  }
}

.formulario .form-group .form-control {
  border: 1px solid #ADA792;
  border-radius: 5px;
  font-size: 13px;
  line-height: 16px;
  color: #89826A;
  letter-spacing: 0.3px;
}

.formulario .form-group .custom-radio {
  margin-right: 75px;
  margin-left: 0;
  -webkit-box-align: center;
  align-items: center;
  padding-left: 0;
}

.formulario .form-group .custom-radio .custom-control-label {
  font-size: 13px;
  line-height: 16px;
  color: #89826A;
  letter-spacing: 0.3px;
  align-self: center;
}

.formulario .form-group .custom-radio .custom-control-label::before {
  top: -6px;
  left: 32px;
  width: 28px;
  height: 28px;
  border: 1px solid #ADA792;
}

.formulario .form-group .custom-radio .custom-control-label::after {
  top: -6px;
  left: 32px;
  width: 28px;
  height: 28px;
}

.formulario .form-group .custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color: #89826A;
}

.formulario .form-group .custom-file-input {
  cursor: pointer;
}

.formulario .form-group .custom-file-label {
  border: 1px solid #ADA792;
  border-radius: 5px;
  font-size: 13px;
  line-height: 16px;
  color: #89826A;
  letter-spacing: 0.3px;
  margin-bottom: 0;
  padding: 8px 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}

.formulario .form-group .custom-file-label::after {
  display: none;
}

.formulario .form-group .custom-file-label span {
  font-size: 16px;
}

.formulario .form-group.textareas .col-form-label {
  align-self: flex-start;
}

@media (min-width: 1200px) {
  .formulario .form-group.textareas .col-form-label {
    margin-top: 20px;
  }
}

.formulario .form-group.textareas textarea {
  height: 109px;
}

.formulario .form-group.textareas textarea.large {
  height: 240px;
}

.formulario .form-group p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 15px;
  color: #696969;
  letter-spacing: 0.3px;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .formulario .form-group p {
    font-size: 11px;
    margin-top: 0;
  }
}

.formulario .form-group .submit {
  background-color: #D8B239;
  border: none;
  border-radius: 5px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.3px;
  padding: 9px 57px;
}

.formulario .form-group .submit:hover {
  background-color: #ADA792;
}

.formulario.cleaned {
  background-image: none;
  padding-bottom: 0;
}

@media (min-width: 576px) {
  .intro-contacto {
    padding: 0;
  }
}

@media (min-width: 576px) {
  .intro-contacto .intro {
    display: -webkit-box;
    display: flex;
  }
}

@media (min-width: 768px) {
  .intro-contacto .intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 576px) {
  .intro-contacto .intro p {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .intro-contacto .intro p {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .intro-contacto .intro p {
    width: 255px;
    margin-bottom: 84px;
  }
}

.intro-contacto .intro p strong {
  font-weight: 800;
}

@media (min-width: 576px) {
  .intro-contacto .intro .imagen {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .intro-contacto .intro .imagen {
    width: 100%;
    margin-bottom: 50px;
  }
}

.intro-contacto .intro .imagen img {
  display: none;
}

@media (min-width: 576px) {
  .intro-contacto .intro .imagen img {
    display: block;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .intro-contacto .intro .imagen img {
    margin-left: -70px;
  }
}

@media (min-width: 992px) {
  .intro-contacto .informacion-contacto {
    margin-top: 30px;
  }
}

.intro-contacto .informacion-contacto p {
  font-size: 12px;
  line-height: 17px;
  font-weight: 300;
  color: #696969;
  letter-spacing: 0.3px;
  margin: 0 0 12px;
}

@media (min-width: 576px) {
  .intro-contacto .informacion-contacto p {
    line-height: 18px;
    margin: 0 0 35px;
  }
}

@media (min-width: 992px) {
  .intro-contacto .informacion-contacto p {
    font-size: 13px;
    line-height: 20px;
  }
}

@media (min-width: 1200px) {
  .intro-contacto .informacion-contacto p {
    font-size: 14px;
    line-height: 21px;
  }
}

.intro-contacto .informacion-contacto p strong {
  font-weight: 800;
  color: #D8B239;
}

.intro-contacto .informacion-contacto p a {
  color: #696969;
  text-decoration: none;
}

.intro-contacto .informacion-contacto p a:hover {
  color: #D8B239;
}

.intro-contacto .informacion-contacto .modulo-informacion {
  height: auto;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .intro-contacto .informacion-contacto .modulo-informacion {
    height: 107px;
  }
}

@media (min-width: 992px) {
  .intro-contacto .informacion-contacto .modulo-informacion {
    height: 190px;
    margin-bottom: 24px;
  }
}

.intro-contacto .informacion-contacto .modulo-informacion p strong {
  color: #696969;
}

.mapa-contacto iframe {
  height: 227px;
  margin-top: 35px;
  margin-bottom: -4px;
}

@media (min-width: 576px) {
  .mapa-contacto iframe {
    height: 264px;
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .mapa-contacto iframe {
    height: 286px;
  }
}

@media (min-width: 992px) {
  .mapa-contacto iframe {
    height: 300px;
  }
}

@media (min-width: 1200px) {
  .mapa-contacto iframe {
    height: 547px;
  }
}

.error-404 {
  min-height: 300px;
  padding-bottom: 3.75rem;
}

@media (min-width: 576px) {
  .error-404 {
    padding-bottom: 3rem;
  }
}

@media (min-width: 992px) {
  .error-404 {
    padding-bottom: 5rem;
  }
}

@media (min-width: 1200px) {
  .error-404 {
    padding-bottom: 6rem;
  }
}

.error-404 .has-separator {
  padding-bottom: 4.625rem;
}

@media (min-width: 768px) {
  .error-404 .has-separator {
    padding-bottom: 4rem;
  }
}

@media (min-width: 992px) {
  .error-404 .has-separator {
    padding-bottom: 4.75rem;
  }
}

@media (min-width: 1200px) {
  .error-404 .has-separator {
    padding-bottom: 5.25rem;
  }
}

.error-404 .error-message {
  width: 210px;
  margin: 1.625rem auto;
  text-align: center;
}

@media (min-width: 768px) {
  .error-404 .error-message {
    width: 350px;
    margin: 2.875rem auto;
  }
}

@media (min-width: 992px) {
  .error-404 .error-message {
    margin: 2rem auto;
  }
}

@media (min-width: 1200px) {
  .error-404 .error-message {
    margin: 2.625rem auto;
  }
}

.error-404 .title {
  font-size: 1.692em;
  line-height: 1.563rem;
}

@media (min-width: 768px) {
  .error-404 .title {
    font-size: 1.846em;
    line-height: 1.75rem;
  }
}

@media (min-width: 992px) {
  .error-404 .title {
    font-size: 2em;
    line-height: 1.875rem;
  }
}

@media (min-width: 1200px) {
  .error-404 .title {
    font-size: 2.154em;
    line-height: 1.938rem;
  }
}

.error-404 .text {
  margin: 1.625rem 0 2.425rem;
}

@media (min-width: 576px) {
  .error-404 .text {
    margin: 1.25rem 0 2rem;
  }
}

@media (min-width: 768px) {
  .error-404 .text {
    margin: 1rem 0 1.5rem;
  }
}

@media (min-width: 992px) {
  .error-404 .text {
    margin: 1rem 0 2rem;
  }
}

.error-404 .btn-back-home {
  display: inline-block;
}

.login {
  padding-top: 3.25rem;
  min-height: 250px;
  padding-bottom: 3.25rem;
}

@media (min-width: 576px) {
  .login {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}

@media (min-width: 768px) {
  .login {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}

@media (min-width: 1200px) {
  .login {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}

.login-box {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .login-box {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .login-box {
    max-width: 320px;
  }
}

@media (min-width: 1200px) {
  .login-box {
    max-width: 380px;
  }
}

.login-box .title {
  background-color: #ADA792;
  color: #fff;
  border-radius: 5px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  font-size: 1em;
  text-transform: uppercase;
  padding: 7px 12px 0;
  font-weight: 500;
  margin-bottom: 0.813rem;
}

@media (min-width: 1200px) {
  .login-box .title {
    padding-top: 14px;
    padding-bottom: 2px;
  }
}

.login-box .title span {
  color: inherit;
}

.login-box .title::before {
  content: "";
  display: inline-block;
  background-image: url(../images/iconos/red-ingersoll.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 25px;
  background-size: contain;
}

@media (min-width: 1200px) {
  .login-box .title::before {
    margin-bottom: -2px;
  }
}

.login-box .formulario {
  padding-bottom: 0.875rem;
}

.login-box .formulario .submit {
  background-color: #E5392D;
  width: 100%;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.login-box a {
  color: #89826A;
  font-weight: bold;
}

@media (min-width: 992px) {
  .login-box .foot p {
    font-size: 1em;
  }
}

@media (min-width: 1200px) {
  .login-box .foot p {
    font-size: 1.077em;
  }
}

.login .action-buttons {
  margin-top: -0.5rem;
  text-align: center;
}

.login .action-buttons a {
  text-decoration: none;
  color: #89826A;
  display: inline-block;
  margin: auto;
  position: relative;
}

.login .action-buttons a::after {
  content: "";
  background-color: #89826A;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 1px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

.login .action-buttons a:hover {
  color: #89826A;
}

.login .action-buttons a:hover::after {
  width: 100%;
}

.pedidos-guardados .table-area {
  margin-top: 0.813rem;
}

@media (min-width: 768px) {
  .pedidos-guardados .table-area {
    margin-top: 1.438rem;
  }
}

@media (min-width: 992px) {
  .pedidos-guardados .table-area {
    margin-top: 0;
  }
}

.pedidos-guardados .table-area .actions {
  position: initial;
}

@media (min-width: 768px) {
  .pedidos-guardados .table-area .actions div {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .pedidos-guardados .table-area .actions .btn-link::after {
    bottom: 4px;
  }
}

.pedidos-guardados .table-area .btn-delete {
  position: absolute;
  top: 24px;
  right: 10px;
}

@media (min-width: 768px) {
  .pedidos-guardados .table-area .btn-delete {
    top: 0;
    right: 0;
    position: relative;
  }
}

.pedidos-guardados .table-responsive tfoot tr::before {
  display: none;
}

.pedidos-realizados .table-area {
  margin-top: 0.813rem;
}

@media (min-width: 768px) {
  .pedidos-realizados .table-area {
    margin-top: 1.438rem;
  }
}

@media (min-width: 992px) {
  .pedidos-realizados .table-area {
    margin-top: 0;
  }
}

.pedidos-realizados .table-area .actions {
  position: initial;
}

@media (min-width: 768px) {
  .pedidos-realizados .table-area .actions div {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
}

.pedidos-realizados .table-area tfoot tr:first-child {
  border-top: none;
}

.pedidos-realizados .sidebar-list-menu {
  font-size: 1.154em;
  font-weight: 500;
  margin-top: 1.063rem;
  margin-bottom: 0.75rem;
}

@media (min-width: 768px) {
  .pedidos-realizados .sidebar-list-menu {
    margin-top: 1.5rem;
    margin-bottom: 0.25rem;
  }
}

@media (min-width: 992px) {
  .pedidos-realizados .sidebar-list-menu {
    margin-top: 1.063rem;
  }
}

@media (min-width: 1200px) {
  .pedidos-realizados .sidebar-list-menu {
    margin-top: 1.75rem;
  }
}

.pedidos-realizados .sidebar-list-menu ul {
  display: -webkit-box;
  display: flex;
}

@media (min-width: 992px) {
  .pedidos-realizados .sidebar-list-menu ul {
    display: block;
  }
}

.pedidos-realizados .sidebar-list-menu li {
  border-right: 1px dashed #89826A;
  border-top: none;
}

@media (min-width: 992px) {
  .pedidos-realizados .sidebar-list-menu li {
    border-right: none;
    border-bottom: 1px dashed #89826A;
    padding: 0.375rem 0;
  }
}

.pedidos-realizados .sidebar-list-menu a {
  padding-left: 0.813rem;
  padding-right: 0.813rem;
}

@media (min-width: 576px) {
  .pedidos-realizados .sidebar-list-menu a {
    padding: 0.425rem 0.75rem;
  }
}

@media (min-width: 768px) {
  .pedidos-realizados .sidebar-list-menu a {
    padding: 0.25rem 0.688rem;
  }
}

@media (min-width: 992px) {
  .pedidos-realizados .sidebar-list-menu a {
    padding: 0.563rem 0;
  }
}

.pedidos-realizados.detalles .table-area {
  margin-top: 0;
}

@media (min-width: 576px) {
  .pedidos-realizados.detalles .table-area tbody tr:first-child {
    border-top: none;
  }

  .pedidos-realizados.detalles .table-area .table-details {
    margin-top: -0.938rem;
  }
}

@media (min-width: 992px) {

  .pedidos-realizados.detalles .table-area tbody td,
  .pedidos-realizados.detalles .table-area tbody th,
  .pedidos-realizados.detalles .table-area thead td,
  .pedidos-realizados.detalles .table-area thead th {
    text-align: center;
  }

  .pedidos-realizados.detalles .table-area .product-head {
    width: 280px;
    text-align: left;
  }

  .pedidos-realizados.detalles .table-area .product {
    text-align: left;
  }

  .pedidos-realizados.detalles .table-area .subtotal-head,
  .pedidos-realizados.detalles .table-area .subtotal {
    text-align: right;
  }

  .pedidos-realizados.detalles .table-area .table-details {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .pedidos-realizados.detalles .table-area .product-head {
    width: 360px;
    text-align: left;
  }

  .pedidos-realizados.detalles .table-area tbody td {
    padding: 1.688rem 1.125rem;
  }

  .pedidos-realizados.detalles .table-area .subtotal-head {
    width: 140px;
  }
}

@media (min-width: 992px) {
  .pedidos-realizados.detalles .table-area .subtitle {
    font-weight: bold;
  }
}

.pedidos-realizados.detalles .table-area tfoot {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.231em;
  color: #ADA792;
}

@media (min-width: 576px) {
  .pedidos-realizados.detalles .table-area tfoot {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
}

@media (min-width: 992px) {
  .pedidos-realizados.detalles .table-area tfoot {
    display: table-footer-group;
  }

  .pedidos-realizados.detalles .table-area tfoot .label-wrap {
    padding-left: 0;
    position: relative;
    overflow: hidden;
  }

  .pedidos-realizados.detalles .table-area tfoot .label-wrap::after {
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0;
    left: -1px;
    right: 0;
    border-bottom: 1px dotted #696969;
    position: absolute;
    display: block;
  }

  .pedidos-realizados.detalles .table-area tfoot td {
    padding: 2rem 1.125rem;
  }
}

@media (min-width: 1200px) {
  .pedidos-realizados.detalles .table-area tfoot td {
    padding: 1.875rem 1.125rem;
  }
}

.pedidos-realizados.detalles .table-area tfoot tr {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  border-bottom: none;
  padding: 1.313rem 0;
  border-top: none;
  position: relative;
  overflow: hidden;
}

.pedidos-realizados.detalles .table-area tfoot tr::after {
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: -1px;
  right: 0;
  border-bottom: 1px dotted #696969;
  position: absolute;
  display: block;
}

@media (min-width: 576px) {
  .pedidos-realizados.detalles .table-area tfoot tr {
    width: 65%;
    padding: 1.125rem 0;
    max-width: 210px;
  }
}

@media (min-width: 992px) {
  .pedidos-realizados.detalles .table-area tfoot tr {
    display: table-row;
    width: 100%;
    border-bottom: none;
  }

  .pedidos-realizados.detalles .table-area tfoot tr::after {
    display: none;
  }
}

.pedidos-realizados.detalles .table-area tfoot tr:first-child {
  border-top: none;
}

.pedidos-realizados.detalles .table-area tfoot td[colspan="2"] {
  display: none;
}

@media (min-width: 992px) {
  .pedidos-realizados.detalles .table-area tfoot td[colspan="2"] {
    display: table-cell;
  }
}

.pedidos-realizados.detalles .table-area .total {
  text-align: right;
  position: relative;
  overflow: hidden;
}

@media (min-width: 992px) {
  .pedidos-realizados.detalles .table-area .total::after {
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0;
    left: -1px;
    right: 0;
    border-bottom: 1px dotted #696969;
    position: absolute;
    display: block;
  }
}

.pedidos-realizados.detalles .order-details {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.625rem;
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .pedidos-realizados.detalles .order-details {
    max-width: 160px;
  }
}

@media (min-width: 1200px) {
  .pedidos-realizados.detalles .order-details {
    max-width: 190px;
  }
}

.pedidos-realizados.detalles .order-details .subtitle {
  font-family: "DM Sans", sans-serif;
  text-transform: uppercase;
  color: #707070;
  font-size: 1.077em;
  margin-bottom: 0.625rem;
}

.pedidos-realizados.detalles .order-details>div {
  margin: 0.5rem 0;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

@media (min-width: 576px) {
  .pedidos-realizados.detalles .order-details>div {
    border-bottom: 1px dashed #ADA792;
    padding: 1.25rem 0;
    margin: 0;
  }
}

.pedidos-realizados.detalles .order-details .button-order {
  margin: -0.125rem 0 0;
  padding: 0;
}

@media (min-width: 576px) {
  .pedidos-realizados.detalles .order-details .button-order {
    border-bottom: none;
    margin: 0;
  }
}

.pedidos-realizados.detalles .order-number {
  width: 55%;
  border-right: 1px dashed #ADA792;
}

@media (min-width: 576px) {
  .pedidos-realizados.detalles .order-number {
    width: 100%;
    border-right: none;
  }
}

.pedidos-realizados.detalles .order-number .text {
  color: #ADA792;
  font-size: 1.846em;
  font-weight: bold;
}

.pedidos-realizados.detalles .status {
  width: 45%;
  padding-left: 22px;
}

@media (min-width: 576px) {
  .pedidos-realizados.detalles .status {
    width: 100%;
    padding-left: 0;
  }
}

.pedidos-realizados.detalles .status .text {
  font-weight: bold;
  color: #E5392D;
}

.pedidos-realizados.detalles .send-details {
  width: 100%;
}

@media (min-width: 576px) {
  .pedidos-realizados.detalles .send-details {
    border-bottom: none !important;
  }
}

.pedidos-realizados.detalles .send-details p {
  margin: 0;
}

@media (min-width: 768px) {
  .mis-datos.private .separator {
    padding: 0.75rem;
  }
}

.mis-datos .form-group.dni .col-form-label {
  align-self: flex-start;
  margin-top: 1px;
}

.mis-datos .form-group.dni .subtext {
  max-width: 200px;
}

@media (min-width: 992px) {
  .mis-datos .form-group.dni .subtext {
    max-width: initial;
  }
}

.mis-datos .form-group .error-icon {
  top: 14px;
}

.mis-datos .form-group.email.only-data label {
  padding-right: 0;
}

@media (min-width: 992px) {
  .mis-datos .form-group.email.only-data label {
    padding-right: 15px;
  }
}

.mis-datos .box-list.address-list tbody tr:last-child::after {
  display: none;
}

@media (min-width: 992px) {
  .mis-datos .box-list .address {
    width: 60% !important;
  }
}

.mis-datos .box-list .address span {
  display: inline-block;
}

@media (min-width: 768px) {
  .mis-datos .box-list .address span {
    display: inline;
  }
}

@media (min-width: 576px) {
  .mis-datos .box-list .actions {
    padding-left: 2rem;
  }
}

@media (min-width: 992px) {
  .mis-datos .box-list .actions {
    width: 40% !important;
  }
}

.mis-datos .box-list .actions-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  align-items: flex-start;
}

.mis-datos .box-list .actions .btn-delete {
  margin-top: -3px;
}

.mis-datos .box-list .button-new {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .mis-datos .box-list .button-new {
    padding-top: 0.938rem;
    padding-bottom: 0.938rem;
  }
}

@media (min-width: 992px) {
  .mis-datos .box-list .button-new {
    padding-top: 3.125rem;
    padding-bottom: 1rem;
  }
}

.mis-datos.address-form .box-form {
  margin-top: 1.25rem;
  padding: 0;
}

@media (min-width: 576px) {
  .mis-datos.address-form .box-form {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .mis-datos.address-form .box-form {
    max-width: 650px;
  }
}

.mis-datos.address-form .subtitle {
  border-radius: 10px 10px 0 0;
  background-color: #ADA792;
  color: #fff;
  padding: 0.25rem 0.938rem;
  font-size: 0.923em;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

@media (min-width: 576px) {
  .mis-datos.address-form .subtitle {
    padding: 0.25rem 1.875rem;
  }
}

.mis-datos.address-form form {
  padding: 1rem 0.938rem;
}

@media (min-width: 576px) {
  .mis-datos.address-form form {
    padding: 1.75rem 1.875rem;
  }
}

@media (min-width: 768px) {
  .mis-datos.address-form form {
    padding: 2rem 1.875rem;
  }
}

@media (min-width: 992px) {
  .mis-datos.address-form form {
    padding: 2.75rem 1.875rem;
  }
}

@media (min-width: 1200px) {
  .mis-datos.address-form form {
    padding: 3.5rem 4.063rem;
  }
}

.mis-datos.address-form .observations label {
  align-self: flex-start;
  margin-top: 0.5rem;
}

.mis-datos.address-form textarea {
  height: 130px;
  resize: none;
}

.mis-datos.address-form .sidebar {
  padding-top: 0.875rem;
}

.car-details .main-title {
  margin-top: 1rem;
}

@media (min-width: 576px) {
  .car-details .main-title {
    margin-top: 1.75rem;
  }
}

.car-details .sidebar-list-menu {
  margin-top: 1.25rem;
  font-size: 1.077em;
  line-height: 1rem;
}

@media (min-width: 576px) {
  .car-details .sidebar-list-menu {
    margin-top: 2.438rem;
  }
}

@media (min-width: 992px) {
  .car-details .sidebar-list-menu {
    max-width: 210px;
  }
}

@media (min-width: 1200px) {
  .car-details .sidebar-list-menu {
    max-width: 190px;
  }
}

.car-details .sidebar-list-menu li {
  opacity: 0.35;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

@media (min-width: 576px) {
  .car-details .sidebar-list-menu li {
    margin-bottom: 0.5rem;
  }

  .car-details .sidebar-list-menu li:last-child {
    border-bottom: 1px dashed #89826A;
  }
}

.car-details .sidebar-list-menu li:first-child {
  border-top: 1px dashed #89826A;
}

.car-details .sidebar-list-menu li.active {
  font-weight: normal;
  opacity: 1;
  pointer-events: none;
}

.car-details .sidebar-list-menu li:hover {
  opacity: 0.65;
}

.car-details .sidebar-list-menu a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  text-transform: none;
  font-family: "DM Sans", sans-serif;
}

@media (min-width: 576px) {
  .car-details .sidebar-list-menu a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
  }
}

.car-details .sidebar-list-menu .subtitle {
  color: #ADA792;
  font-size: 2em;
  line-height: 2.313rem;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

.car-details .sidebar-buttons {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: -1rem 0 1.425rem;
}

@media (min-width: 576px) {
  .car-details .sidebar-buttons {
    margin-top: 3.75rem;
  }
}

.car-details .sidebar-buttons .sidebar-btn {
  width: 130px;
  height: 32px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 0.923em;
  font-weight: 500;
  border-radius: 5px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

@media (min-width: 576px) {
  .car-details .sidebar-buttons .sidebar-btn {
    width: 150px;
    height: 40px;
  }
}

@media (min-width: 768px) {
  .car-details .sidebar-buttons .sidebar-btn {
    width: 210px;
  }
}

@media (min-width: 992px) {
  .car-details .sidebar-buttons .sidebar-btn {
    width: 210px;
  }
}

@media (min-width: 1200px) {
  .car-details .sidebar-buttons .sidebar-btn {
    width: 190px;
  }
}

.car-details .sidebar-buttons .sidebar-btn.filled {
  color: #fff;
  background-color: #ADA792;
  border: 1px solid #ADA792;
}

.car-details .sidebar-buttons .sidebar-btn.filled.opened {
  background-color: #D8B239;
  border: 1px solid #D8B239;
}

.car-details .sidebar-buttons .sidebar-btn.filled.opened:hover {
  background-color: #D8B239;
  border-color: #D8B239;
}

@media (min-width: 1200px) {
  .car-details .sidebar-buttons .sidebar-btn.filled.opened:hover {
    border-color: #E5392D;
    background-color: #E5392D;
  }
}

.car-details .sidebar-buttons .sidebar-btn.filled:hover {
  background-color: #89826A;
  border-color: #89826A;
}

.car-details .sidebar-buttons .sidebar-btn.outlined {
  color: #ADA792;
  background-color: #fff;
  border: 1px solid #ADA792;
}

.car-details .sidebar-buttons .sidebar-btn.outlined:hover {
  color: #fff;
  background-color: #ADA792;
  border-color: #ADA792;
}

.car-details .sidebar-buttons .sidebar-btn:focus {
  text-align: none;
}

@media (min-width: 576px) {
  .car-details .sidebar-buttons .btn-save-order {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media (min-width: 576px) {
  .car-details .sidebar-buttons .btn-remove-all {
    -webkit-box-ordinal-group: 4;
    order: 3;
    margin-top: 0.75rem;
  }
}

.car-details .sidebar-buttons .input-wrapper {
  margin-top: 0.5rem;
  width: 100%;
}

@media (min-width: 576px) {
  .car-details .sidebar-buttons .input-wrapper {
    width: 150px;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
}

@media (min-width: 768px) {
  .car-details .sidebar-buttons .input-wrapper {
    width: 210px;
  }
}

@media (min-width: 1200px) {
  .car-details .sidebar-buttons .input-wrapper {
    width: 190px;
  }
}

.car-details .sidebar-buttons .input-wrapper.hidden {
  display: none;
}

.car-details .sidebar-buttons .input-wrapper.hidden.opened {
  display: block;
}

.car-details .sidebar-buttons .input-wrapper input {
  padding: 0.425rem 0.75rem;
  border: 1px solid #ADA792;
  border-radius: 0 0 5px 5px;
  border-top: none;
  width: 100%;
  color: #ADA792;
  font-weight: 500;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}

@media (min-width: 576px) {
  .car-details .sidebar-buttons .input-wrapper input {
    text-align: center;
  }
}

.car-details .sidebar-buttons .input-wrapper input::-webkit-input-placeholder {
  opacity: 1;
}

.car-details .sidebar-buttons .input-wrapper input::-moz-placeholder {
  opacity: 1;
}

.car-details .sidebar-buttons .input-wrapper input:-ms-input-placeholder {
  opacity: 1;
}

.car-details .sidebar-buttons .input-wrapper input::-ms-input-placeholder {
  opacity: 1;
}

.car-details .sidebar-buttons .input-wrapper input::placeholder {
  opacity: 1;
}

.car-details .table-area {
  margin-top: 0;
}

@media (min-width: 576px) {
  .car-details .table-area tbody tr:first-child {
    border-top: none;
  }

  .car-details .table-area .table-details {
    margin-top: -0.938rem;
  }
}

@media (min-width: 768px) {

  .car-details .table-area tbody td,
  .car-details .table-area tbody th,
  .car-details .table-area thead td,
  .car-details .table-area thead th {
    text-align: center;
  }

  .car-details .table-area tbody td {
    vertical-align: middle;
  }

  .car-details .table-area tbody tr:last-child {
    border-bottom: 0;
  }

  .car-details .table-area tbody tr:last-child::after {
    display: none;
  }

  .car-details .table-area .product-head {
    width: 350px;
    text-align: left;
  }

  .car-details .table-area .product {
    text-align: left;
  }

  /*
  .car-details .table-area .product .text {
    /* overflow: hidden;
      max-height: 34px;
  }*/

  .car-details .table-area .actions-head,
  .car-details .table-area .actions {
    text-align: right;
    width: 50px;
  }

  .car-details .table-area .table-details {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .car-details .table-area .product-head {
    width: 360px;
    text-align: left;
  }

  .car-details .table-area tbody td {
    padding: 1.688rem 1.125rem;
  }
}

.car-details .table-area .field-block {
  display: -webkit-inline-box;
  display: inline-flex;
  margin-left: 0.25rem;
  padding: 4px 5px;
}

@media (min-width: 768px) {
  .car-details .table-area .field-block {
    margin-left: 0;
  }
}

.car-details .table-area .quantity-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

@media (min-width: 768px) {
  .car-details .table-area .quantity-wrap {
    -webkit-box-pack: center;
    justify-content: center;
  }
}

.car-details .table-area .quantity-wrap span {
  margin-top: -4px;
}

@media (min-width: 768px) {
  .car-details .table-area .quantity {
    -webkit-box-pack: center;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .car-details .table-area .subtitle {
    font-weight: bold;
  }
}

.car-details .table-area .actions {
  display: none;
}

@media (min-width: 768px) {
  .car-details .table-area .actions {
    display: table-cell;
  }

  .car-details .table-area .actions-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
}

.car-details .table-area .actions-head {
  display: none;
}

@media (min-width: 768px) {
  .car-details .table-area .actions-head {
    display: table-cell;
    padding: 0;
  }
}

.car-details .table-area .unit .subhead,
.car-details .table-area .quantity .subhead,
.car-details .table-area .subtotal .subhead {
  width: 65px;
  display: inline-block;
}

@media (min-width: 768px) {

  .car-details .table-area .unit .subhead,
  .car-details .table-area .quantity .subhead,
  .car-details .table-area .subtotal .subhead {
    display: none;
  }
}

@media (min-width: 768px) {
  .car-details .table-area .unit {
    display: none !important;
  }

  .car-details .table-area .unit-head {
    display: none;
  }
}

.car-details .table-area tfoot {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.231em;
  color: #ADA792;
}

@media (min-width: 576px) {
  .car-details .table-area tfoot {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .car-details .table-area tfoot {
    display: table-footer-group;
    font-size: 1.385em;
  }

  .car-details .table-area tfoot td {
    padding: 2rem 1.125rem;
  }
}

@media (min-width: 1200px) {
  .car-details .table-area tfoot td {
    padding: 1.875rem 1.125rem;
  }
}

.car-details .table-area tfoot tr {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 1px solid transparent;
  padding: 1rem 0;
  border-top: none;
}

.car-details .table-area tfoot tr::before {
  display: none !important;
}

.car-details .table-area tfoot tr::after {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 1px dotted #707070;
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: 0;
  display: block;
}

@media (min-width: 576px) {
  .car-details .table-area tfoot tr {
    width: 65%;
    max-width: 210px;
    overflow: hidden;
  }

  .car-details .table-area tfoot tr::after {
    bottom: 0;
  }
}

@media (min-width: 768px) {
  .car-details .table-area tfoot tr {
    display: table-row;
    width: 100%;
  }
}

.car-details .table-area tfoot tr:first-child {
  border-top: none;
}

.car-details .table-area .bottom {
  text-align: right;
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .car-details .table-area .bottom {
    display: table-cell;
    border-bottom: 1px dotted #696969;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 768px) {
  .car-details .table-area .bottom-wrap {
    padding-top: 1.938rem;
    padding-bottom: 1.375rem;
    position: relative;
    overflow: hidden;
  }

  .car-details .table-area .bottom-wrap::before {
    content: "";
    position: absolute;
    width: 80%;
    height: 40px;
    border-radius: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    left: 0;
    right: 0;
    bottom: 100%;
    margin: auto;
    z-index: 0;
  }
}

@media (min-width: 992px) {
  .car-details .table-area .bottom-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

.car-details .table-area .coupon {
  display: none;
  border-bottom: none;
  padding-bottom: 1.75rem;
}

@media (min-width: 768px) {
  .car-details .table-area .coupon {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
  }
}

@media (min-width: 992px) {
  .car-details .table-area .coupon {
    padding-bottom: 0;
  }
}

.car-details .table-area .coupon .label {
  color: #D8B239;
  font-weight: 500;
  font-size: 0.778em;
  text-transform: none;
}

@media (min-width: 992px) {
  .car-details .table-area .coupon .label {
    margin-right: 2.813rem;
  }
}

@media (min-width: 1200px) {
  .car-details .table-area .coupon .label {
    margin-right: 1.75rem;
  }
}

.car-details .table-area .coupon input {
  width: 195px;
  height: 33px;
}

.car-details .table-area .total {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .car-details .table-area .total {
    width: 195px;
    margin-left: auto;
  }
}

.car-details .data-form .box-form {
  margin-top: 1.25rem;
  padding: 0;
}

@media (min-width: 576px) {
  .car-details .data-form .box-form {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .car-details .data-form .box-form {
    max-width: 650px;
  }
}

.car-details .data-form .subtitle {
  border-radius: 10px 10px 0 0;
  background-color: #ADA792;
  color: #fff;
  padding: 0.25rem 0.938rem;
  font-size: 0.923em;
  text-transform: uppercase;
  text-align: center;
  font-family: "Roboto", sans-serif;
}

@media (min-width: 576px) {
  .car-details .data-form .subtitle {
    padding: 0.25rem 1.875rem;
  }
}

.car-details .data-form .observations label {
  align-self: flex-start;
  margin-top: 0.5rem;
}

.car-details .data-form textarea {
  height: 130px;
  resize: none;
}

.car-details .data-form .sidebar {
  padding-top: 0.875rem;
}

.car-details.step-2 .box-form {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.car-details.step-2 .box-form.has-separator {
  padding-bottom: 30px !important;
}

.car-details.step-2 .box-form.fill-data {
  margin-bottom: -2rem;
  box-shadow: none;
}

@media (min-width: 576px) {
  .car-details.step-2 .box-form.fill-data {
    margin-bottom: -1rem;
  }
}

.car-details.step-2 .box-form.part-in {
  box-shadow: none;
}

.car-details.step-2 .box-form.part-in .subtitle {
  border-radius: 5px;
}

.car-details.step-2 .box-form-wrapper {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}

@media (min-width: 576px) {
  .car-details.step-2 .box-form-wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.car-details.step-2 .box-form-main {
  border-radius: 10px 10px 0 0;
  box-shadow: 0 -4px 10px rgba(173, 167, 146, 0.2);
}

@media (min-width: 992px) {
  .car-details.step-2 .box-form-main {
    max-width: 650px;
  }
}

.car-details.step-2 .box-wrap {
  padding: 1rem 0.938rem;
}

@media (min-width: 576px) {
  .car-details.step-2 .box-wrap {
    padding: 1.375rem 1.5rem;
  }
}

@media (min-width: 768px) {
  .car-details.step-2 .box-wrap {
    padding: 1.375rem 1.875rem;
  }
}

@media (min-width: 992px) {
  .car-details.step-2 .box-wrap {
    padding: 2.25rem 3rem;
  }
}

@media (min-width: 1200px) {
  .car-details.step-2 .box-wrap {
    padding: 2.25rem 3.875rem;
  }
}

.car-details.step-2 .terms-conditions {
  margin-top: 1.875rem;
  margin-bottom: 0.125rem;
}

@media (min-width: 576px) {
  .car-details.step-2 .terms-conditions {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 992px) {
  .car-details.step-2 .terms-conditions {
    margin-bottom: 0.5rem;
  }
}

.car-details.step-2 .terms-conditions .col-form-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.car-details.step-2 .terms-conditions label {
  cursor: pointer;
}

.car-details.step-2 .send-type .box-wrap {
  padding-top: 1.25rem;
}

@media (min-width: 992px) {
  .car-details.step-2 .send-type .box-wrap {
    padding-top: 1.75rem;
    padding-bottom: 1.563rem;
    padding-left: 1.625rem;
    padding-right: 1.625rem;
  }
}

@media (min-width: 1200px) {
  .car-details.step-2 .send-type .box-wrap {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.car-details.step-2 .sendtype-options {
  margin-bottom: -1rem;
}

.car-details.step-2 .sendtype-options label {
  cursor: pointer;
}

@media (min-width: 576px) {
  .car-details.step-2 .sendtype-options {
    margin-bottom: -0.125rem;
  }
}

.car-details.step-2 .sendtype-options .col-form-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.car-details.step-2 .addresses.part-in.has-separator {
  padding-bottom: 0 !important;
}

.car-details.step-2 .addresses::before,
.car-details.step-2 .addresses::after {
  bottom: 0;
}

.car-details.step-2 .addresses .table {
  margin-top: 0.625rem;
  margin-bottom: 0;
}

.car-details.step-2 .addresses td {
  border-top: none;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .car-details.step-2 .addresses .address {
    width: 280px;
  }
}

@media (min-width: 992px) {
  .car-details.step-2 .addresses .actions {
    width: 30%;
  }
}

.car-details.step-2 .addresses .option-wrap {
  width: 30px;
  vertical-align: top;
}

.car-details.step-2 .addresses .customized-radio {
  margin-right: 0;
  margin-top: 0.375rem;
}

.car-details.step-2 .addresses .button-new {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

@media (min-width: 992px) {
  .car-details.step-2 .addresses .button-new {
    margin-top: 1.875rem;
  }
}

.car-details.step-2 .addresses .button-new .btn-new {
  width: 130px;
  height: 34px;
}

@media (min-width: 576px) {
  .car-details.step-2 .addresses .button-new .btn-new {
    width: 150px;
    height: 40px;
  }
}

@media (min-width: 768px) {
  .car-details.step-2 .addresses .button-new .btn-new {
    width: 210px;
  }
}

@media (min-width: 992px) {
  .car-details.step-2 .addresses .button-new .btn-new {
    width: 130px;
  }
}

.car-details.step-2 .addresses .button-new span {
  color: #fff;
  font-size: 0.923em;
}

.car-details.step-2 .addresses .actions-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.car-details.step-2 .addresses .actions-wrap .btn-delete {
  margin-left: 0.625rem;
}

.car-details.step-2 .addresses .box-wrap {
  padding-bottom: 0.375rem;
  padding-left: 0.188rem;
  padding-right: 0.188rem;
}

@media (min-width: 576px) {
  .car-details.step-2 .addresses .box-wrap {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.625rem;
  }
}

@media (min-width: 768px) {
  .car-details.step-2 .addresses .box-wrap {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
}

@media (min-width: 992px) {
  .car-details.step-2 .addresses .box-wrap {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .car-details.step-2 .addresses .box-wrap {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
}

.car-details.step-2 .addresses label {
  cursor: pointer;
  padding-left: 7%;
  /* acá sin padding */
}

.car-details.step-2 .last-block {
  box-shadow: none;
  border-radius: none;
  margin-top: 0;
}

@media (min-width: 576px) {
  .car-details.step-2 .last-block .box-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}

.car-details.step-2 .last-block .total {
  font-weight: bold;
  font-size: 1.231em;
  color: #ADA792;
  text-transform: uppercase;
  padding: 0.5rem 0 1rem;
  margin-bottom: 0.375rem;
  border-bottom: 1px dashed #89826A;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

@media (min-width: 576px) {
  .car-details.step-2 .last-block .total {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 768px) {
  .car-details.step-2 .last-block .total {
    font-size: 1.385em;
    line-height: 1.5rem;
    margin-bottom: 0;
    padding-bottom: 1.125rem;
  }
}

@media (min-width: 992px) {
  .car-details.step-2 .last-block .total {
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 0;
    margin-top: -0.125rem;
    padding-bottom: 1.375rem;
  }
}

.car-details.step-2 .last-block .total-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media (min-width: 768px) {
  .car-details.step-2 .last-block .total-wrap {
    width: 65%;
  }
}

@media (min-width: 992px) {
  .car-details.step-2 .last-block .total-wrap {
    width: 50%;
  }
}

.car-details.step-2 .last-block .submit {
  background-color: #D8B239;
}

@media (min-width: 576px) {
  .car-details.step-2 .last-block .submit {
    max-width: none;
    font-weight: bold;
  }
}

@media (min-width: 992px) {
  .car-details.step-2 .last-block .submit {
    height: 34px;
  }
}

#select-option {
  background-color: #ADA792;
  border-color: transparent;
  color: white;
  font-size: 13px;
}

.page-item.active .page-link {
  background-color: #ada792;
  border-color: #ada792;
}

.page-link {

  color: #696969;
}

.error_message {
  font-size: 0.75rem !important;
  color: red !important;
  padding: 10px 0px 0 0 !important;
  font-weight: 500 !important;
}

.advertecias {
  font-family: "DM Sans", sans-serif;
  color: #696969;
  padding: 0 10px;
  margin: 15px 0 0 0 !important;
  font-size: 0.75rem !important;
  line-height: 1.5 !important;
}

a.no-link {
  cursor: pointer;
}

.contador_de_caracteres {
  width: 100%;
  text-align: end;
}

.boton-carrito-menu {
  order: 0;
  margin: 0;
}

.boton-carrito-menu span {
  font-size: 9px;
  line-height: 7px;
  letter-spacing: 0px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 44px;
  padding: 5px 6.4px;
}

.carrito-menu {
  margin-left: -8px !important;
  width: 25px;
}

.buscador-carrito {
  background-color: transparent;
  border-color: transparent;
  color: #ada792;
  font-size: 13px;
}

.input-buscador-carrito {
  border: 1px solid #ada792;
  background-color: transparent;
  padding: 7px 35px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
  color: #ada792;
  width: 100%;
  border-radius: 30px;
  margin-left: 8px;
}

.rrhh {
  background-image: url(../images/la-gente/separador.png);
  margin-bottom: 10px !important;
}

.titulo-rrhh {
  text-align: end;
}

@media (max-width: 480px) {
  .rrhh {
    background-position: 67% top !important;
    background-size: 335% !important;
  }
}

@media (min-width: 480px) and (max-width: 576px) {
  .rrhh {
    background-position: 60% top !important;
    background-size: 250% !important;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .rrhh {
    background-position: 60% top !important;
    background-size: 210% !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .rrhh {
    background-position: 54% top !important;
  }
}

.leyenda-rrhh {
  background: none;
  padding: 0;
}



.leyenda-rrhh p {
  text-align: left !important;
}


@media (max-width: 768px) {
  .row-rrhh {
    height: 70px !important;
  }
}


@media (min-width: 768px) {
  .row-rrhh {
    height: 40px !important;
    padding: 24px 0 0;
  }
}

@media (min-width: 992px) {
  .leyenda-rrhh p {
    padding-left: 100px;
  }
}

@media (min-width: 1200px) {
  .leyenda-rrhh {
    padding-left: 200px;
    padding-right: 25px;
  }
}

.custom-radio-rrhh {
  margin: 0 !important;
}

.label-rrhh {
  display: flex;
  width: 100%;
  padding: 5px 0;
  align-items: center;
  justify-content: space-between;
}

.label-rrhh::before {
  position: sticky;
  order: 2;
}

.formulario-rrhh {
  background: none;
  padding-bottom: 20px;
}