@font-face {
  font-family: "Swis721 BlkCn BT";
  font-display: swap;
  src: url("../../fonts/swiss 721 black condensed bt.ttf") format("truetype");
}

@font-face {
  font-family: "Swis721 Lt BT";
  font-display: swap;
  src: url("../../fonts/Swiss721LightBT.ttf") format("truetype");
}

@font-face {
  font-family: "Swis721 Cn BT";
  font-display: swap;
  src: url("../../fonts/Swiss721CondensedBT.ttf") format("truetype");
}

@font-face {
  font-family: "yu-gothic-regular";
  src: url("../../fonts/yu-gothic-regular.ttf") format("truetype");
}

@font-face {
  font-family: "yu-gothic-bold";
  src: url("../../fonts/yu-gothic-bold.ttf") format("truetype");
}

:root {
  --scrollbar-width: 0px;
}

@media (hover: none) {
  :root {
    --scrollbar-width: 0px;
  }
}

@media (hover: hover) {
  :root {
    --scrollbar-width: calc(100vw - 100%);
  }
}

body {
  font-family: "Swis721 BlkCn BT";
}

.yu_gothic {
  font-family: "yu-gothic-regular";
}

.tachado {
  text-decoration: line-through;
}

.lblError {
  font-size: 9pt;
  font-family: "Swis721 BlkCn BT";
  display: inline-block;
  margin-left: 10px;
  color: #fd7979;
}

.border-error {
  /*border: 1px solid #D13212 !important;*/
  border-bottom: 2px solid #d13212 !important;
}

.border-error + span.input-group-addon {
  border-bottom: 2px solid #d13212 !important;
}

select.border-error + .select2.select2-container .select2-selection--single {
  border-bottom: 2px solid #d13212 !important;
}

/* Para agrupaciones con checkbox */
.checkbox label.border-error {
  border-bottom: none !important;
}

.checkbox label.border-error::before {
  border: 2px solid #d13212 !important;
}

/*select.border-error + .select2 {
    border-bottom: 2px solid #D13212 !important;
}*/

.control-error {
  border: 1px solid #d13212 !important;
  color: #d13212;
}

.container_black_fixed {
  display: flex;
  display: none;
  height: 74px;
  background-color: #000000;
  justify-content: center;
  align-items: center;
  --animate-duration: 3s;
}

#collapseMenu {
  display: flex;
}

#collapseMenuMobile {
  display: none;
}

#collapseMenu .navbar-nav {
  margin-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.scroll #collapseMenu .navbar-nav {
  padding-top: 10px;
  padding-bottom: 10px;
}

#menu_nav {
  --animate-duration: 1s;
  position: absolute;
  top: 0px;
  background-color: transparent;
  z-index: 1022;
  padding-top: 10px;
}

#header_fixed.container_black_fixed.show {
  display: flex !important;
}

#header_fixed.container_black_fixed.show ~ #menu_nav {
  top: 70px;
  transition: top 2s ease-in-out;
}

#menu_nav.scroll {
  padding-top: 10px;
  top: 0px !important;
  position: fixed;
  background-color: transparent !important;
}

#menu_desktop .btn.cart.head {
  display: none;
}

.col-search-products {
  opacity: 0;
  min-width: 350px;
}

.col-search-products .input-group-text {
  background-color: white;
}

.col-search-products input {
  border-left: none;
}

.col-search-products input,
.col-search-products input::placeholder {
  color: #888888;
  font-family: "Swis721 Lt BT";
}

.col-search-products img {
  height: 16px;
}

@media (max-width: 991px) {
  body {
    font-size: 14px;
  }

  #menu_desktop .navbar-toggler {
  }

  #menu_desktop .navbar-brand {
  }

  #menu_desktop .btn.cart.head {
    display: block;
  }
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option {
  font-size: 11px;
  line-height: 21px;
  /*font-weight: 700;*/
  color: #000000;
  color: #160f3b;
  /*opacity: 0.5;*/
  padding-left: 29px;
  padding-right: 29px;
  padding-left: 10px;
  padding-right: 10px;
  /*opacity: 0.5;*/
  font-family: "Swis721 BlkCn BT";
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option.active {
  opacity: 1;
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option:hover,
.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option:focus,
.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option::selection {
  opacity: 1;
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option.active {
  opacity: 1;
}

.container_menu_header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu {
  background-color: transparent;
  border: none;
  color: #160f3b;
  font-family: "Swis721 BlkCn BT";
  font-size: 11px;
  font-weight: 700;
  padding: 0px;
  padding-top: 65px;
}

.container_menu_header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu:hover {
  background-color: transparent;
  border: none;
  color: #160f3b;
}

.container_menu_header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
  padding-top: 0px;
  padding-left: 10px;
  background-color: transparent;
  color: #160f3b;
}

.container_menu_header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
  padding-top: 0px;
  padding-left: 10px;
  background-color: transparent;
  color: #160f3b;
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option_lang_it {
  font-size: 11px;
  line-height: 21px;
  font-weight: 900;
  /*color: #000000;*/
  color: #160f3b;
  /*opacity: 0.5;*/
  /*padding-left: 29px;*/
  padding-left: 10px;
  padding-right: 2px;
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option_lang_it:hover,
.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option_lang_it:focus,
.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option_lang_it::selection {
  opacity: 1;
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option_lang_it.active {
  /*color: red;*/
  opacity: 1;
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option_lang_en {
  font-size: 11px;
  line-height: 21px;
  font-weight: 900;
  /*color: #000000;*/
  color: #160f3b;
  /*opacity: 0.5;*/
  padding-left: 2px;
  /*padding-right: 29px;*/
  padding-right: 10px;
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option_lang_en:hover,
.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option_lang_en:focus,
.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option_lang_en::selection {
  opacity: 1;
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option_lang_en.active {
  /*color: red;*/
  opacity: 1;
}

.container_menu_header .navbar-light .navbar-nav .nav-link.header_menu_option.always_opaque {
  opacity: 1;
}

.container_menu_header .btn {
  /*color: black;*/
  color: #160f3b;
  font-size: 14px;
  font-size: 8pt;
  position: relative;
  top: 0.5px;
}

.separator_lang {
  position: relative;
  top: -1px;
}

.item_languages {
  display: inline-flex;
  align-items: center;
}

.space_menu_header {
  /*padding-top: 30px;
    padding-bottom: 30px;*/
  /*    padding-top: 16.5px;
    padding-bottom: 16.5px;*/
  padding-top: 0px;
  padding-bottom: 0px;
}

.span_bag_button {
  margin-left: 0px;
  margin-right: 3px;
}

.header_menu_logo {
  margin-left: 24px;
  margin-right: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#menu_nav.scroll .header_menu_logo {
  padding-top: 10px;
  padding-bottom: 10px;
}

.header_menu_logo img {
  height: 16px;
}

.section-footer {
  background-color: #000000;
}

.legal {
  padding-right: 40px;
  margin-bottom: 15px;
}

.a_link_footer_menu,
.a_link_footer_menu:hover,
.a_link_footer_menu:focus,
.a_link_footer_menu::selection {
  font-size: 8pt;
  line-height: 1;
  /*line-height: 19px;*/
  /*font-weight: 900;*/
  text-decoration: none;
}

.col_links_footer {
  padding-left: 70px;
  padding-bottom: 32px;
}

.col_links_footer .a_link_footer_menu,
.col_links_footer .accordion-button {
  font-size: 14px;
}

.container_black_footer {
  padding-top: 61px;
}

.a_network_link {
  display: block;
  margin-left: 8px;
  margin-right: 8px;
  position: relative;
  top: 5px;
}

.redes {
  display: inline-flex;
  width: fit-content;
  padding-left: 70px;
}

.col_redes {
  margin-bottom: 34px;
}

.label_newsletter {
}

.input_email_footer,
.input_email_footer:hover,
.input_email_footer:focus,
.input_email_footer::selection {
  font-size: 8pt;
  width: 268px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0px;
  padding: 1px 5px;
  height: 26px;
  margin-left: 10px;
}

.input_email_footer::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  font-family: "Swis721 Lt BT";
  color: #ffffff;
  opacity: 1; /* Firefox */
}

.col_footer_newsletter {
  display: flex;
}

.col_footer_newsletter .div-txtNewsLetter {
  display: flex;
  /*align-items: center;*/
  align-items: flex-end;
}

.lblMsgNewsletter {
  position: relative;
  top: 15px;
  height: 0px;
  left: 5px;
}

.lblMsgNewsletter .error {
  color: red;
  font-family: "Swis721 Lt BT";
}

.div-btnNewsLetter {
  display: flex;
  align-items: end;
  margin-left: 15px;
}

.section-footer a.btn_send_email_newsletter {
  background: black;
  border-radius: 0px;
  border: none;
  font-family: "Swis721 BlkCn BT" !important;
  font-size: 8pt;
  line-height: 8px;
  font-weight: 300;
  color: white;
  padding: 4px 25px 3px 25px;
  /* height: 26px; */
  border-radius: 7px;
  font-weight: 700;
}

.section-footer mobile {
}

/*#region FOOTER*/
.section-footer {
  background-color: white;
  padding: 45px 15px;
  font-size: 8pt;
  color: black;
  line-height: 1.3;
}

.section-footer .col-items > div {
  margin: 0 0px;
  height: auto;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.section-footer .col-items > div:first-child {
  margin-left: 0;
}

.section-footer .col-items > div:last-child {
  margin-right: 0;
}

.section-footer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  /*margin: 0 100px 0 200px;*/
  /*margin: 0 0 0 15vw;*/
}

.section-footer ul li {
  display: inline-block;
  margin: 0 25px;
  /*margin: 0 15px 0 15px;*/
}

.section-footer a {
  color: black;
  text-decoration: none;
}

/*#endregion FOOTER*/
@media (max-width: 1800px) {
  .col_footer_newsletter {
    margin-top: 30px !important;
  }

  .section-footer ul {
    margin: 0 0px;
  }
}

@media (max-width: 1500px) {
  .redes {
    padding-left: 3vw;
  }

  .section-footer ul li {
    margin: 0 20px 0 20px;
  }
}

@media (max-width: 1300px) {
  .redes {
    padding-left: 1vw;
  }

  .section-footer ul li {
    margin: 0 10px 0 10px;
  }

  .col_footer_newsletter {
    margin-top: 15px !important;
  }
}

@media (max-width: 1170px) {
  .redes {
    padding-left: 5vw;
  }

  .section-footer ul li:first-child {
    margin-left: 0;
  }

  .input_email_footer,
  .input_email_footer:hover,
  .input_email_footer:focus,
  .input_email_footer::selection {
    width: 220px;
  }
}

@media (max-width: 991px) {
  .header_menu_logo {
    margin-left: 16px;
  }

  #collapseMenuMobile .cart .span_bag_button {
    margin-left: 10px;
  }

  .section-footer {
    font-size: 8pt;
  }

  .container_black_footer {
    padding: 25px 34px 30px 54px;
  }

  .section-footer ul li {
    margin: 0px 15px;
  }

  .col_redes {
    flex: 0 0 auto;
    width: 100%;
    text-align: left;
  }

  .col_redes .a_network_link img {
    height: 73px;
  }

  .col_footer_newsletter {
    flex: 0 0 auto;
    /*width: 100%;*/
    width: 50%;
    display: inline-flex;
    justify-content: start;
    flex-direction: column;
    margin-top: 30px;
    flex-direction: row;
  }

  .div-btnNewsLetter {
    justify-content: flex-end;
    margin-top: 15px;
  }

  .btn_send_email_newsletter {
    /*    font-size: 20px;
        padding: 16px 40px;
        height: 41px;*/
  }

  .col_group_links_footer {
    flex: 0 0 auto;
    width: 100%;
  }

  .col_links_redes {
    flex: 0 0 auto;
    width: 100%;
  }

  .col_links_footer {
    padding-left: 0px;
    text-align: left;
    padding-bottom: 71px;
  }

  .col_links_footer .a_link_footer_menu,
  .col_links_footer .accordion-button {
    font-size: 24px;
  }

  .legal {
    text-align: center !important;
    padding-left: 0px;
    padding-right: 0px;
  }

  .ul_navbar {
    padding-top: 30px;
  }

  .row-copyright {
    position: static !important;
  }

  .accordion_footer .accordion-button::after {
    background-size: 1.75em;
    width: 1.75em;
    height: 1.75em;
  }

  .label_newsletter {
  }

  .div-txtNewsLetter {
    /*width: Calc(100% - 260px);*/
  }

  .input_email_footer,
  .input_email_footer::placeholder,
  .input_email_footer:hover,
  .input_email_footer:focus,
  .input_email_footer::selection {
    font-size: 24px;
    height: 30px;
    width: 100%;
  }

  #collapseMenu {
    display: none;
  }

  #collapseMenuMobile.show {
    display: flex;
    position: fixed;
    width: 50%;
    width: 100%;
    min-width: 400px;
    height: 100vh;
    padding: 70px 40px;
    backdrop-filter: blur(10px);
    filter: brightness(40%);
    filter: brightness(100%);
    /*opacity: 0.02;*/
    z-index: 1021;
    align-items: flex-start;
    flex-direction: column;
  }

  #collapseMenuMobile .title {
    font-family: "Swis721 BlkCn BT";
    margin-top: 35px;
    font-size: 22px;
    opacity: 0.5;
    display: block;
  }

  #collapseMenuMobile .row-links {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
  }

  #collapseMenuMobile .row-links .linkAccess {
    padding: 10px 20px;
    background-color: black;
    color: white;
    font-family: "Swis721 Lt BT";
    text-align: center;
    text-decoration: none;
    height: auto !important;
  }

  #collapseMenuMobile .navbar-nav {
  }

  #collapseMenuMobile .navbar-nav .nav-item {
  }

  #collapseMenuMobile .navbar-nav .nav-item a {
    color: #000000;
    opacity: 0.5;
    font-size: 18px;
    padding: 0;
    margin-bottom: 20px;
  }

  #collapseMenuMobile .navbar-nav .item_languages {
    align-items: baseline;
  }

  #collapseMenuMobile .navbar-nav .item_languages .separator_lang {
    font-size: 25px;
    margin: 0 1px;
    color: #000000;
    opacity: 0.5;
  }

  #collapseMenuMobile.show ~ .section_body_head .icon-bar {
    opacity: 0;
  }

  .section-footer .col-items > .right ul {
    min-height: 62px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 1350px) {
}

.navbar-expand-lg .navbar-toggler {
  /*display: none;*/
  border: none;
  background-color: transparent;
  outline: none;
  box-shadow: none;
}

.navbar-expand-lg .navbar-toggler:focus,
.navbar-expand-lg .navbar-toggler:focus-visible,
.navbar-expand-lg .navbar-toggler:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.navbar-light .navbar-toggler-icon {
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");*/
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22%23000000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%20d%3D%22M6%208h12M6%2012h12M6%22/%3E%3C/svg%3E);
  stroke: black;
  width: 40px;
  margin-top: 10px;
}

/*.container_menu_header_icons {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}*/
@media (max-width: 728px) {
  .col_footer_newsletter {
    flex-direction: row;
    width: 100%;
    margin: auto !important;
  }

  .col_footer_newsletter .div-txtNewsLetter {
    flex-direction: row;
    width: 100%;
  }

  .input_email_footer,
  .input_email_footer:hover,
  .input_email_footer:focus,
  .input_email_footer::selection {
    width: auto;
    max-width: 268px;
    width: Calc(100vw - 245px);
    height: 16px;
    font-size: 8pt;
  }

  .input_email_footer::placeholder {
    font-size: 8pt;
  }
}

@media (max-width: 425px) {
  .input_email_footer,
  .input_email_footer:hover,
  .input_email_footer:focus,
  .input_email_footer::selection {
    width: auto;
    max-width: 268px;
    width: Calc(100vw - 245px);
  }
}

@media (max-width: 576px) {
  .header_menu_logo img {
    height: 16px;
  }
}

.accordion_footer .accordion-item:last-of-type .accordion-collapse {
  background-color: #000000;
}

.accordion_footer .accordion-item:last-of-type {
  border: none;
}

.accordion_footer .a_link_footer_menu_accordion,
.accordion_footer .a_link_footer_menu_accordion:hover,
.accordion_footer .a_link_footer_menu_accordion:focus,
.accordion_footer .a_link_footer_menu_accordion::selection {
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  font-family: "Swis721 Lt BT";
  color: #ffffff;
  text-decoration: none;
}

.accordion_footer ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.accordion_footer ul li {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 16px;
}

.accordion_footer .accordion-button {
  background-color: #000000;
  color: #ffffff;
  padding: 0px;
}

.accordion_footer .accordion-button::after {
  margin-left: 15px;
  background-image: url("../../images/arrow_accordion_down.svg");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../../images/arrow_accordion_down.svg");
  transform: rotate(-180deg);
}

.accordion_footer .accordion-body {
  padding: 10px 10px;
}

.col_links_redes {
  position: relative;
}

.row-copyright {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

/*#region IMAGEN/VIDEO*/
.col-img {
  position: relative;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

.col-img img {
  /*  position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 100%;
            width: auto;*/
  width: 100%;
}
/*#endregion*/

/*#region MODAL CESTA*/
#modalCesta {
  font-family: "Swis721 Lt BT" !important;
}

#modalCesta .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  top: 83px;
  max-height: 542px;
  right: 80px;
  width: 50%;
  max-width: 500px;
}

#modalCesta .modal-content {
  height: 100%;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  border-top: none;
  border-radius: 15px 15px;
  /*border-radius: 0px 0px 15px 15px;*/
}

#modalCesta .modal-header {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--Grey2);
}

#modalCesta .modal-header .a_close {
  color: var(--body_c);
  font-size: 16px;
  font-weight: 500;
}

#modalCesta .modal-body {
  padding: 0;
  /*max-height: Calc(100vh - 360px);*/
  max-height: 80vh;
  overflow-y: auto;
}

#modalCesta .row.precio_unidades {
  padding-top: 10px;
}

#modalCesta .row.precio_unidades .container_col_regalo {
  display: flex;
  align-items: flex-end;
  padding-right: 0;
}

#modalCesta .row.precio_unidades .container_col_regalo .class_total_regalo {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
}

#modalCesta .item {
  font-size: 8pt !important;
  align-items: center;
  margin: 0 auto;
  border-bottom: 1px solid var(--Grey2);
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 30px;
  padding-right: 12px;
  max-width: 500px;
}

#modalCesta .item img {
  border-radius: 15px;
}

#modalCesta .item .titulo {
  font-family: "Swis721 BlkCn BT";
  font-size: 8pt;
  font-weight: 400;
}

#modalCesta .item .eliminar {
  font-size: 7pt;
  font-family: Segoe UI !important;
  align-self: center;
  padding: 0;
  text-align: center;
}

#modalCesta .item .titulo.span_TM:after {
  top: -11px;
  left: 4px;
}

#modalCesta .item .subtitulo {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 300;
  padding: 0px;
  color: #000000;
}

#modalCesta .item .sectionCaracteristicas {
  min-height: 140px;
  /*padding-top: 20px;*/
  padding-left: 20px;
}

#modalCesta .item .total {
  font-size: 8pt;
  font-weight: 500;
}

.titleNegrita {
  font-family: "Swis721 BlkCn BT";
}

.div-promo {
  padding: 4px 8px;
  background-color: black;
  color: white;
  border-radius: 5px;
  display: inline-block;
  font-size: 16px;
}

.div-promo .f-normal {
  display: inline-block;
  margin-right: 8px;
}

#modalCesta .item .div-promo {
  margin-bottom: 14px;
}

#modalCesta .item .precio_promo {
  font-size: 8pt;
  font-family: "Swis721 BlkCn BT";
  text-decoration: line-through;
  margin-right: 8px;
}

#modalCesta .item .precio_variante {
  font-size: 8pt;
  font-family: "Swis721 BlkCn BT";
  margin-right: 8px;
}

#modalCesta .item .marginVariante {
  margin-left: 20px;
}

#modalCesta .item .row_promo {
  display: flex;
  justify-content: space-between;
}

#modalCesta .item .a_del {
  position: absolute;
  bottom: 30px;
  right: 0;
  color: var(--body_c);
}

#modalCesta .modal-total {
  padding: 22px 0 35px 0;
}

#modalCesta .modal-total .row {
  margin: 0 auto;
}

#modalCesta .modal-total .unidades_label {
  padding-left: 18px;
}

#modalCesta .modal-total .unidades_label,
#modalCesta .modal-total .unidades_totales {
  font-size: 8pt;
}

#modalCesta .modal-total .subtotal {
  font-size: 8pt;
  font-weight: 500;
  padding-left: 18px;
}

#modalCesta .modal-total .importeTotal {
  text-align: end;
}

#modalCesta .modal-total .total {
  font-size: 8pt;
  font-weight: 500;
}

#modalCesta .modal-total .envio-text {
  font-size: 16px;
  margin-top: 20px;
}

#modalCesta .modal-total .row-tramitar {
  margin-top: 23px;
}

#modalCesta .modal-total .row-tramitar .col-12 {
  padding-left: 25px;
  padding-right: 25px;
}

#modalCesta .modal-total .row-tramitar .ver_cesta {
  font-size: 16px;
  text-align: center;
  color: #000;
  margin-top: 24px;
  font-weight: 500;
}

#modalCesta .modal-total .row-tramitar .btn-primary {
  font-size: 8pt;
  color: #fff;
  background-color: black;
  border-color: black;
  border-radius: 30px;
  line-height: 21px;
  font-weight: 700;
}

.modal-backdrop.show {
  /*width: Calc(100% - 17px);*/
  width: 100%;
}

@media (max-width: 1275px) {
  #modalCesta .modal-dialog {
    width: 60%;
  }
}

@media (max-width: 991px) {
  #modalAccess .row.mt-4.pt-2 {
    margin-top: 20px !important;
  }

  #modalAccess .row-forget {
    margin-bottom: 0;
  }

  #modalAccess .botones_registrate,
  .row-forget,
  #modalAccess .text-forget-pass {
    font-size: 14px;
  }

  #modalCesta .cerrar {
    padding-top: 9px;
  }

  #modalCesta .mobile-description,
  #modalCesta .item .titulo,
  .precio_unidades > .col-12 {
      padding-left: 0 !important;
      padding-right: 0 !important;

  }

  #modalCesta .modal-body {
    padding: 16px;
    border-top: 1px solid var(--Grey2);
  }

  #modalCesta .modal-total {
    padding: 16px 0px;
  }

  #modalCesta .item {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
  }

  #modalCesta .mobile-img {
    /*width: 80px;
        padding: 0;*/
    /*  height: 400px;
        width: 50%;*/
    aspect-ratio: 1348 / 1822;
    max-height: 200px;
    height: 200px; /* el alto manda */
    width: auto; /* el ancho se calcula solo según el ratio */
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: auto;
  }

  #modalCesta .item img {
    width: 80px;
    height: 80px;
  }

  #modalCesta .item .col_regalo img {
    width: 22px;
    height: 22px;
  }

  #modalCesta .modal-body .row-tramitar {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0px;
  }

  #modalCesta .modal-body .row-msg-mobile-empty {
    text-align: center;
    font-family: "Swis721 BlkCn BT";
  }

  #modalCesta .modal-body .row-msg-mobile-empty a {
    color: black !important;
  }

  #modalCesta .modal-dialog {
    width: 100%;
    left: 0px;
    right: 0px;
    padding: 0;
    top: 0px;
    height: 100%;
    max-width: 100%;
    max-height: 90%;
    height: 100%;
  }

  #modalCesta .modal-dialog.empty {
    max-height: 100%;
    height: 100%;
  }

  #modalCesta .modal-content.empty {
    height: 100%;
  }

  /* El bloque de TOTAL tiene d-none d-lg-block en el HTML (oculto en mobile) → lo forzamos visible.
     * Pero si el modal está en estado vacío (clase .empty en modal-dialog) no debe mostrarse. */
  #modalCesta .modal-total .row.d-none.d-lg-block {
    display: block !important;
  }

  #modalCesta .modal-dialog.empty .modal-total .row.d-none.d-lg-block {
    display: none !important;
  }

  /* "Unidades totales" solo debe verse en desktop, no en mobile */
  #modalCesta .modal-total .unidades_label,
  #modalCesta .modal-total .unidades_totales {
    display: none !important;
  }

  /* pb-5 de Bootstrap (3rem/48px) es excesivo en mobile entre cantidad y subtotal */
  #modalCesta .div-plus-minus.pb-5 {
    padding-bottom: 12px !important;
  }

  /* min-height: 140px fuerza el bloque de características a 140px aunque el contenido sea menor */
  #modalCesta .item .sectionCaracteristicas {
    min-height: 0 !important;
  }

  /* SUBTOTAL: col-6 + col-5 = 11/12 → hueco a la derecha; flex + margin-left auto alinea el precio con el TOTAL del modal */
  #modalCesta .item .row_promo > .left {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
  }

  #modalCesta .item .row_promo > .left > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  #modalCesta .item .row_promo > .left > .row > .col-2:first-child {
    display: none !important;
  }

  #modalCesta .item .row_promo > .left > .row > .sectionCaracteristicas {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
  }

  #modalCesta .item .row_promo > .left > .row > .col-6 {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  #modalCesta .item .row_promo > .left > .row > .col-5.right.text-end {
    margin-left: auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    text-align: right !important;
    padding-right: 0;
  }

  #modalCesta .item .eliminar {
    text-align:end !important;
  }

  #modalCesta .modal-total .envio-text {
    text-align: center !important;
    margin-top: 40px;
  }

  #modalCesta .modal-content {
    padding: 0;
  }

  #modalCesta {
    padding: 0;
  }

  #modalCesta .modal-content {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border: none;
    height: auto;
    border-radius: 0;
  }

  #modalCesta .modal-header {
    padding: 40px 16px;
  }

  #modalCesta .modal-dialog {
    width: 100%;
  }

  #modalCesta .item .titulo {
    font-size: 9pt;
    font-weight: 450;
  }

  #modalCesta .item .subtitulo {
    font-size: 16px;
    font-weight: 300;
  }

  #modalCesta .item .total {
    font-size: 8pt;
    font-weight: 450;
  }

  .div-promo {
    display: block;
    max-width: 212px;
  }

  .div-promo .f-normal {
  }
}

@media (min-width: 768px) {
  #modalCesta .mobile-quantity,
  #modalCesta .mobile-total,
  #modalCesta .mobile-delete,
  #modalCesta .only-mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  #modalCesta .modal-body {
    padding: 0;
  }

  #modalCesta .item {
    padding: 16px;
  }

  #modalCesta .item .a_del {
    position: relative;
    bottom: 0;
  }

  #modalCesta .mobile-img {
    /*width: 80px;
        padding: 0;*/
    /* height: 400px;
        width: 50%;*/
    aspect-ratio: 1348 / 1822;
    max-height: 200px;
    height: 200px; /* el alto manda */
    width: auto; /* el ancho se calcula solo según el ratio */
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: auto;
  }

  #modalCesta .mobile-description {
    /*width: 65%;*/
    align-self: normal !important;
    padding-left: 15px;
    padding-top: 20px;
  }

  #modalCesta .desktop-quantity,
  #modalCesta .desktop-total {
    display: none;
  }

  #modalCesta .mobile-description .row {
    margin: 0 auto;
  }

  #modalCesta .mobile-quantity,
  #modalCesta .mobile-total {
    width: 50%;
    padding: 0;
    margin-top: 16px;
  }

  #modalCesta .mobile-col-delete {
    margin-top: 16px;
  }

  #modalCesta .div-plus-minus {
    width: calc(100% - 16px);
  }

  #modalCesta .div-plus-minus input {
    padding-left: 0;
    padding-right: 0;
  }

  #modalCesta .mobile-total span {
    width: 100%;
    background-color: var(--Grey2);
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    padding: 11px 12px;
    font-size: 18px;
  }

  #modalCesta .div-col-total {
    padding-left: 0;
    width: 40px;
  }

  #modalCesta .item .col-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.col_basket_img {
  background-size: cover;
  background-position: center;
  height: 200px;
  border-radius: 10px;
  padding-right: 0px;
}

.col_basket_product {
  padding-left: 24px;
}

/*#endregion MODAL CESTA*/

/*#region MODAL SELECT COUNTRY*/
#modalSelectCountry .modal-content {
  border-radius: 8px;
  border: none;
  font-size: 9pt;
  font-family: "Swis721 Cn BT";
  padding: 1.5rem !important;
}

#modalSelectCountry h5 {
  font-size: 10pt;
  font-weight: normal;
  font-family: "Swis721 Cn BT";
}

#modalSelectCountry .btn-dark {
  background-color: #000;
  border: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 7pt;
}

#modalSelectCountry .form-label {
  font-weight: 300;
  margin-bottom: 0.5rem;
}

@media (max-width: 991px) {
  #modalSelectCountry .modal-content {
    padding: 2rem 0rem !important;
  }

  #modalSelectCountry select {
    padding: 0.155rem 0.25rem 0.155rem 0.5rem;
    font-size: 0.8rem;
  }

  #modalSelectCountry .btn-dark {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    font-size: 0.7rem;
    margin-top: 20px;
  }
}

#modalSelectCountry select {
  font-weight: 300;
}
/*#endregion*/

/*#region FOOTER 1 row*/
footer .second-row {
  /*margin-top: 30px;*/
  /*margin-left:2vw!important;*/
  justify-content: flex-end;
}

footer .second-row .items_payment {
}

footer .second-row .items_payment .item {
  height: 24px;
  width: auto;
  margin: 0 5px;
}

footer .second-row .items_payment .item:last-child {
  margin-right: 0;
}

footer .second-row select {
  border: none;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 8pt;
  text-transform: uppercase;
}

.second-row .row_selects > .col-md-6 {
  width: 50%;
}

@media (max-width: 500px) {
  footer .second-row .items_payment .item:last-child {
    margin-top: 20px;
  }
}

.footer_master .col-items .left {
  width: 50%;
}

.footer_master .col-items .right {
  width: 50%;
}

@media (min-width: 1826px) and (max-width: 1922px) {
  .footer_master .col-items .left {
    width: 44%;
  }

  .footer_master .col-items .right {
    width: 56%;
  }
}

@media (max-width: 1825px) {
  .footer_master .col-items .left {
    width: 44%;
  }

  .footer_master .col-items .right {
    width: 56%;
  }
}

@media (min-width: 1651px) and (max-width: 1722px) {
  .input_email_footer,
  .input_email_footer:hover,
  .input_email_footer:focus,
  .input_email_footer::selection {
    width: 200px;
  }

  .footer_master .col-items .left {
    width: 45%;
  }

  .footer_master .col-items .right {
    width: 55%;
  }

  .section-footer ul li {
    margin: 0 15px;
  }
}

@media (max-width: 1650px) {
  .input_email_footer,
  .input_email_footer:hover,
  .input_email_footer:focus,
  .input_email_footer::selection {
    width: 200px;
  }
  .footer_master .col-items .left {
    width: 45%;
  }

  .footer_master .col-items .right {
    width: 55%;
  }

  .section-footer ul li {
    margin: 0 15px;
  }
}

@media (max-width: 1580px) {
  .input_email_footer,
  .input_email_footer:hover,
  .input_email_footer:focus,
  .input_email_footer::selection {
    width: 150px;
  }

  .footer_master .col-items .left {
    width: 50%;
  }

  .footer_master .col-items .right {
    width: 50%;
  }
}
@media (max-width: 1526px) {
  .footer_master .col-items .left {
    width: 100%;
    justify-content: space-between;
  }
  .second-row .row_selects > .col-md-6:last-child {
    padding-right: 0;
  }

  .footer_master .col-items .right {
    width: 100%;
    justify-content: space-between;
  }
  .section-footer ul li:first-child {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .footer_master .col-items .left {
    width: 100%;
  }
  footer .second-row {
    width: fit-content;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 700px) {
  footer .second-row .row_selects {
    margin-top: 20px;
  }
  .section-footer .col-items > .right ul {
    min-height: 0;
    margin-top: 20px;
  }
}

/*#endregion FOOTER 1 row*/
@media (max-width: 845px) {
  .section-footer {
    padding: 30px 25px !important;
  }

  .section-footer .col-12.col-items {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 0 !important;
  }

  .section-footer ul li {
    margin: 0 20px 0 0 !important;
  }

  .section-footer ul li:last-child {
    margin-right: 0 !important;
  }

  .section-footer .right,
  .section-footer .left {
    display: contents !important;
  }

  /* 1. LINKS: ocupa toda la fila, primero */
  .section-footer .right > div.pe-1 {
    order: 1 !important;
    width: 100% !important;
    height: auto !important;
  }

  .section-footer .right > div.pe-1 ul {
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  /* 2a. COPYRIGHT: comparte línea con social */
  .section-footer .left > div:nth-child(1) {
    order: 2 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
  }

  .span_footer_copyright {
    margin-top: 15px;
  }

  /* 2b. SOCIAL/REDES: misma línea que copyright */
  .section-footer .left > div:nth-child(2) {
    order: 2 !important;
    width: auto !important;
    height: auto !important;
    flex-shrink: 0 !important;
  }

  /* Resetear el padding-left de .redes heredado de desktop */
  .section-footer .redes {
    padding-left: 12px !important;
  }

  /* 3. SELECTS (país/idioma): tercero */
  .section-footer .second-row {
    order: 3 !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    height: auto !important;
    justify-content: flex-start !important;
    margin-top: 10px !important;
  }

  .section-footer .second-row .row_selects {
    width: 100% !important;
    margin: 0 !important;
  }

  .section-footer .second-row .row_selects > div .form-select {
    width: 100% !important;
    flex: 0 0 50% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .second-row .row_selects > .col-md-6 {
    width: 25%;
  }

  /* 4. NEWSLETTER: ocupa toda la fila, último */
  .section-footer .col_footer_newsletter {
    order: 4 !important;
    width: 100% !important;
    margin-top: 8px !important;
    height: auto !important;
  }

  .div-btnNewsLetter {
    margin-top: 0 !important;
  }

  .input_email_footer,
  .input_email_footer:hover,
  .input_email_footer:focus,
  .input_email_footer::selection {
    width: 100px;
  }
}
