@font-face {
  font-family: "Inter-Light";
  src: url("../fonts/Inter-Light.otf");
}

@font-face {
  font-family: "Inter-Regular";
  src: url("../fonts/Inter-Regular.otf");
}

@font-face {
  font-family: "Inter-Medium";
  src: url("../fonts/Inter-Medium.otf");
}

@font-face {
  font-family: "Inter-Bold";
  src: url("../fonts/Inter-Bold.otf");
}

@font-face {
  font-family: "Inter-Black";
  src: url("../fonts/Inter-Black.otf");
}

@font-face {
  font-family: "Reifilano-Light";
  src: url("../fonts/Reifilano-Light.ttf");
}

body {
  font-family: "Inter-Regular" !important;
  background-color: #ffffff;
  color: #484848;
}

.title-registro {
  font-family: "Reifilano-Light" !important;
  color: #000000;
  font-size: 5rem;
  line-height: 5rem;
  margin-top: 5%;
  text-align: center;
}

.row-formulario-registro {
  margin-top: 5%;
  margin-bottom: 10%;
}

.btn-googlelogin {
  background-color: #e5e5e5;
  color: #212529;
  width: 100%;
  border-radius: 5px;
  font-size: 14px;
}
.btn-googlelogin:hover {
  background-color: #e5e5e5;
  color: #212529;
  width: 100%;
  border-radius: 5px;
  font-size: 14px;
}

.img-googlelogin {
  width: 20px;
}

.btn-registro {
  background-color: #4bbea1;
  color: white;
  width: 100%;
  border-radius: 5px;
}
.btn-registro:hover {
  background-color: #4bbea1;
  color: white;
  width: 100%;
  border-radius: 5px;
}
.text-registrarme {
  font-family: "Inter-Regular";
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
}
.link-registro {
  color: #4bbea1;
}

.content-producto-detalle {
  margin-top: 5%;
  margin-bottom: 5%;
}

.btn-icon-pdet1 {
  background-color: #e3e3e3;
  padding: 20px 10px;
  border-radius: 30px;
  margin-right: 10%;
  color: #adadad;
}

.btn-icon-pdet-active {
  background-color: #4bbea1 !important;
  color: white !important;
}

.img-icon-step-cart {
  width: 40px;
}

.row-prodcuto-detalle {
  margin-top: 5%;
}
.title-producto-detalle {
  font-family: "Inter-Bold";
  font-size: 2rem;
  text-align: start;
  margin-top: 10px;
}

.description-producto-detalle {
  font-family: "Inter-Light";
  font-size: 16px;
  text-align: justify;
  margin-bottom: 5%;
}

.price-producto-detalle {
  font-family: "Inter-Bold";
  font-size: 2rem;
  text-align: start;
  margin-top: 10px;
  color: #4bbea1;
}

.acordionpdet {
  --bs-accordion-border-color: #00000000;
  --bs-accordion-border-radius: none;
}

.acoridonhead {
  color: #484848 !important;
  font-size: 1.2rem;
}

.acoridonhead:focus {
  border-color: transparent;
  box-shadow: 0px 0px 0px 1px #4bbea1 !important;
}

.color-option {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 5px;
  cursor: pointer;
  border: 2px solid #ccc;
  border-radius: 50%;
}

.col-colores-pdet {
  background: #e9e9e957;
  padding: 20px 10px;
  border-radius: 10px;
  margin-right: 2%;
}

.talla-menu-tienda-pdet {
  font-family: "Inter-bold" !important;
  display: inline-block;
  color: #252525;
  text-decoration: none;
  transition: all 0.5s;
  font-size: 1rem;
  border: 2px solid #252525;
  background-color: #fff;
  padding: 7px 15px;
  border-radius: 25px;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.5s;
}

.talla-menu-tienda-pdet:hover {
  font-family: "Inter-bold" !important;
  display: inline-block;
  color: white;
  text-decoration: none;
  transition: all 0.5s;
  font-size: 1rem;
  border: 2px solid #4bbea1;
  background-color: #4bbea1;
  margin-right: 10px;
  padding: 7px 15px;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.5s;
}

.talla-menu-tienda-pdet.selected {
  border-color: green;
  background-color: #4bbea1;
  color: white;
  transition: all 0.5s;
}

.hidden-radio {
  display: none;
  /* Oculta solo los inputs radio de talla */
}

.btn-addtocart {
  font-family: "Inter-Medium" !important;
  background-color: #7de5b2;
  color: #11161f;
  font-size: 14px;
  border-radius: 20px;
  width: 100%;
  transition: all 0.5s;
}
.btn-addtocart:hover {
  font-family: "Inter-Medium" !important;
  background-color: #3d9c6e;
  color: #ffffff;
  font-size: 14px;
  border-radius: 20px;
  width: 100%;
  transition: all 0.5s;
}

.btn-addtocart:disabled {
  font-family: "Inter-Medium" !important;
  pointer-events: none;
  background-color: #e9e9e9;
  color: #11161f;
  font-size: 14px;
  border-radius: 20px;
  width: 100%;
  border-color: #e5e5e5;
}

.color-option-tienda {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px;
  cursor: pointer;
  border: 2px solid #ccc;
  border-radius: 50%;
}

.checkout-carey {
  margin-top: 5%;
}

.title-checkout-carey {
  font-family: "Inter-Bold";
  font-size: 2rem;
  text-align: start;
  margin-top: 10px;
}

.btn-icon-checkout-carey {
  background-color: #4bbea1 !important;
  color: white !important;
  padding: 12px 14px;
  border-radius: 30px;
  margin-right: 5%;
  font-size: 20px;
}

.btncontinue-checkout {
  font-family: "Inter-Medium" !important;
  background-color: #3d9c6e;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 20px;
  border-radius: 15px;
  transition: all 0.5s;
}
.btncontinue-checkout:hover {
  font-family: "Inter-Medium" !important;
  background-color: #3d9c6e;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 20px;
  border-radius: 15px;
  transition: all 0.5s;
}

.btnfinish-checkout {
  font-family: "Inter-Medium" !important;
  background-color: #7de5b2;
  color: #484848;
  font-size: 18px;
  width: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}
.btnfinish-checkout:hover {
  font-family: "Inter-Medium" !important;
  background-color: #7de5b2;
  color: #484848;
  font-size: 18px;
  width: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}

.bloqueado {
  pointer-events: none;
  /* Desactiva la interacción */
  opacity: 0.5;
  /* Cambia la opacidad para indicar que está bloqueado */
}

/*****************************************************************
********************** DOCUMENTACION *****************************
******************************************************************/

/* TERMINOS */

.terminosycond {
  margin-top: 5%;
  margin-bottom: 5%;
}

.title-terminos {
  font-family: "Reifilano-Light" !important;
  color: #000000;
  font-size: 5rem;
  line-height: 5rem;
  margin-top: 5%;
  text-align: start;
}

.subtittle-terminos {
  font-family: "Inter-Medium" !important;
  color: #000000;
  font-size: 1.2rem;
  text-align: start;
  margin-bottom: 5%;
}

.title-item-termino {
  font-family: "Inter-Bold" !important;
  color: #000000;
  margin-top: 5%;
  font-size: 1.2rem;
  text-align: start;
}

.title-item-termino2 {
  font-family: "Inter-Bold" !important;
  color: #000000;
  margin-top: 3%;
  font-size: 1rem;
  text-align: start;
}

.text-item-termino {
  font-family: "Inter-Light" !important;
  color: #000000;
  font-size: 1rem;
  text-align: justify;
}

/* INPUTS CHECKOUT */

.control-checkout {
  height: 50px;
  border: 1px solid #00000012;
  border-radius: 0px !important;
  color: #00000091;
}
.control-checkout:focus {
  box-shadow: 0px 0px 2px 1px #c9c9c9;
  border-color: #ffffff;
}

.col-desglose-check {
  border-left: solid 1px #d9d9d996;
  background: #f7f7f740;
  padding-bottom: 10px;
}

.finalcarrito-checkout {
  background-color: #f1f1f1d1;
  padding: 10px 20px;
  margin-top: 10%;
}

.item-cart-check-three-2 {
  font-family: "Inter-Medium" !important;
  color: #636363;
  font-size: 20px;
  text-align: start;
}

.item-cart-check-four-2 {
  font-family: "Inter-Medium" !important;
  color: #636363;
  font-size: 20px;
  text-align: end;
}

.mensaje-careyperson {
  font-family: "Inter-Regular" !important;
  color: #717171;
  font-size: 18px;
  text-align: start;
  margin-bottom: 5%;
}

.btn-regist-checkout {
  background-color: #4bbea1;
  color: white;
  border-radius: 5px;
}
.btn-regist-checkout:hover {
  background-color: #4bbea1;
  color: white;
  border-radius: 5px;
}

.col-iniciasesioncheck {
  background: #f7f7f7;
  box-shadow: 0px 0px 5px 0px #0000001a;
}

/* ENTREGA CHECKOUT */

.col-payment-entrega {
  background-color: rgba(128, 128, 128, 0);
}

.title-payment-entrega {
  font-family: "Inter-Bold" !important;
  color: #393939;
  font-size: 1.5rem;
  text-align: start;
}
.text-payment-entrega {
  font-family: "Inter-Light" !important;
  color: #000000;
  font-size: 1rem;
  text-align: start;
}

.option-envio-row {
  background-color: #f2fff7;
  padding: 3% 4% 0% 4%;
  border: solid 1px #4bbea1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-radius: 10px;
  color: #03bda1;
  font-family: "Inter-Medium";
  font-size: 1.1rem;
  margin-bottom: 2%;
  cursor: pointer;
}

.row-items-checkous {
  margin-bottom: 5%;
}

/* RADIOS BUTONS DEL CHECJKPUT  */

.radio-container-careyc {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 20px;
  border: 2px solid #ccc;
  border-radius: 10px;
  transition: background-color 0.2s, border-color 0.2s;
}

.radio-container-careyc:hover {
  background-color: #f0f0f0;
}

.custom-radio-careyc {
  display: none; /* Ocultar el radio input real */
}

.radio-check-careyc {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #007bff;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: border-color 0.2s;
}

.radio-check-careyc:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #007bff;
  border-radius: 50%;
  position: absolute;
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.2s, visibility 0.2s;
}

.custom-radio-careyc:checked + .radio-check-careyc:after {
  visibility: visible;
  transform: scale(1);
}

/* Estilo cuando el radio está seleccionado */
.custom-radio-careyc:checked + .radio-check-careyc {
  border-color: #28a745; /* Cambia el color del borde */
}

.custom-radio-careyc:checked + .radio-check-careyc + .radio-text-careyc {
  font-weight: bold; /* Cambiar el estilo del texto */
  color: #28a745; /* Cambiar el color del texto */
}

.radio-text-careyc {
  display: flex;
  align-items: center;
}

.radio-image-careyc {
  width: 40px; /* Ajusta el tamaño de la imagen */
  height: 40px; /* Ajusta el tamaño de la imagen */
  margin-right: 15px;
}

.text-pagar-payeasy {
  font-family: "Inter-Medium" !important;
  color: #393939;
  font-size: 1.5rem;
  text-align: start;
  margin-bottom: 0px;
}

.row-pago-pgufcl {
  background: #e7e7e7;
  border-radius: 20px;
  padding: 20px;
}

.title-step-check {
  font-family: "Inter-Medium" !important;
  color: #4bbea1;
  font-size: 1.2rem;
  text-align: start;
  margin-bottom: 10px;
}

.text-step-check {
  font-family: "Inter-Medium" !important;
  color: #393939;
  font-size: 14px;
  text-align: justify;
  margin-bottom: 0px;
}

.btn-enviocarey-pd {
  background-color: #e7e7e7;
  padding: 2% 5%;
  text-align: center;
  transition: all 0.5s;
  border: 1px solid #cfcfcf;
}

.btn-enviocarey-pd:hover {
  background-color: #dfdfdf;
  padding: 2% 5%;
  text-align: center;
  transition: all 0.5s;
  cursor: pointer;
  border: 1px solid #cfcfcf;
}

.active-btn-enviocarey {
  background-color: #4bbea1;
  color: white;
}

.active-btn-enviocarey:hover {
  background-color: #4bbea1;
  color: white;
}

#preloadercheckout {
  display: none;
  /* Ocultar el preloader por defecto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
}

#loadercheckout {
  border: 16px solid #f3f3f3;
  /* Fondo */
  border-top: 16px solid #23c395;
  /* Color del loader */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spincheckout 2s linear infinite;
  /* Animación */
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  /* Centrar el loader */
}

@keyframes spincheckout {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.checkenviocare {
  border: 1px solid black;
}

/* guia de tallas */

.p-guiatallas {
  text-align: start;
  margin-bottom: 5%;
}

.btn-guiatallas {
  background-color: #4bbea1;
  color: white;
  border-radius: 20px;
  font-size: 14px;
  padding: 10px 25px;
}
.btn-guiatallas:hover {
  background-color: #4bbea1;
  color: white;
  border-radius: 20px;
  font-size: 14px;
  padding: 10px 25px;
}