@font-face {
  font-family: 'Montserrat-Bold';
  src: url(../utilitarios/fonts/Montserrat-Bold.ttf);
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url(../utilitarios/fonts/Montserrat-Regular.ttf);
  font-display: swap;
}

* {
  margin: 0;
  border: 0;
  padding: 0;
}

.color-overload-primary {
  color: #663399;
}
#section_detalle_producto_f .carousel-thumbnails-wrapper {
  max-height: 450px;
  /* overflow-y: auto; */
  width: 70px;
  padding-right: 4px;
  scrollbar-width: thin;
}

#section_detalle_producto_f .carousel-thumbnails {
  display: flex;
  flex-direction: column;
}

#section_detalle_producto_f .thumbnail-img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin-bottom: 8px;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

#section_detalle_producto_f .thumbnail-img.active {
  border-color: #007bff;
}

#section_detalle_producto_f .carousel {
  justify-content: center;
  display: flex;
}

#section_detalle_producto_f .carousel-inner {
  position: relative;
  /* width: 70%!important; */
  height: 100%;
}

#section_detalle_producto_f .carousel-inner img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: contain;
  border-radius: 10px;
}

#section_detalle_producto_f .position-relative.flex-grow-1 {
  min-width: 0;
  /* para evitar que se desborde */
}

#section_detalle_producto_f .carousel-thumbnails-wrapper {
  max-height: 450px;
  width: 70px;
}

#section_detalle_producto_f .carousel-thumbnails {
  max-height: 300px;
  overflow: hidden;
  scroll-behavior: smooth;
}

#section_detalle_producto_f .thumbnail-img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin-bottom: 8px;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

#section_detalle_producto_f .thumbnail-img.active {
  border-color: #007bff;
}

#section_detalle_producto_f .btn-arrow {
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #333;
  padding: 4px;
  transition: color 0.2s ease;
}

#section_detalle_producto_f .btn-arrow:hover {
  color: #007bff;
}

#section_detalle_producto_f .cont_car_prev {
  background-color: #a7a7a7;
  border-radius: 50%;
  padding: 5px;
  width: 40px;
  height: 40px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

#section_detalle_producto_f .carousel-control-prev-icon,
#section_detalle_producto_f .carousel-control-next-icon {
  width: 30px;
  height: 30px;
}
/* congiguraciones generales */
html {
  font-family: 'Montserrat';
  scroll-behavior: smooth;
  font-size: 13px;
  /* background: #fafafa; */
}

body {
  font-family: 'Montserrat' !important;
  background: #000000 !important;
}

.h_100vh {
  min-height: 100vh;
}

.img_slider {
  min-height: 100vh;
}

#contenedor {
  width: 100%;
  /* margin-top: 115px; */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.card-img {
  transition: transform 0.5s ease;
  object-fit: cover;
  border-radius: 10px !important;
}

.card:hover .card-img {
  filter: grayscale(100%);
  border-radius: 10px !important;
}

.card:hover {
  cursor: pointer;
}

#promoModal .custom-modal {
  border-radius: 20px;
  background-color: #121212;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
}

/* Columna de la imagen */
#promoModal .image-container {
  background-color: #0d0d0d;
  /* clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); */
}

#promoModal .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

/* Contenido derecho */
.title_sp {
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#promoModal .back_pers {
  background: linear-gradient(to right, #121212, #1a1a1a);
}

#promoModal .content-container {
  padding: 3rem;
}

/* Título */
#promoModal .modal-title {
  font-size: 1.7rem;
  font-weight: bold;
  color: #00ffff;
  text-shadow: 0 0 8px #00ffff;
}

/* Botón */
#promoModal .btn-danger {
  background-color: #ff0055;
  border: none;
  font-weight: bold;
  border-radius: 12px;
  padding: 0.75rem;
  text-transform: uppercase;
  box-shadow: 0 0 12px rgba(255, 0, 85, 0.5);
}

#promoModal .btn-danger:hover {
  background-color: #e6004c;
}

/* parallax */
.parallax-cta {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  height: 300px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  padding: 2rem;
}

.parallax-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.parallax-content {
  position: relative;
  z-index: 2;
}

.parallax-content h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.parallax-content p {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.btn-parallax {
  padding: 0.75rem 1.5rem;
  background-color: #ff0055;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.submenu-container {
  border-left: 1px solid #eee;
  overflow-y: auto;
  padding-top: 60px;
  /* Ajusta según altura del header del offcanvas */
}

.btn-parallax:hover {
  background-color: #e14b4f;
  text-decoration: none;
  color: #ffffff;
}

/* parallax */


.n_product {
  font-size: 1.2rem;
  padding-top: 1rem;
}

.oferta_limit {
  display: flex;
  border-radius: 12px;
  overflow: hidden;
  font-weight: bold;
  color: white;
  text-align: center;
  height: 40px;
  font-family: Arial, sans-serif;
  background: #339f4b;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.oferta_limit>div {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  gap: 8px;
  white-space: nowrap;
}

.part_ofer_1 {
  background: linear-gradient(to right, #ff9500, #ff2d55);
  clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.part_ofer_2 {
  /* background: #44872e; */
  flex: 1;
}

.part_ofer_3 {
  /* background: #44872e; */
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 48;
  font-size: 20px;
}

header {
  background-color: beige;
}

header h1 {
  padding: 20px;
  text-align: center;
  color: chocolate;
}

header img {
  width: 100%;
  vertical-align: bottom;
}

/*  nav  */
.redes {
  background-color: #f3f3f3;
  /* box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 18%); */
  /* padding: 0.8rem; */
  display: flex;
}

.redes img {
  width: 25px;
  border-radius: 5px;
  /* background-color: white; */
}

.redes a:hover {
  color: #787878 !important;
}

.redes a {
  margin: 0;
  text-decoration: none;
  color: #000000;
  font-size: 1.1rem;
}

.redes .div_cont {
  padding: 0.8rem;
  border: 1px solid #eeeeee;
}

.redes_compartir {
  background: #663399;
}

.redes_compartir img {
  width: 25px;
  border-radius: 5px;
  background-color: #9f9f9f;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

nav {
  /* background-color: transparent; */
  background-color: #f3f3f3;
  /* text-align: right; */
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
}

.mrg_sect_index {
  margin-top: 155px
}

.min_w_150 {
  min-width: 150px;
}

.slick-prev,
.slick-next {
  width: 35px !important;
  height: 35px !important;
  margin: 1rem;
  z-index: 8;
}

.slick-prev:before,
.slick-next:before {
  font-size: 35px !important;
  color: #000000ad !important;
}

.nav-item .nav-link {
  padding: 10px;
  text-decoration: none;
  color: black !important;
  display: inline-block;
  margin-right: 0 !important;
  /* margin-top: 1.5rem;
  margin-bottom: 1rem; */
  font-size: 0.85rem;
  font-weight: bold;
}

.nav-item .nav-link:hover {
  color: #7000fe!important;
  text-decoration: none;
}

.navegacion {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  border-bottom: 1px solid #4d1695;
  border-top: 1px solid #4d1695;
  /* box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 18%); */
}

#hero-home .slick-next {
  right: 0;
}

#hero-home .slick-prev {
  left: 0;
}

.logo .name_logo {
  position: absolute;
  bottom: 10px;
  left: 74px;
  letter-spacing: 10px;
  font-size: 7px;
  color: #ff4343;
}

.position_realtive {
  position: relative;
}

.logo img {
  width: 17rem;
  padding: 0rem;
}

.logo {
  /* background-color: #ffffff; */
  padding: 0.5rem;
  border-radius: 10px;
  /* position: absolute; */
  top: 0;
  transition: 400ms;
}

.img_logo {
  max-width: 160px;
}

.accesos {
  display: flex;
  align-items: center;
}

.col_gray a.dropdown-item {
  font-size: 1rem;
  color: #000000;
}

.col_gray a {
  color: #ffffff;
  font-size: 1.4rem;
}

.card.card_dp {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0px;
  overflow-wrap: break-word;
  border-radius: 10px;
  padding: 2rem;
  border: 1px solid #fefefe;
  background-color: #fefefe;
  box-shadow: rgba(74, 74, 74, 0.2) 0px 0px 1px 0px;
}

.col_gray i {
  font-size: 1.5rem;
}

.accordion-button:not(.collapsed) {
  background-color: #1c0137 !important;
  /* morado claro */
  color: #fefefe !important;
  /* índigo oscuro */
}

/* Borde y sombra morada al enfocar */
.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.0) !important;
  /* sombra morada */
  border-color: #ffffff !important;
  /* borde morado */
}

/*  main  */
main {
  display: flex;
}

.container-shop3 {
  margin-top: 2rem;
}

/*  aside */
aside {
  width: 30%;
  padding: 20px;
  background-color: #ffab00;
  display: flex;
  padding-top: 120px;
  padding-bottom: 120px;
}

aside h3 {
  padding: 20px 0px;
}

aside a {
  padding: 5px 0px;
  display: block;
  color: firebrick;
}

aside img {
  width: 70%;
  margin: 20px auto;
  display: block;
}

/* video */
video {
  width: 100%;
  padding: 0px;
}

.video {
  background-color: black;
  padding: 50px 15px 15px 15px;
}

.video h1 {
  color: white;
  text-align: center;
}

.video video {
  width: 90%;
  display: flex;
  margin: auto;
}

/* contacto */
.contacto {
  padding: 100px;
  display: flex;
  justify-content: space-between;
  background-color: black;
}

.contacto input {
  min-width: 500px;
  padding: 5px;
  border-radius: 5px;
}

.contacto select {
  min-width: 508px;
  padding: 5px;
  border-radius: 5px;
}

.contacto textarea {
  max-width: 500px;
  padding: 5px;
  border-radius: 5px;
}

.contacto legend {
  font-size: 20px;
  font-weight: bold;
  color: midnightblue;
}

.contacto p {
  padding-top: 15px;
  color: midnightblue;
  padding-bottom: 5px;
}

.formulario {
  padding: 30px;
  background: #ffffff69;
  border-radius: 15px;
}

.formulario h1 {
  padding-bottom: 15px;
  color: white;
}

.formulario button {
  background-color: midnightblue;
  color: white;
  border-radius: 5px;
  padding: 8px 15px;
  width: 100px;
  font-size: 18px;
  margin-top: 15px;
  cursor: pointer;
}

.formulario button:hover {
  background-color: rgb(85, 85, 175);
}

.pd_b_2 {
  padding-bottom: 2rem;
}
.img_libro_r {
  width: 1.4rem; 
  margin-right: 8px
}

/*  footer  */
/* .footer { */
/* background: url('../images/includes/footer.jpg') no-repeat center center; */
/* background-size: cover; */
/* color: #fff; */
/* padding: 40px 20px 20px; */
/* position: relative; */
/* z-index: 1; */
/* font-family: 'Segoe UI', sans-serif; */
/* } */
/*  */
/* .footer::before { */
/* content: ""; */
/* position: absolute; */
/* top: 0; left: 0; */
/* width: 100%; height: 100%; */
/* background-color: rgba(32, 23, 66, 0.85); */
/* z-index: -1; */
/* backdrop-filter: blur(2px); */
/* } */

.footer {
  background-color: #191638;
  color: #ffffff;
  padding: 40px 20px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  max-width: 1200px;
  margin: auto;
}

.footer-brand h2 {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 10px;
}

.footer-brand p {
  font-size: 14px;
  color: #cccccc;
}

.footer-links h4,
.footer-social h4 {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 10px;
}

.footer-links ul {
  list-style: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 8px;
}

.footer-links a {
  color: #cccccc;
  text-decoration: none;
  transition: color 0.3s;
  font-size: 1rem;
}

.footer-links a:hover {
  color: #6153c7;
}

.footer-social .social-icons a {
  margin-right: 10px;
  color: #cccccc;
  font-size: 20px;
  transition: color 0.3s;
}

.footer-social .social-icons a:hover {
  color: #6153c7;
}

.footer-bottom {
  text-align: center;
  border-top: 1px solid #393490;
  padding-top: 15px;
  margin-top: 30px;
  font-size: 1rem;
  color: #aaa;
}

.footer-contact {
  margin-top: 15px;
  font-size: 14px;
  color: #ccc;
  line-height: 1.8;
}

.footer-contact i {
  margin-right: 8px;
  color: #6153c7;
}

.categoria-columns {
  display: flex;
  gap: 20px;
}

.categoria-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 40px;
}

.categoria-columns ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.categoria-columns li {
  margin-bottom: 8px;
}

#search-results {
  max-height: 400px;
  overflow-y: auto;
}

.variant-item {
  font-size: 0.85rem;
}

.mostrar_todos {
  color: #414141;
  font-size: 1.1rem;
}

.mostrar_todos:hover {
  color: #3f51b5;
}
.cate_menu_off_la {
  font-size: 1.2rem;
  text-decoration: none;
  color: #000000;
}

.text_bcreator {
  color: white;
  text-decoration: none;
}

.text_terminos {
  color: #ffffff;
}

.text_terminos:hover {
  color: #e51b23;
}

.alg_center {
  align-items: center;
}

.form-group {
  margin-bottom: 1rem
}

/* animacione, transicion y transformacion */
.rotacionY {
  transform: rotateY(0deg);
  transition: all ease 1000ms;
}

.rotacionY:hover {
  transform: rotateY(360deg);
  transition: all ease 2000ms;
}

.rotacionX {
  transform: rotateX(0deg);
  transition: all ease 1000ms;
}

.rotacionX:hover {
  transform: rotate(360deg);
  transition: all ease 2000ms;
}

img.transformacion {
  /* Firefox */
  -moz-transition: all 500ms ease-in-out;
  /* Chrome / Safari  */
  -webkit-transition: all 500ms ease-in-out;
  /* Default */
  transition: all 500ms ease-in-out;
}

img.transformacion:hover {
  transform: scale(1.05, 1.05);
}

img.transicion {
  /* Firefox */
  -moz-transition-property: all;
  -moz-transition-duration: 1000ms;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 100ms;
  /* Chrome / Safari */
  -webkit-transition-property: all;
  -webkit-transition-duration: 1000ms;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 100ms;
  /* Default */
  transition-property: all;
  transition-duration: 1000ms;
  transition-timing-function: ease;
  transition-delay: 100ms;
}

img.transicion:hover {
  border: 2px solid red;
  width: 85%;
  cursor: pointer;
}

a.animacion {
  /* Firefox */
  -moz-transition: font-size 200ms linear 0s;
  /* Chome / Safari  */
  -webkit-transition: font-size 200ms linear 0s;
  /* Default */
  transition: font-size 200ms linear 0s;
  ;
}

.animacion:hover {
  font-size: 20px;
  color: orange;
}

a.animacion_nav {
  /* Firefox */
  -moz-transition: font-size 200ms linear 0s;
  /* Chome / Safari  */
  -webkit-transition: font-size 200ms linear 0s;
  /* Default */
  transition: font-size 200ms linear 0s;
  ;
}

.animacion_nav:hover {
  font-size: 18px;
  background-color: chocolate;
  color: white;
}

.bac_scroll {
  background-color: #000000;
  color: white;
  max-height: 11rem;
}

.bac_scroll .logo img {
  padding-top: 0.3rem;
  width: 12.5rem;
  transition: 400ms;
}

.bac_scroll .pad_1_5r {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.bac_scroll .logo .name_logo {
  color: #e1b403;
}

.bac_scroll .nav-item .nav-link {
  /* color: white!important;
    font-size: 1rem!important; */
}

.bac_scroll .col_gray a {
  font-size: 1.2rem;
}

.bac_scroll .dropdown-menu a {
  color: #000000;
  font-size: 1rem;
}

.bac_scroll .col_gray i {
  font-size: 1rem;
}

.container_detail {
  display: flex;
}

.cont-rigth {
  padding: 50px 0;
  width: 40%;
}

.cont-left {
  padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 20px;
  width: 60%;
}

.container_img {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}

.carousel {
  display: block;
  text-align: left;
  position: relative;
  margin-bottom: 22px;
}

.carousel>input {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.carousel>input:nth-of-type(6):checked~.carousel__slides .carousel__slide:first-of-type {
  margin-left: -500%;
}

.carousel>input:nth-of-type(5):checked~.carousel__slides .carousel__slide:first-of-type {
  margin-left: -400%;
}

.carousel>input:nth-of-type(4):checked~.carousel__slides .carousel__slide:first-of-type {
  margin-left: -300%;
}

.carousel>input:nth-of-type(3):checked~.carousel__slides .carousel__slide:first-of-type {
  margin-left: -200%;
}

.carousel>input:nth-of-type(2):checked~.carousel__slides .carousel__slide:first-of-type {
  margin-left: -100%;
}

.carousel>input:nth-of-type(1):checked~.carousel__slides .carousel__slide:first-of-type {
  margin-left: 0%;
}

.carousel>input:nth-of-type(1):checked~.carousel__thumbnails li:nth-of-type(1) {
  border: 2px solid rgb(193 156 2);
  /* box-shadow: 0px 0px 0px 3px rgb(193 156 2); */
}

.carousel>input:nth-of-type(2):checked~.carousel__thumbnails li:nth-of-type(2) {
  border: 2px solid rgb(193 156 2);
  /* box-shadow: 0px 0px 0px 3px rgb(193 156 2); */
}

.carousel>input:nth-of-type(3):checked~.carousel__thumbnails li:nth-of-type(3) {
  border: 2px solid rgb(193 156 2);
  /* box-shadow: 0px 0px 0px 3px rgb(193 156 2); */
}

.carousel>input:nth-of-type(4):checked~.carousel__thumbnails li:nth-of-type(4) {
  border: 2px solid rgb(193 156 2);
  /* box-shadow: 0px 0px 0px 3px rgb(193 156 2); */
}

.carousel>input:nth-of-type(5):checked~.carousel__thumbnails li:nth-of-type(5) {
  border: 2px solid rgb(193 156 2);
  /* box-shadow: 0px 0px 0px 3px rgb(193 156 2); */
}

.carousel>input:nth-of-type(6):checked~.carousel__thumbnails li:nth-of-type(6) {
  border: 2px solid rgb(193 156 2);
  /* box-shadow: 0px 0px 0px 3px rgb(193 156 2); */
}

/* revisar abajo */
.custom-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 400px;
  height: 100vh;
  background-color: #f4f3f3;
  z-index: 1050;
  /* overflow-y: auto; */
  transform: translateX(-100%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.custom-sidebar.open {
  transform: translateX(0);
  opacity: 1;
}

.custo-sliderbar-title {
  font-weight: bold;
}

.category_item_with_submenu {
  position: relative;
  z-index: 1060;
  /* asegúrate de que esté por encima del sidebar */
}

.category_trigger {
  padding: 10px 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.category_trigger:hover {
  background-color: #f0f0f0;
}

.submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #f4f3f3;
  min-width: 250px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1070;
  /* más alto aún */
  padding: 15px;
  white-space: nowrap;
}

body,
html {
  overflow-x: visible !important;
}

.category_item_with_submenu:hover .submenu {
  display: block;
}

.submenu a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: #333;
}

.submenu a:hover {
  background-color: #f8f9fa;
  color: #000000;
}

/* revisar arriba */


.carousel__slides {
  position: relative;
  z-index: 1;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  display: flex;
}

.carousel__slide {
  position: relative;
  display: block;
  flex: 1 0 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 300ms ease-out;
  /* vertical-align: top; */
  box-sizing: border-box;
  white-space: normal;
}

.carousel__slide figure {
  display: flex;
  margin: 0;
}

.carousel__slide div {
  position: relative;
  width: 100%;
}

.carousel__slide div:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.6666666667%;
}

.carousel__slide div>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 75%;
  height: 100%;
}

.carousel__slide img {
  display: block;
  flex: 1 1 auto;
  object-fit: cover;
}

.carousel__slide figcaption {
  align-self: flex-end;
  padding: 20px 20px 0 20px;
  flex: 0 0 auto;
  width: 25%;
  min-width: 150px;
}

.carousel__slide .credit {
  margin-top: 1rem;
  color: rgba(0, 0, 0, 0.5);
  display: block;
}

.carousel__slide.scrollable {
  overflow-y: scroll;
}

.carousel__thumbnails {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin: 0 -10px;
}

.carousel__slides+.carousel__thumbnails {
  margin-top: 20px;
}

.carousel__thumbnails li {
  flex: 1 1 auto;
  max-width: calc((100% / 5) - 20px);
  margin: 0 10px;
  transition: all 300ms ease-in-out;
}

.carousel__thumbnails label {
  display: block;
  position: relative;
  margin: 0;
}

.carousel__thumbnails label:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.carousel__thumbnails label>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.carousel__thumbnails label:hover,
.carousel__thumbnails label:focus {
  cursor: pointer;
}

.carousel__thumbnails label:hover img,
.carousel__thumbnails label:focus img {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
  transition: all 300ms ease-in-out;
}

.carousel__thumbnails img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* detalle producto */
.product_detail {
  padding-top: 14rem;
  background: #f4f3f3;
}

.resumen_detail {
  padding-top: 14rem;
  background: #fefefe;
}

.product_title {
  font-size: 1.5em;
  font-weight: bold;
  /* padding-bottom: 10px; */
}

.product_discount_rate {
  background: #ff8300;
  padding: 0.2rem;
  color: #f4f3f3;
  border-radius: 5px;
}

.con_dis_rate {
  margin-top: 0.3rem;
  margin-bottom: 1.3rem;
}

.product_title2 {
  font-size: 1.1em;
  padding-top: 15px;
  font-weight: bold;
}

.product_description {
  font-size: 1em;
  padding-top: 5px;
}

.product_price {
  font-size: 1.2rem;
  padding-bottom: 0;
  padding-left: 1rem;
  text-decoration: line-through;
  color: #000000;
}

.price-red {
  color: #e51b23;
}

.price-black {
  color: #000000;
}

.product_price_discount {
  font-size: 1.5em;
  padding-bottom: 0;
}

.product_button {
  background: #663399;
  padding: 0.5rem;
  width: 10rem;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  font-size: 1rem;
  cursor: pointer;
}

.product_button:hover {
  background: #000000;
  transition: 400ms;
  color: #ffffff;
}

.cont_others_desc {
  flex-wrap: wrap;
  display: flex;
  padding-bottom: 5px;
  padding-top: 0px;
}

.cont_odes {
  width: 33%;
}

.card-img-overlay {
  padding: 0 !important;
}

.back_esp_card_home {
  background: #000000a8;
  padding: 1rem;
}

.agregar_carrito.disabled {
  background-color: #ccc !important;
  color: #666 !important;
  cursor: none;
}

hr {
  background: #c0c0c0;
  width: 49%;
  height: 1px;
}

.cont_mensaje_slider {
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translate(-15%, -50%);
  width: 35%;
}

.cont_img_slider {
  position: absolute;
  top: 50%;
  left: 85%;
  transform: translate(-85%, -50%);
  width: 50%;
}

.img_index_change {
  max-width: 55rem;
}

.cont_slider_before::before {
  position: absolute;
  top: 0;
  margin-left: 10px;
  width: 55rem;
  height: 55rem;
  content: "";
  right: 0;
  border-radius: 50% 0 50% 50%;
  background-color: #f5f5f5;
}

.title_text_slider {
  font-size: 5rem;
  line-height: 1;
}

.subtitle_text_slider {
  font-size: 1.2rem;
  padding-top: 2rem;
}

.other_subtitle_text_slider {
  font-size: 1.2rem;
  padding-bottom: 2rem;
}
.img_reclamaciones {
  max-width: 300px;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgb(178 178 178);
}
.btn_overload {
  background: linear-gradient(0deg, #663399, #000000);
  color: #ffffff;
  width: 40%;
  padding: 0.5rem;
  font-size: 1.2rem;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #663399;
  border-radius: 5px;
  text-decoration: none;
}

.btn_overload:hover {
  text-decoration: none;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  /* transition: 400ms; */
}

.btn_overload_4 {
  background: #663399;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  padding: 0.5rem;
  vertical-align: middle;
  color: #ffffff;
  font-size: 1rem;
  cursor: pointer;
  border: 1px solid #663399;
  border-radius: 5px;
  text-decoration: none;
  min-width: 11rem;
}

.btn_overload_4:hover {
  text-decoration: none;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  transition: 400ms;
}

.btn_overload_3 {
  background: #f8f8f8;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  padding: 0.5rem;
  vertical-align: middle;
  color: #000000;
  font-size: 1rem;
  cursor: pointer;
  border: 1px solid #000000;
  border-radius: 5px;
  text-decoration: none;
}

.btn_overload_3:hover {
  text-decoration: none;
  /* background: #f44336; */
  color: #f44336;
  border: 1px solid #f44336;
  transition: 400ms;
}

.nav-link:focus,
.nav-link:hover {
  color: #787878 !important;
}

.btn-shop-ver {
  background-color: transparent;
  color: #fafafa;
  font-size: 1.3rem;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  padding: 0.5rem;
  vertical-align: middle;
  text-decoration: underline;
}

.btn-shop-ver:hover {
  color: #ffffff;
}

.btn-shop-ver:focus {
  outline: none;
}

.btn-shop-login {
  background-color: transparent;
  color: #000000;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  padding: 0.5rem;
  vertical-align: middle;
  text-decoration: underline;
}

.btn-shop-login:hover {
  color: #663399;
}

.btn-shop-login:focus {
  outline: none;
}

.padd_card_lb {
  padding-bottom: 1rem;
  padding-right: 1rem;
}

.dis_eb {
  display: flex;
  justify-content: space-between;
}

.dis_eb_resum {
  display: flex;
  justify-content: space-between;
}

.title_pri_paso {
  text-align: center;
  font-size: 4rem;
  width: 75%;
  margin: auto;
  line-height: 1;
}

.title_pasos {
  color: #212121;
  text-align: left;
  font-size: 3rem;
  padding-bottom: 1rem;
}

.dis_fle {
  display: flex;
  justify-content: center;
}

.cont_burble_pas {
  width: 17rem;
  height: 17rem;
  /* background: linear-gradient(45deg, black, transparent); */
  /* background: orangered; */
  border-radius: 50%;
  text-align: center;
  position: relative;
}

.burble_pas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}

.color_burble_1 {
  background-color: rebeccapurple;
}

.color_burble_2 {
  background-color: lightseagreen;
}

.color_burble_3 {
  background-color: #fb462e;
}

.title_paso_bubble {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
}

.parr_paso_bubble {
  text-align: center;
  font-size: 1.2rem;
  color: #7a7a7a;
}

.pad_5r_t {
  padding-top: 5rem;
}

.icon_bubble_pas {
  color: #efefef;
  font-size: 5rem;
}

.back_black {
  background: #f3f3f3;
}

.back_gray {
  background: #fefefe;
}

.color_comb {
  color: #f9b52f;
}

.bg_light_personalizado {
  /* background-color: #4d1695; */
  background: linear-gradient(0deg, #000000, #4d1695);
  transition: 400ms;
}

.pad_tb_5r {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.product-item img {
  width: 100%;
}

.product-item img:hover {
  transform: scale(0.9);
  transition: 500ms;
}

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.slick-dots {
  background-color: #000000 !important;
}

.card_product_index {
  border-radius: 5px;
  padding: 3%;
  background: #fefefe;
  /* box-shadow: 0px 0px 3px 0px rgb(200 200 200); */
  height: 100%;
  position: relative;
}

.card_product_index:hover .cont_button_add {
  transform: translate(0px, -150px);
  transition: 400ms;
  z-index: 1;

}

.mg_auto {
  margin: auto;
}

.nombre_producto {
  text-align: center;
  font-size: 0.95rem;
  /* font-weight: bold; */
  padding-bottom: 0.5rem;
}

.precio_producto {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  padding-bottom: 0.5rem;
}

.cont_img_aliado {
  padding: 1rem;
  background: #ffffff;
  box-shadow: 0px 0px 3px 0px rgb(200 200 200);
}

.img_aliado {
  width: 100%;
}

.cont_whats {
  position: fixed;
  bottom: 7rem;
  z-index: 1;
}

.cont_fa {
  position: fixed;
  right: 1rem;
  display: block;
  width: 4.5rem;
}

.dis_fa {
  display: block;
  line-height: 57px;
}

.img_whats {
  width: 100%;
  border-radius: 15px;
}

.img_red3 {
  width: 2rem;
}

.no_deco:hover {
  text-decoration: none;
}

.col_back {
  width: 2rem;
  height: 2rem;
  border-radius: 10px;
  border: 1px solid #b1b1b1;
  margin-left: 0.5rem;
}

.col_back.selected {
  border: 2px double #000000;
}

.cont_col_back {
  display: flex;
  padding-top: 1rem;
}

.pad_all_5r {
  padding-top: 4rem;
  padding-left: 3rem !important;
  padding-right: 3rem !important;
  padding-bottom: 2rem;
}

.title_accesos_rapido_login {
  text-align: center;
  padding: 1rem;
  border-top: 1px solid #e8f0fe;
  margin-top: 2rem;
}

.pad_1_5r {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.section_mi_cuenta {
  padding-top: 14rem;
  min-height: 100vh;
  background: #fefefe;
}

.active-step {
  /* border-left: 10px solid #fab631; */
}

.cursor_pointer {
  cursor: pointer;
}

.fas.fa-star {
  color: #fab631;
}

.fa-star {
  color: #909090;
}

.offcanvas-header {
  border-bottom: 1px solid #eeeeee;
}

.cont_direccion_3 {
  justify-content: space-between;
  display: flex;
  padding-bottom: 1rem;
}

/* CUENTA */
.btn_steep_cuenta {
  width: 100%;
  padding: 1.1rem;
  font-size: 1.2rem;
  margin-bottom: 0.5rem !important;
  background: #f4f3f3;
  border-radius: 5px;
  font-weight: bold;
}

.pad_tb_d {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.pd_t_1 {
  padding-top: 1rem;
}

.pd_b_1 {
  padding-bottom: 1rem;
}

.pd_all_1 {
  padding: 1rem;
}

.title_step_cuenta {
  font-size: 1.3rem;
  padding-bottom: 1rem;
  font-weight: bold;
  color: #fefdfd;
}

.title_resumen {
  font-size: 1.5rem;
  padding-bottom: 1rem;
  font-weight: bold;
  color: #000000;
}

.title_step_checkout {
  font-size: 1.5rem;
  padding-bottom: 1rem;
  font-weight: bold;
}

.color_prin {
  color: #fb512f;
}

.color_sec {
  color: #fab631;
}

.back_first_ton {
  background: #fefefe;
}

.back_first_ton_resumen {
  background: #f4f3f3;
}

.s_t_resumen {
  font-size: 1.2rem;
}

.t_resumen {
  font-size: 1.5rem;
  font-weight: bold;
  padding-top: 0.5rem;
}

.s_t_result {
  font-size: 1.2rem;
  text-align: right;
  padding-right: 2rem;
}

.t_result {
  font-size: 1.5rem;
  padding-top: 0.5rem;
  text-align: right;
  padding-right: 2rem;
}

.form-select:disabled,
.form-control:disabled,
.form-control[readonly] {
  /* background-color: #f5f1fe!important; */
  color: #a1a1a1;
}

.cont_direccion_all {
  justify-content: space-between;
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 1rem;
}

.cont_direccion_all_two {
  justify-content: space-between;
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.dis_fle_nc {
  display: flex;
}

.dis_fle_nc_res {
  display: flex;
}

.favorito {
  padding-left: 1rem;
}

.favorito_tarjetas {
  padding-left: 1rem;
}

.cont_direccion {
  padding-left: 1rem;
}

.cont_tarjeta {
  padding-left: 1rem;
}

.icon_pr {
  padding-right: 1rem;
}

.cont_icon i {
  cursor: pointer;
}

.modal .close {
  background: none;
}

.form-floating>label {
  left: 0.8rem !important;
}

/*SWEET ALERT 2*/
.confirm-button-class {
  background-color: red !important;
  color: white !important;
  border: none !important;
}

.title-class {
  font-size: 1.2rem !important;
}


.icon-class {
  font-size: 10px !important;
}

.confirm-button-class .swal2-icon svg {
  width: 12px !important;
  height: 12px !important;
}

.swal2-actions .swal2-confirm {
  /* background-color: #f1c40f !important;
  color: white !important;
  border: none !important;
  box-shadow: none !important; */
  background: #f44336 !important;
  display: inline-block !important;
  text-align: center !important;
  font-weight: 400 !important;
  padding: 0.5rem !important;
  vertical-align: middle !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  border: 1px solid #f44336 !important;
  border-radius: 5px !important;
}

.swal2-actions .swal2-confirm:hover {
  background: #000000 !important;
}

.swal2-actions .swal2-cancel {
  /* border-color: #f1c40f !important;
  box-shadow: none !important;
  border: none !important; */
  background-color: transparent !important;
  color: #000000 !important;
  display: inline-block !important;
  text-align: center !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  padding: 0.5rem !important;
  vertical-align: middle !important;
  text-decoration: underline !important;

}

.swal2-actions .swal2-cancel:hover {
  color: #f44336 !important;
  background-image: none !important;
}

.swal2-confirm:focus,
.swal2-cancel:focus {
  box-shadow: none !important;
  border: none !important;
}

.swal2-actions button:hover {
  border: none !important;
}

.sweet-alert {
  max-width: 300px !important;
  margin: auto !important;
  transform: translate(-50%, -50%) !important;
}

.sweet-alert .sa-icon.sa-warning,
.sa-icon.sa-error {
  display: none !important;
}

.sweet-alert h2,
.swal2-title {
  font-size: 1.2rem !important;
  margin: 0 !important;
}

.sweet-alert p {
  font-size: 1rem !important;
}

.sweet-alert .sa-confirm-button-container button {
  background: #f44336 !important;
  display: inline-block !important;
  text-align: center !important;
  font-weight: 400 !important;
  padding: 0.5rem !important;
  vertical-align: middle !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  border: 1px solid #f44336 !important;
  border-radius: 5px !important;
}

.sweet-alert .sa-confirm-button-container button:hover {
  text-decoration: none !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  transition: 400ms !important;
}

.sweet-alert .button.cancel {
  display: none !important;
}

.small-swal-container .sa-button-container button.cancel {
  background-color: transparent !important;
  color: #000000 !important;
  display: inline-block !important;
  text-align: center !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  padding: 0.5rem !important;
  vertical-align: middle !important;
  text-decoration: underline !important;
}

.small-swal-container .sa-button-container button.cancel:hover {
  color: #f44336 !important;
}

.small-swal-container .sa-button-container button.cancel:focus {
  outline: none !important;
}

.title_carousel_categoria_cus {
  font-size: 2rem;
  color: #000000;
  font-weight: bold;
}
/* CUETNA FIN */
.swiper-slide img {
  transition: transform 7s ease;
  transform: scale(1);
}

.swiper-button-next,
.swiper-button-prev {
  color: #663399 !important;
}

.swiper-pagination-bullet {
  background: #d0a0ff !important;
  opacity: 1;
}

/* Bullet activo */
.swiper-pagination-bullet-active {
  background: #663399 !important;
}

.swiper-slide-active img {
  transform: scale(1.05);
  /* Zoom in */
}

/* Ajuste para altura mínima del contenedor en responsive */
.sectionslide {
  position: relative;
  width: 100%;
  /* height: 100vh; */
}

/*COMPRAS*/
.border_bot {
  border-bottom: 1px solid #d8d8d8;
}

.princ_css_cen {
  /* background: #000000!important; */
  align-items: center;
}

.mr_b_1_c {
  margin-bottom: 1rem;
}

.mr_b_1 {
  margin-bottom: 2rem;
}

.pd_t_2 {
  padding-top: 2rem;
}

.mr_b_1_2 {
  margin-bottom: 0.5rem;
}

.mr_r_1 {
  margin-right: 1rem;
}

.pos_rel {
  position: relative;
}

.valuar {
  padding-top: 1rem;
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(50%, -50%);
  width: 35%; */
}

.star_rating i {
  cursor: pointer;
}

.cont_img_p {
  background: #ffffff;
  /* width: 7rem; */
  border-radius: 15px;
  margin-right: 1rem;
}

.cont_img_p_cuenta {
  background: #ffffff;
  width: 7rem;
  border-radius: 15px;
  margin-right: 1rem;
}

.img_p {
  width: 100%;
}

.np_r {
  padding-right: 0 !important;
}

.np_l {
  padding-left: 0 !important;
}

.txt_a_r {
  text-align: right;
}

/*COMPRAS FIN*/

/*SHOPCAR*/
.offcanvas {
  background-color: #f4f3f3 !important;
}

.offcanvas-footer {
  padding: 2rem;
  text-align: right;
  border-top: 1px solid #d8d8d8;
}

.delete-product-shopcar {
  cursor: pointer;
}

.delete-product-shopcar:hover {
  color: #663399;
}

.cont_cant_agr {
  display: flex;
  margin-top: 1rem;
}

.mr_l_15 {
  margin-left: 1.5rem;
}

.mr_r_1 {
  margin-right: 1rem;
}

.wth_7 {
  width: 7rem;
}

.hth_3 {
  height: 3rem;
}

.wth_6 {
  width: 6rem;
}

.hth_2 {
  height: 2rem;
}

.box-number {
  color: #212121;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fs_13 {
  font-size: 1.3rem;
}

.select_quantity,
.quantity {
  width: 33.3%;
  text-align: center;
  cursor: pointer;
}

.select_quantity {
  background: #000000;
  color: #ffffff;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  border-radius: 5px;
}

.pad_04 {
  padding: 0.4rem;
}

.w_100 {
  width: 100%;
}

.card_dat {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0px;
  overflow-wrap: break-word;
  border-radius: 10px;
  padding: 2rem;
  border: 1px solid #f4f3f3;
  background-color: #f4f3f3;
  box-shadow: rgba(74, 74, 74, 0.2) 0px 0px 1px 0px;
}

.card_checkout {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0px;
  overflow-wrap: break-word;
  border-radius: 10px;
  padding: 2rem;
  border: 1px solid #fefefe;
  background-color: #fefefe;
  box-shadow: rgba(74, 74, 74, 0.2) 0px 0px 1px 0px;
}

.card_dat_deta {
  border-radius: 10px;
  border: 1px solid #f4f3f3;
  background-color: #f4f3f3;
  box-shadow: rgba(74, 74, 74, 0.2) 0px 0px 1px 0px;
}

.card_dat_per {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0px;
  overflow-wrap: break-word;
  border-radius: 10px;
  border: 1px solid #f4f3f3;
  background-color: #f4f3f3;
  box-shadow: rgba(74, 74, 74, 0.2) 0px 0px 1px 0px;
}

.card_ped {
  background: #452164;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.w_25 {
  width: 25%;
}

.w_50 {
  width: 50%;
}

.w_35 {
  width: 35%;
}

.w_15 {
  width: 15%;
}

.cont_order_total {
  padding: 2rem;
  text-align: right;
  border-top: 1px solid #d8d8d8;
}

.orderTotalPago {
  font-size: 1.5rem;
  font-weight: bold;
}

.cupon_descuento {
  color: #f44336;
}

#checkoutCartItems {
  max-height: 25rem;
  overflow-y: auto;
}

.badge {
  position: absolute;
  background: #ff0055;
  font-size: 0.6rem !important;
  right: 0rem;
  top: 0.5rem;
}

.shop-nav {
  position: relative;
}

.dropdown-menu[data-bs-popper] {
  top: 125% !important;
}

.bac_scroll .navegacion {
  background: #000000;
  transition: 400ms;
}

.bac_scroll .navegacion {
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}

.acces_responsive {
  display: none;
}

.accesos_web {
  display: flex;
}

.back_message {
  background-color: #663399;
  border-radius: 10px;
  color: #ffffff;
  width: 50%;
  padding: 1rem;
}

.title_desde {
  color: #f62805 !important;
}

.text_ofer_ban {
  color: #ffffff !important;
  background: #e5831b;
  padding: 0.4rem;
  border-radius: 5px;
  margin-left: 2rem;
  font-size: 1.75rem !important;
}

.card_shopp {
  background: #fbfbfb;
  /* height: 100%; */
  border-radius: 5px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

.cont_card_det {
  flex-direction: column;
  display: flex;

  justify-content: space-between;
  height: 100%;
}

.span_discount {
  /* background: #e5831b; */
  background: #ff0055;
  /* background: #1b74e5; */
  padding: 0.4rem;
  color: #ffffff;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  min-width: 4rem;
  z-index: 2;
}

.cont_faprodet {
  text-align: left;
}

.fa_prodet {
  font-size: 2rem;
  color: #b1b1b1;
  padding-right: 2rem;
  padding-top: 1rem;
}

.title_gracias {
  font-size: 1.2rem;
  padding-bottom: 1rem;
}

.check_compra {
  background: #06af28;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem !important;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  font-size: 1rem;
}

.pd_t_1_2 {
  padding-top: 0.5rem;
}

.n_d_at {
  text-decoration: none;
}

.card_product {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0px;
  overflow-wrap: break-word;
  border-radius: 10px;
  border: 1px solid #f4f3f3;
  background-color: #f4f3f3;
  box-shadow: rgba(74, 74, 74, 0.2) 0px 0px 1px 0px;
}

.card_product2 {
  border-radius: 5px;
  padding: 3%;
  background: #fefefe;
  box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 22%);
  height: 16rem;
}

.card_product:hover .cont_button_add {
  transform: translate(0px, -150px);
  transition: 400ms;
  z-index: 1;

}

.cont_item_desc {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 1rem 0.2rem;
  width: revert;
}

.cont_desc_pro {
  flex-grow: 1;
}

.desc_sp_des {
  text-align: justify;
}

.btn_cont {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.cont_vis {
  position: relative;
}

.btn_vis {
  /* border-color: #ced4da!important; */
  /* background-color: #e8f0fe!important; */
  border: none !important;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

.btn_vis:focus {
  outline: none !important;
}

.btn_vis i {
  color: #7a7a7a;
}

.align-items-start_cuenta {
  align-items: flex-start;
}

.flex-column_cuenta {
  flex-direction: column;
}

.cont_filt_text {
  /* line-height: 3.5rem; */
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

.search-bar {
  position: relative;
}

.form-control {
  border-radius: 10px !important;
}

.filt_text i {
  color: #7a7a7a;
}

.container-tercon {
  width: 90%;
  margin: auto;
  padding-top: 15rem;
  padding-bottom: 5rem;
  min-height: 100vh;
}

.container-tercon>h1 {
  color: #494B4D;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  margin: 15px 0px;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d8d8d8;
}

.tercon_par {
  text-align: justify;
  padding-bottom: 2rem;
  padding-top: 1rem;
}

.input_search {
  width: 50rem !important;
  max-width: 600px !important;
  margin: auto;
}

.separation_border {
  border-left: 1px solid #a2a2a2;
}

.separation_border_r {

  border-right: 1px solid #a2a2a2;
}

#loginModal .form-control {
  border-bottom: 1px solid #ced4da !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;

}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

/* input:-webkit-autofill {
  -webkit-text-fill-color: #fff;
} */
.slick-initialized .slick-slide {
  display: flex !important;
  justify-content: center;
}

.slick-slide img {
  width: 100%;
}

.cont_btn_step_cuenta {
  display: flex;
  justify-content: right;
}

.container {
  max-width: 95% !important;
}

.modal-header {
  background: #452164;
}

.modal-title {
  color: #ffffff;
}

/* Estilos generales del menú lateral */
.custom-offcanvas {
  width: 300px;
  background-color: #fff;
  border-right: 1px solid #ddd;
}

/* Estilo del título */
.offcanvas-title {
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
}

/* Categorías */
.category_listar {
  display: flex;
  flex-direction: column;
}

.category_item {
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

/* Destacar "Oportunidades Únicas" */
.category_item:hover {
  background-color: #ced4da;
  font-weight: bold;
  border-left: 4px solid #663399;
}

/* Flecha */
.category_item i {
  font-size: 16px;
  color: #666;
}

/* Estilos del badge de SALE */
.sale-badge {
  background-color: #663399;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 5px;
}

.carousel_categoria_cus {
  position: relative;
}
.carousel_categoria_cus .carousel-control-prev {
  left: -2.5rem !important;
}

.carousel_categoria_cus .carousel-control-next {
  right: -2.5rem !important;
}

.carousel_categoria_cus .bg-dark-c {
  background-color: #5d00bb !important;
}

.carousel_categoria_cus .rounded-circle-c {
  border-radius: 5px !important;
  width: 50px;
}

.carousel_categoria_cus .swiper-button-next,
.carousel_categoria_cus .swiper-button-prev {
  background-color: #6c4ab6; /* tu tono de morado */
  width: 50px;
  height: 30px;
  border-radius: 10px;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.carousel_categoria_cus .swiper-button-next::after,
.carousel_categoria_cus .swiper-button-prev::after {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}

.carousel_categoria_cus .swiper-button-next:hover,
.carousel_categoria_cus .swiper-button-prev:hover {
  background-color: #4c2a90;
  transform: scale(1.1);
  transition: 0.3s;
}
.carousel_categoria_cus .swiper-button-prev {
  left: 0;
}

.carousel_categoria_cus .swiper-button-next {
  right: 0;
}

.container_terminos {
  padding-bottom: 2rem;
  padding-top: 2rem;
  text-align: justify;
  margin: auto;
  max-width: 800px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.tercon_li ul {
  list-style-type: none;
  padding-left: 0;
}

.tercon_li li {
  margin-bottom: 15px;
}

.tercon_li li::before {
  content: attr(data-label) ". ";
  font-weight: bold;
}

.title_terminos {
  padding-bottom: 1rem;
}

.img-mpag {
  width: 40px;
}

.back_b_f_pagos {
  border: 1px solid #ffffff;
  border-radius: 10px;
  background: #f4f3f3;
  padding: 0.4rem;
}

.back_b_f_pagos_h {
  text-align: center;
}

.modern-parallax {
  position: relative;
  height: 70vh;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  overflow: hidden;
}

.modern-parallax .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

.modern-parallax .content {
  position: relative;
  z-index: 2;
  max-width: 800px;
}

.footer-contact a {
  text-decoration: none;
  color: #cccccc;
  font-size: 1rem;
}

.footer-contact a:hover {
  color: #6153c7;
}

.back_esp_r {
  background: #6153c7 !important;
}

.bg_n {
  background: #000000;
}

.contact-options a {
  text-decoration: none;
}

.contact-card {
  /* background-color: #191638; */
  background-color: #3f51b5;
  color: #333333;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-card:hover {
  background-color: #6153c7;
  /* background: #ff0055; */
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-card-2 {
  background-color: #191638;
  /* background-color: #663399; */
  color: #333333;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-card-2:hover {
  background-color: #6153c7;
  /* background: #ff0055; */
  /* transform: translateY(-5px); */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  /* transition: transform 0.3s ease, box-shadow 0.3s ease; */
}

#section-elegirnos {
  background-color: #191638;
}

.bg_n_m {
  background: #342e6e;
}

.card_perso {
  border-radius: 15px;
}

.text_person_r {
  color: #ffeed5;
  font-size: 1.2rem;
}

.text_person_ri {
  color: #ffeed5;
  font-size: 2rem;
  padding-top: 1rem;
}

.text_perso_m {
  color: #bfbfbf;
  font-size: 1rem;
}

.ul_menu_d {
  padding: 1rem;
}

.li_me_d {
  list-style: none;
  padding-bottom: 1rem;
}

.li_me_d a {
  text-align: left;
  color: #000000;
  font-size: 0.9rem;
}

.li_me_d a:hover {
  color: #452164;
  font-weight: bold;
}

.cont_shop_back {
  background-color: #ffffff;
}

.fade-out {
  opacity: 0;
  transform: scale(0.98);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.fade-in {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.zoom-in {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.zoom-in-active {
  opacity: 1;
  transform: scale(1);
}

.n_pad_es {
  padding: 0 !important;
}

.img_catego_slide {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.precio_anterior {
  text-decoration: line-through;
  font-size: 0.8rem;
}
.precio_actual {
  color: #ff0055;
}

/* Responsivo para móvil */
@media (max-width: 768px) {
  .oferta_limit {
    flex-direction: column;
    height: auto;
    display: none;
  }

  .oferta_limit>div {
    justify-content: center;
    padding: 0.8rem;
    clip-path: none !important;
    border-radius: 0 !important;
  }

  .part_ofer_1 {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  .part_ofer_3 {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  /* .redes {
    display: none;
  } */
  .footer-bottom {
    font-size: 1.5rem;
  }
  .categoria-columns {
    grid-template-columns: 1fr;
  }

  .mrg_sect_index {
    margin-top: 100px
  }
  .card.card_dp {
    padding: 1rem;
  }
  .footer-brand {
    width: 100%;
  }
  .footer-links {
    width: 100%;
  }
  .dis_no_res {
    display: none;
  }
  .sectionslide {
    height: 60vh;
  }
  .modern-parallax {
    background-attachment: scroll;
    height: auto;
    padding: 60px 0;
  }

  .text_person_ri {
    font-size: 1.2rem;
  }

  .fa-3x {
    font-size: 2em !important;
  }

  .img_catego_slide {
    padding-bottom: 1rem;
  }
  .nombre_producto {
    font-size: 1.2rem;
  }
  .container {
    max-width: 100% !important;
  }
  .card_dat {
    padding: 1rem;
  }
  .swiper-slide img {
    height: 60vh!important;    
    object-fit: cover;
  }
  .footer-contact a {
    font-size: 1.5rem;
  }
  .footer-links a {
    font-size: 1.5rem;
  }
  .footer-social {
    width: 100%;
  }
  .back_b_f_pagos {
    display: flex;
  }
  .back_b_f_pagos_h {
    padding-right: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .container_terminos {
    padding-top: 0rem;
  }

  .bg_res_white {
    background: #ffffff;
  }

  .title_pri_paso {
    font-size: 2rem;
  }

  .mr_b_1 {
    margin-bottom: 0rem;
  }

  .dis_eb_resum {
    display: inline;
  }

  .btn_steep_cuenta {
    width: 25%;
    padding: 0.5rem;
    margin: 0.2rem;
  }

  .align-items-start_cuenta {
    align-items: inherit;
  }

  .flex-column_cuenta {
    flex-direction: inherit;
  }

  .active-step {
    /* border-bottom: 10px solid #fab631; */
    border-left: none;
  }

  .mr_2_5_t_res {
    margin-top: 2.5rem;
  }

  .title_step_cuenta {
    display: grid;
  }

  .dis_fle_nc_res {
    display: inline-grid;
    display: -moz-inline-grid;
  }

  .section_mi_cuenta {
    padding-top: 9rem;
  }
  .fa-chevron-right {
    display: none!important;
  }

  .container-shop {
    padding-top: 11rem !important;
  }

  .container-tercon {
    padding-top: 9rem;
  }

  .cont_filter_tip {
    display: none;
  }

  .product_detail {
    padding-top: 9rem;
  }

  .resumen_detail {
    padding-top: 9rem;
  }

  .container_img {
    padding-right: 0;
    padding-left: 0;
  }

  .carousel__thumbnails li {
    max-width: calc((100% / 3) - 20px);
  }

  .cont_desc_detail_produc {
    padding-right: 0rem !important;
  }

  .product_description {
    text-align: justify;
  }

  .pad_tb_5r {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .pad_5r_t {
    padding-top: 1rem;
  }

  .text_right {
    text-align: inherit;
  }

  .text_left {
    text-align: inherit;
  }

  .cont_filt_text {
    /* padding-bottom: 1rem; */
  }

  .product-item-shop {
    width: 50% !important;
  }
}

@media screen and (max-width: 850px) {
  .title_pri_paso {
    font-size: 2rem;
  }

  .navegacion {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .logo img {
    width: 10rem;
  }

  .title_text_slider {
    font-size: 2rem;
  }

  .subtitle_text_slider {
    font-size: 1rem;
  }

  .cont_mensaje_slider {
    width: 80%;
    left: 50%;
    top: 76%;
    transform: translate(-50%, -45%);
    width: 85%;
  }

  .img_index_change {
    max-width: 100%;
  }

  .cont_img_slider {
    top: 40%;
    left: 55%;
    transform: translate(-55%, -50%);
    width: 90%;
  }

  .img_slider {
    height: 100%;
  }

  .mr_b_1_res {
    margin-bottom: 1rem;
  }
}

@media (max-width: 992px) {
  nav {
    background-color: #ffffff;
  }

  .navbar-light .navbar-toggler {
    background: #ffffff;
  }

  .acces_responsive {
    display: flex;
  }

  .accesos_web {
    display: none;
  }
}