/* GENERALES */
:root {
  --white: #FFF;
  --yellow: #FFCE00;
  --black: #2B2922;
  --ringo: #2B2922;
  --paul: #63615A;
  --george: #9B9A97;
  --jhon: #EEEEED;
  --sargent: #FFFDF8;
  --pepper: #F8F8F8;
  --lonely: #FFFFFF;
  --success: #067940;
  --lightGreen: #EEF6F0;
  --links: #0039CC;
  --danger: #EF2E55;
  --lightYellow: #FFFDF8;
  --midYellow: #FFE578;
  --lightOrange: #FFB11A;
  --midOrange: #FF8A00;
  --orange: #FF6A16;
  --grayText: rgba(43, 41, 34, .5);
  --border: rgba(43, 41, 34, .2);
  --cardShadow: rgba(99, 99, 99, 0.2);
  --bgInput: #FCFAF5;
  --bgGray: #F8F8F8;
  --bgAtWorkLight: #403E37;
  --bgTagPrimary: #0040E4;
  --bgTagSecondary: #FF5C00;
  --bgTagPromo: #5026A8;
  --bgTagPrime: #BF967A;
  --bgTagProductoExclusivo: #FF2C6B;
  --bgTagCine: #CF0477;
  --bgFacebook: #135ED2;
  --bgGoogle: #4E94FF;
  --bgEntrada: #040404;
  --bgActivacion-dis: #605CFF;
  --bgActivacion-prox: #4FC1E9;
  --bgActivacion-no: #FF7878;
  --bgActivacion-promo: #00AD7C;
  --card-line-height: 1.2em;
  --card-padding: 1em;
  --card-radius: .5rem;
  --radio-border-width: 2px;
  --radio-size: 1.5em;
  --total: 100%;
  --cp-lightblue: #004A8C;
  --cp-darkblue: #0D1F40;
  --cp-yellow: #FFEC00;
  --cp-redish: #E50246;
  --lineColor: #D9DBE9;
  --success: #0EA674;
  --success-light: #00BA88;
  --success-dark: #00966D;
  --success-soft: #88D4BB;
  --success-bg: #F2FFFB;
  --danger: #EF2E55;
  --danger-light: #FF3860;
  --danger-dark: #CC0F35;
  --danger-soft: #F797AA;
  --danger-bg: #FEECF0;
  --info: #3488CE;
  --info-light: #209CEE;
  --info-dark: #1D72AA;
  --info-soft: #AECFEB;
  --info-bg: #EEF6FC;
  --warning: #F4B740;
  --warning-light: #FFC554;
  --warning-dark: #E39601;
  --warning-soft: #FFE2AA;
  --warning-bg: #FFFBEB;
  --Gray2: #EFF0F6;
  --Gray3: #D9DBE9;
  --Gray4: #A0A3BD;
  --Gray5: #6E7191;
  --Gray6: #4E4B66;
  --Gray7: #333350;
  --Gray8: #1F1F37;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--white);
  color: var(--ringo);
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

main {
  min-height: 100vh;
}

hr {
  border-top: 1px solid var(--george);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.hr-bee {
  border-top: 3px solid var(--yellow);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.form-group select {
  background: var(--bgInput) url("../img/icons/expand_more.svg") no-repeat right 0.75rem center/8px 10px;
  background-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 3rem;
}

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

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

/* Tipografias at work */
@font-face {
  font-family: "PFB bold";
  src: url("../fonts/atwork/PFBeauSansPro-Bold.ttf");
}

@font-face {
  font-family: "PFB semibold";
  src: url("../fonts/atwork/PFBeauSansPro-SemiBold.ttf");
}

@font-face {
  font-family: "PFB regular";
  src: url("../fonts/atwork/PFBeauSansPro-Regular.ttf");
}

@font-face {
  font-family: "Athelas regular";
  src: url("../fonts/Athelas-Regular.ttf");
}

@font-face {
  font-family: "Athelas bold";
  src: url("../fonts/Athelas-Bold.ttf");
}

/* Fin Tipografias at work */

@media (min-width: 1300px) {
  .container {
    max-width: 1280px;
  }
}

.section {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

.section-color {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.title-banner {
  font-weight: 700;
  font-size: 48px;
}

.title {
  font-weight: 600;
  font-size: 24px;
}

.title-secondary {
  font-weight: 600;
  font-size: 18px;
}

.text-bold {
  font-weight: 600;
}

.number-text-light {
  font-family: 'Inter', sans-serif;
}

.number-text-semiBold {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}

.number-text-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}

.number-text-extraBold {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
}

.text-through {
  color: var(--grayText);
  text-decoration: line-through;
}

.btn,
.form-control {
  border-radius: 8px;
  height: 48px;
}

.form-control {
  background-color: var(--bgInput);
}

/* .form-control:disabled, .form-control[readonly] {
  background-color: var(--bgInput);
  opacity: 1;
} */
.form-control:focus {
  color: var(--black);
  background-color: #fff;
  border-color: var(--yellow);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 206, 0, 0.25);
}

.form-control-style-none:focus {
  color: var(--black);
  background-color: #fff;
  border-color: var(--white) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem var(--white) !important;
}

.btn-primario {
  font-weight: 600;
  background-color: var(--yellow);
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom right, #FFE578, #FFCE00, #FFB01A);
}

.btn-primario:hover {
  background-color: var(--lightYellow);
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom right, #FFF6D0, #FFE784, #FFCE00);
}

.btn-primario:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 206, 0, 0.25);
}

.btn-disabled {
  background-color: var(--lightYellow);
  background-image: linear-gradient(to bottom right, #F2EAD9, #F2EDD9, #F9F6EC);
  cursor: not-allowed;
  color: var(--george);
  pointer-events: none;
}

.btn-disabled:hover {
  background-color: var(--lightYellow);
  background-image: linear-gradient(to bottom right, #F2EAD9, #F2EDD9, #F9F6EC);
  cursor: not-allowed;
  color: var(--george);
}

.btn-secundario {
  font-weight: 600;
  background-color: #fff;
  border: 1px solid var(--black);
}

.btn-secundario:hover {
  background-color: var(--black);
  color: #fff;
}

.btn-secundario:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
}

.btn-terciario {
  color: var(--black);
  font-weight: 600;
}

.btn-terciario:hover {
  background-color: var(--jhon);
}

.btn-terciario:focus {
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.25);
}

.btn-exito {
  font-weight: 600;
  background-color: var(--green);
  border-color: var(--green);
}

.btn-exito:focus,
.btn-exito.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(33, 234, 126, 0.25);
}

.btn-danger {
  background-color: var(--danger);
}

.btn-style-none {
  background-color: transparent;
  border-color: none;
}

.btn-style-none:hover {
  color: var(--black);
  background-color: transparent;
  border-color: 0;
}

.btn-style-none:focus,
.btn-style-none.focus {
  background-color: transparent;
  border-color: 0 !important;
  box-shadow: 0 0 0 0.2rem transparent !important;
}

.btn-style-none.disabled,
.btn-style-none:disabled {
  color: var(--white);
  background-color: var(--white);
  border-color: 0;
}

.btn {
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
}

.btn-small {
  font-size: .875rem;
  padding: .4375rem .875rem;
  height: 2.5rem;
}


.inline-flex {
  display: inline-flex;
}

.btn-icon-right span {
  margin-left: .5rem;
}

.btn-icon-left span {
  margin-right: .5rem;
}

.btn-rounded {
  border-radius: 50%;
  height: 48px;
  width: 48px;
}

.btn-large {
  padding-left: 2rem;
  padding-right: 2rem;
}

.btn-icon {
  /* background-color: pink; */
  border: none;
  font-size: 24px;
  height: 28px;
  padding: 0.5rem;
}

.btn-link {
  color: var(--black);
  text-decoration: none;
  font-weight: 600;
}

.btn-link:hover {
  color: var(--black);
  text-decoration: none;
}

.btn-link:focus {
  background-color: transparent;
  border-color: 0 !important;
  box-shadow: 0 0 0 0.2rem transparent !important;
}

.text-link {
  text-decoration: underline;
  
}

.text-link:hover {
  text-decoration: underline;
}

.link {
  color: var(--black);
  font-weight: 600;
}

.link:hover {
  color: var(--black);
}

.alert-link {
  font-weight: 600;
  color: var(--links);
}

.white-space-nw {
  white-space: nowrap;
}

/* CUSTOM RADIO */

.form-group-customRadio .custom-radio {
  /* background-color: lavender; */
  padding-bottom: 1rem;
}

/* END CUSTOM RADIO */
/*OCULTAR CONTROLES INCREMENTO */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

/* FIN OCULTAR CONTROLES INCREMENTO */
/* BACKGROUNDS */
.bg-home {
  background-color: var(--bgHome);
}

.bg-main-category {
  background-color: var(--white);
}

.bg-AtWork {
  background-color: var(--lonely);
}

.bg-ringo {
  background-color: var(--ringo);
}

.bg-paul {
  background-color: var(--paul);
}

.bg-george {
  background-color: var(--george);
}

.bg-jhon {
  background-color: var(--jhon);
}

.bg-white {
  background-color: var(--white) !important;
}

.bg-gray {
  background-color: var(--bgGray);
}

.bg-yellow {
  background-color: var(--yellow)
}

.bg-green {
  background-color: var(--green);
}

.bg-red {
  background-color: var(--red);
}

.bg-tag-activacion {
  background-color: var(--bgActivacion-dis);
}

.bg-tag-promocion {
  background-color: var(--green);
}

.bg-tag-liquidacion {
  background-color: var(--red);
}

.bg-tag-cine {
  background-color: var(--bgTagCine);
}

/* FIN BACKGROUNDS */
/* TEXT COLORS */
.text-white {
  color: var(--sargent) !important;
}

.text-george {
  color: var(--george) !important;
}

.text-dark {
  color: var(--ringo) !important;
}

.text-cp-yellow {
  color: var(--cp-yellow) !important;
}

/* FIN TEXT COLORS */
/* SHADOWS */
.nav-shadow {
  box-shadow: 0 .8rem 1rem var(--cardShadow);
}

.card-shadow {
  box-shadow: 0 2px 8px 0 var(--cardShadow);
}

/* FIN SHADOWS */
/* CUSTOM SCROLLBAR */
.custom-scrollbar::-webkit-scrollbar {
  width: .5rem;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: var(--bgInput);
}

/* .custom-scrollbar::-webkit-scrollbar-track:hover {
  background: lavFINer;
} */
/* scrollbar itself */
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
  border-radius: .5rem;
}

/* FIN CUSTOM SCROLLBAR */
/* BORDERS */
.border-none {
  border: none !important;
}

/* FIN BORDERS */
/* PADDING */
.padding-none {
  padding: 0;
}

/* FIN PADDING */
/* LINKS */
.link-bee {
  color: var(--black);
  font-weight: 600;
  text-decoration: underline;
}

.link-bee:hover {
  color: var(--black);
}

.link-bee-negative {
  color: var(--sargent);
  font-weight: 600;
  text-decoration: underline;
}

.link-bee-negative:hover {
  color: var(--sargent);
}

/* FIN LINKS */
/* badge-bee */
.badge-bee {
  font-weight: 700;
  color: var(--black);
  height: 2rem;
  width: 2rem;
  background-color: var(--yellow);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 1rem;
}

/* FIN badge-bee */
/* MARGIN */
/* FIN MARGIN */
/* FIN GENERALES ====================================*/
/* LOGIN */
.main-login {
  /* background-color: lavender; */
  padding-top: 0;
  position: relative;
}

/* background carousel */
.carousel-login {
  position: fixed;
}

.carousel-login .carousel-item {
  min-height: 100vh;
}

.carousel-item-bg {
  /* background-color: pink; */
  width: 100vw;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.bg-acceso-1 {
  background-image: url(../img/bg/acceso/Frame_57.jpg);
}

.bg-acceso-2 {
  background-image: url(../img/bg/acceso/Frame_58.jpg);
}

.bg-acceso-3 {
  background-image: url(../img/bg/acceso/Frame_59.jpg);
}

.bg-acceso-4 {
  background-image: url(../img/bg/acceso/Frame_60.jpg);
}

.bg-acceso-5 {
  background-image: url(../img/bg/acceso/Frame_61.jpg);
}

.bg-acceso-6 {
  background-image: url(../img/bg/acceso/Frame_62.jpg);
}

.bg-acceso-7 {
  background-image: url(../img/bg/acceso/Frame_63.jpg);
}

/* End background carousel */
.grid-login {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
}

.bg-login {
  background-image: url(../img/bg/login/login.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.bg-registro {
  background-image: url(../img/bg/login/registro.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.content-login {
  /* background-color: #00AD7C; */
  position: relative;
  z-index: 90;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-login {
  padding-top: 1rem;
}

.container-form-login {
  /* background-color: salmon; */
  /* width: 100vw; */
  /* min-height: 100vh; */
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.logo-form-login {
  /* background-color: yellow; */
  display: block;
  margin: 0 0 2.5rem 0;
  margin-left: auto;
  margin-right: auto;
  height: 2rem;
}

.form-login {
  background-color: var(--white);
  padding: 3.5rem 4rem;
  border-radius: 1rem;
  border: 1px solid var(--border);
  width: 38rem;
}

.title-login {
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: .5rem;
  text-align: center;
}

.info-form {
  /* background-color: lightgreen; */
  text-align: center;
  margin-bottom: 2rem;
}

.info-form span {
  font-weight: 600;
}

.overflow-email {
  /* background-color: pink; */
  display: block;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}

.label-help {
  /* background-color: yellow; */
  display: flex;
  justify-content: space-between;
}

.label-help .btn {
  padding: 0;
  height: 16px;
}

.field-icon {
  background-color: transparent;
  /* background-color: pink; */
  cursor: pointer;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  margin-top: -48px;
  border-radius: 8px;
  position: relative;
  z-index: 2;
}



.link-registro,
.link-login {
  display: flex;
  align-items: center;
  justify-content: center;
}

.link-login {
  margin-top: 1rem;
}

.wrap-btns-login {
  /* background-color: lavender; */
  display: flex;
  flex-direction: column;
  padding-top: 1.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  text-align: center;
}

.wrap-btns-login .btn-primario {
  margin-bottom: 1rem;
}

.wrap-btns-login .btn-link {
  font-weight: 600;
  text-decoration: underline;
}

.btn-social {
  margin-bottom: 1rem;
}

.btn-social img {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: .5rem;
}

.btn-facebook {
  background-color: var(--bgFacebook);
  color: var(--white);
}

.btn-facebook:hover {
  background-color: var(--bgFacebook);
  color: var(--white);
}

.btn-google {
  background-color: var(--bgGoogle);
  color: var(--white);
}

.btn-google:hover {
  background-color: var(--bgGoogle);
  color: var(--white);
}

/* FIN LOGIN */
/* ACCESO LOGIN-REGISTRO */
.form-acceso {
  background-color: var(--white);
  padding: 1rem 3rem 3rem 3rem;
  border-radius: 1rem;
  border: none;
  width: 45rem;
}

.title-login-big {
  font-weight: 700;
  text-align: center;
  font-size: 2.5rem;
}

.form-acceso .navbar {
  margin-bottom: 4rem;
}

.form-acceso .navbar .nav-link {
  /* background-color: pink; */
  padding-left: 1rem;
  padding-right: 1rem;
}

.form-acceso .logo-form-login {
  margin-bottom: 2rem;
}

.wrap-btns-acceso {
  /* background-color: lightgreen; */
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  text-align: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.wrap-btns-acceso .group-btn:first-child {
  margin-bottom: 2rem;
}

/* FIN ACCESO LOGIN-REGISTRO */
/* FIELDSETS FORM REGISTRO */
#fieldsetRegistroRedes,
#fieldsetRegistroPaso1,
#fieldsetRegistroPaso2,
#fieldsetConfirmarCorreo {
  display: none;
}

/* FIELDSETS FORM REGISTRO */
/* FIELDSET CONFIRMAR CORREO */
/* Passcode-wrapper Styling only Begin */
.passcode-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: 0 auto;
}

.passcode-wrapper input {
  width: 3rem;
  height: 3rem;
  padding: 0;
  margin-left: .25rem;
  margin-right: .25rem;
  text-align: center;
  border: 1px solid var(--border);
  border-radius: 5px;
}

/* Passcode-wrapper Styling only End */
.group-input-otp {
  /* background-color: pink; */
  margin-bottom: 2rem;
}

/* END FIELDSET CONFIRMAR CORREO */
/* FOOTER */

footer {
  position: relative;
}

.header-footer {
  background-color: var(--yellow);
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-align: right;
  font-size: 14px
}

.header-footer span {
  font-weight: 600;
}

.footer-main {
  background-color: var(--yellow);
  padding-top: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.list-group-footer {
  font-size: 1rem;
}

.list-group-footer h2 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0;
}

.list-group-footer .list-group-item {
  background-color: var(--yellow);
  border: none;
  color: var(--black);
  padding-left: 0;
}

.list-group-footer .list-group-item a {
  color: var(--black);
}

.list-group-footer .list-group-item a:hover {
  color: var(--black);
  text-decoration: underline;
}

.footer-bottom {
  background-color: var(--yellow);
  padding-top: .5rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: right;
  border: none;
}

.footer-bottom img {
  height: 1.5rem;
}

.wrap-logo-bee {
  /* background-color: lavender; */
  display: flex;
  justify-content: center;
}

.wrap-logo-bee img {
  height: 3rem;
}

/* FIN FOOTER */
/* CONFIRMACION REGISTRO */
.content-confirmacionRegistro .btn {
  margin: 2rem auto;
}

/* FIN CONFIRMACION REGISTRO */
/* REGISTRO */
.wrap-left-registro {
  background-color: var(--yellow);
  background-image: linear-gradient(to bottom right, #FFE578, #FFCE00, #FFB01A);
  display: flex;
  justify-content: center;
}

.wrap-mensaje-registro {
  /* background-color: lavender; */
  max-width: 450px;
  padding-bottom: 2rem;
}

.wrap-mensaje-registro img {
  margin: 3rem 0;
  height: 28px;
}

.wrap-right-registro {
  /* background-color: lightsalmon; */
  display: flex;
  justify-content: center;
}

.form-registro {
  /* background-color: lightgreen; */
}

.form-registro .fieldset {
  /* background-color: lavender; */
  margin-top: 1rem;
  width: 100%;
}

.fieldset-nav {
  /* background-color: pink; */
  margin-bottom: 1rem;
  height: 48px;
}

.indicators-registro {
  list-style: none;
  /* background-color: pink; */
  display: flex;
  justify-content: center;
  padding-top: 1rem;
}

.indicators-registro li {
  margin: 0 .5rem;
  height: 12px;
  width: 12px;
  background-color: var(--grayText);
  border-radius: 50%;
}

.indicators-registro .active {
  background-color: var(--yellow);
}

.content-btn-fieldset {
  /* background-color: teal; */
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-btn-fieldset span {
  margin-top: 2rem;
  /* background-color: pink; */
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  display: none;
}

#crearCorreoFieldset,
#datosEmpresaFieldset {
  display: none;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: var(--yellow);
  background-color: var(--yellow);
}

.custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 206, 0, 0.25);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: var(--yellow);
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
  color: #fff;
  background-color: var(--midYellow);
  border-color: var(--midYellow);
}

.custom-control-label {
  cursor: pointer;
}

.custom-control-label a {
  color: var(--black);
  font-weight: 600;
}

/* FIN REGISTRO */
/* HOME */
/* NAVBAR TOP */
.navbar-top {
  /* background-color: yellowgreen; */
  padding-top: .25rem;
  padding-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar-brand {
  /* background-color: pink; */
  margin-right: 1.5rem;
}

.navbar-brand img {
  height: 1.5rem;
}

.input-search {
  background-color: var(--white);
  width: 25rem;
  height: 2.5rem;
  overflow: hidden;
  border-radius: 10rem;
  border: 1px solid var(--grayText);
  margin-left: auto;
  margin-right: auto;
}

.input-search .form-control:focus {
  color: var(--black);
  background-color: #fff;
  border-color: none;
  outline: 0;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 206, 0, 0.25);
}

.input-search .input-group-prepend .btn {
  /* background-color: pink; */
  padding-left: .5rem;
  padding-right: 0;
  color: var(--grayText);
  height: 40px;
}

.form-control-search {
  padding-left: .3rem;
  height: 40px;
}

.form-control-search::placeholder {
  color: var(--grayText);
  font-style: italic;
  opacity: 1;
}

.datalist-search-desktop {
  background-color: pink;
}

/* Eliminar caret dropdown */
.navbar-top .dropdown-toggle::after {
  display: none;
}

.content-user-profile-navbar {
  /* background-color: pink; */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.user-location span {
  font-style: italic;
  font-size: 12px;
}

.btn-dropdown-perfil {
  /* background-color: pink; */
  padding-right: 0;
}

.saldo-user {
  /* background-color: lavender; */
  margin-right: .5rem;
}

.saldo-user p {
  margin-bottom: 0;
  text-align: right;
}

.saldo-label {
  font-size: 0.75rem;
  font-weight: 400;
}

.saldo-number {
  font-size: 1rem;
  font-weight: 600;
}

.btn-dropdown-perfil .material-icons {
  /* background-color: lightgreen; */
  margin-right: -7px;
}

.img-user {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
}

.dropdown-menu-user {
  z-index: 1031;
}

.greetings-user {
  /* background-color: yellow; */
  padding-left: .5rem;
}

.delivery-address {
  /* background-color: lavender; */
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  max-width: 20rem;
}

.delivery-address .icon-location {
  font-size: 2.5rem;
}

.delivery-address--label {
  margin-bottom: 0;
  font-size: .75rem;
}

.delivery-address .delivery-address-client {
  /* background-color: lavender; */
  text-align: left;
}

.btn-user-address {
  padding: 0;
  height: 1.5rem;
  font-weight: 600;
}

.delivery-address--mobile {
  /* background-color: lavender; */
  width: 100%;
  padding: .5rem 0 0 0;
  display: flex;
  justify-content: center;
}

.delivery-address-client {
  margin-bottom: 0;
}

/* FIN NAVBAR TOP */
/* NAVBAR MAIN MOBILE */
.navbar-main-mobile {
  display: none;
  width: 100vw !important;
}

.wrap-brand-client-mobile {
  /* background-color: pink; */
  height: 3rem;
  min-width: 3rem;
  max-width: 10rem;
}

.brand-client-mobile {
  /* background-color: #00AD7C; */
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.navbar-main-mobile .left,
.navbar-main-mobile .right {
  /* background-color: lightblue; */
  display: flex;
}

.navbar-main-mobile .left .nav-link,
.navbar-main-mobile .right .nav-link {
  /* background-color: lightgreen; */
  padding: 1rem;
}

.navbar-main-mobile .left .nav-link {
  margin-right: .5rem;
}

.navbar-main-mobile .right .nav-link {
  margin-left: .5rem;
}

/* badge-bee MOBILE */
.navbar-main-mobile .nav-link {
  position: relative;
  /* background-color: lightblue; */
}

.navbar-main-mobile .nav-link .badge-bee {
  font-size: 12px !important;
  position: absolute !important;
  right: 0;
  top: 0;
  height: 1.5rem;
  width: 1.5rem;
}

/* FIN badge-bee MOBILE */
.navbar-bottom-mobile {
  border-top: 1px solid var(--border);
  z-index: 1200;
}

.navbar-bottom-mobile .btn span {
  font-size: 1.5rem;
}

/* FIN NAVBAR MOBILE */

/* MENU CATEGORIAS */
/* MEGA MENU */
/* Navigation Sub
------------------------------------- */
nav.sub {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 0;
}

/* Navigation Main
------------------------------------- */

nav.main .nav-logo {
  max-width: 200px;
  width: 100%;
}

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

/* ------ Mega Menu ------ */
nav.main .megamenu {
  padding: 1.5rem;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1050;
  border-radius: 0 0 .5rem .5rem;
  border: solid 1px var(--border);
  border-top: 0;
}

nav.main .megamenu-dropdown {
  padding: 0;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1050;
  overflow: hidden;
  border-radius: 0 0 .5rem .5rem;
  border: solid 1px var(--border);
  border-top: 0;
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.3) !important;
}

.buscador-desktop {
  z-index: 1050;
  position: absolute;
  max-width: 100%;
  padding: 1rem;
  border: none;
  margin-right: -5px;
}

/* ------ Mid Menu ------ */
nav.main .midmenu {
  position: absolute;
  padding: 20px 20px;
  float: left;
  top: auto;
  left: auto;
  right: auto;
  max-width: 650px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.dropdown-menu.megamenu.midmenu.show {
  right: 0;
}

.dropdown-menu.show {
  right: 0;
}

.menu-categorias .dropdown:hover .dropdown-menu {
  /* background-color: pink; */
  display: block;
}

.menu-categorias .nav-link {
  /* background-color: yellow; */
  cursor: pointer;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  height: 3rem;
  display: flex;
  align-items: center;
}

.menu-categorias .dropdown-menu {
  background-color: var(--white);
  box-shadow: 0 .8rem 1rem rgba(0, 0, 0, 0.15);
  border: none;
}

.menu-categorias {
  /* background-color: pink; */
  display: flex;
  align-items: center;
}

/* FIN MEGA MENU */
.navbar-categorias {
  /* background-color: salmon; */
  padding-bottom: 0;
  padding-top: 0;
}

.navbar-categorias .navbar-collapse-categorias {
  /* background-color: yellow; */
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrap-iconHome_menuCategories {
  /* background-color: lavender; */
  display: flex;
  align-items: center;
}

.wrap-iconHome_menuCategories .btn {
  margin-right: 4px;
}

.menu-categorias .active {
  /* background-color: lightgreen; */
  font-weight: 600;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: var(--black);
}

.navbar-light .navbar-nav .nav-link {
  color: var(--paul);
}

.navbar-light .navbar-nav .nav-link:hover {
  color: var(--ringo);
}

.navbar-light .navbar-nav .nav-link:focus {
  color: var(--ringo) !important;
}

.navbar-categories-rigth {
  /* background-color: lavender; */
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

/* CATEGORY LIST */

.content-category-list {
  display: flex;
  flex-wrap: wrap;
}

.list-category {
  /* background-color: yellowgreen; */
  width: 13.5rem;
  padding: 1rem 1rem 1rem 0 !important;
  margin-right: 1rem;
  margin-bottom: 1rem;
  list-style: none;
  /* border: 1px solid blue; */
}

.list-category:last-child {
  margin-right: 0;
}

.list-title-category {
  display: block;
  font-weight: 600 !important;
  margin-bottom: 1rem;
}

.list-category li {
  margin-bottom: .5rem;
}

.list-category a {
  color: var(--ringo);
  font-weight: 400;
}

/* END CATEGORY LIST */

/* color de los items del menu categorias */
.navbar .nav-link {
  /* background-color: pink;  */
  cursor: pointer;
}

.navbar-categorias .navbar-nav .nav-link {
  color: var(--black);
  white-space: nowrap;
}

.navbar-categorias .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: var(--black);
  font-weight: 600;
}

.nav-item .nav-link {
  /* background-color: salmon; */
  color: var(--black);
}

/* OCULTAR CARET DROPDOWN */
.navbar-categorias .navbar-nav .dropdown-toggle::after {
  display: none;
}

.hide-dropdown-icon .dropdown-toggle::before {
  /* background-color: pink; */
  display: none;
}

.hide-dropdown-icon .dropdown-toggle::after {
  display: none;
}

/*FIN OCULTAR CARET DROPDOWN */
.shopping_cart-btn {
  font-weight: 400;
  padding-right: 0;
  font-size: 24px;
}

/* PILL badge-bee DESKTOP */
.shopping_cart-btn {
  /* background-color: green; */
  /* position: relative; */
  cursor: pointer;
}

.shopping_cart-btn .badge-bee {
  /* position: absolute; */
  margin-left: 0;
}

/* FIN PILL badge-bee DESKTOP */

/* CATEGORIES ALL */
.tabs-all-categories {
  background-color: var(--jhon);
  display: flex;
  flex-direction: column;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0;
  border-radius: 0 0 0 .5rem;
}

.tabs-all-categories li {
  /* padding: .5rem  2rem; */
  margin-bottom: .5rem !important;
}

.tabs-all-categories li:hover {
  background-color: var(--cardShadow);
  cursor: pointer !important;
}

.tabs-all-categories li:last-child {
  margin-bottom: 0 !important;
}

.tabs-all-categories li .active {
  background-color: var(--yellow);
}

.tabs-all-categories li a {
  color: var(--ringo);
  display: flex;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.tabs-all-categories li a:hover {
  text-decoration: none;
  cursor: default;
}

.tabs-all-categories li a span {
  margin-right: .5rem;
  margin-left: 2rem;
}

.tab-content-all-categories {
  background-color: var(--lonely);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 2rem;
}

.header-tab-pane {
  /* background-color: greenyellow; */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 1rem 0;
}

.tab-pane-title {
  /* background-color: salmon; */
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 1rem;
}

/* END CATEGORIES ALL */

/* CATEGORIAS DESTACADAS */
.container-navbar-categorias-desracadas {
  display: flex;
  flex-direction: column;
}

.categorias-destacadas {
  /* background-color: pink; */
  display: flex;
  width: 100%;
  gap: .25rem;
  margin-bottom: 0;
}

.categorias-destacadas .nav-item {
  /* background-color: lavender; */
  font-weight: 600;
  font-size: 1rem;
}

.categorias-destacadas .nav-link {
  /* background-color: lightgreen; */
  white-space: nowrap;
}

.categorias-destacadas .nav-link:hover {
  background-color: var(--jhon);
}

/* END CATEGORIAS DESTACADAS */

/* FIN MENÚ CATEGORIAS */

/* BANNER CLIENT */
.banner-client {
  /* background-color: pink; */
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
}

.banner-client-desktop {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.banner-client .content-brand-logo {
  /* background-color: lightgreen; */
  margin-right: 1rem;
  height: 5rem;
  max-width: 10rem;
  min-width: 4rem;
  display: flex;
  align-items: center;
}

.banner-client .content-brand-logo img {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.banner-client .content-text-client {
  background-color: var(--midYellow);
  width: 25rem;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: .5rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid var(--lightOrange);
}

.banner-client--mobile {
  background-color: var(--midYellow);
  padding: .5rem .75rem;
  font-size: .875rem;
  margin: 1rem 0;
  border: 1px solid var(--lightOrange);
  border-radius: .5rem;
  display: none;
}

/* END BANNER CLIENT */

/* MAIN CAROUSEL */
.carousel-item {
  width: 100vw;
  height: 345px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.carousel-item .banner-carousel {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.content-logo-empresa-carousel {
  /* background-color: blue; */
  height: 120px;
  width: 400px;
  margin-bottom: .5rem;
}

.content-logo-empresa-carousel .logo-empresa-carousel {
  height: 100%;
  max-width: 100%;
  display: block;
  object-fit: contain;
  object-position: left;
}

.carousel-caption {
  /* background-color: pink; */
  padding-bottom: 2rem;
  padding-top: 1rem;
}

.content-banner-carousel {
  text-align: left;
  color: var(--ringo);
  padding-left: 0;
  padding-right: 0;
}

.content-cta-carousel {
  display: flex;
  justify-content: flex-start;
}

.carousel-control span {
  background-color: rgba(0, 0, 0, .5);
  padding: 1rem;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-carousel .carousel-item {
  /* background-color: pink; */
  width: 100vw;
  height: calc(100vw * 0.18);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.bg-cp-rockys {
  background-image: url(../img/carousel/carousel-principal/cp-rockys.png);
}

.bg-cp-gianmarco {
  background-image: url(../img/carousel/carousel-principal/cp-gianmarco.png);
}

.bg-cp-medidas {
  background-image: url(../img/carousel/carousel-principal/pruebaDesktop.png);
}

.bg-cp-cineplanet {
  background-image: url(../img/carousel/carousel-principal/cp-cineplanet.png);
}

.bg-cp-montalvoForMen {
  background-image: url(../img/carousel/carousel-principal/cp-montalvoMen.png);
}

.bg-cp-montalvoSalonDama {
  background-image: url(../img/carousel/carousel-principal/cp-montalvoDama.png);
}

.bg-cp-coneyPark {
  background-image: url(../img/carousel/carousel-principal/cp-coneyPark.png);
}


/* END MAIN CAROUSEL */

/* ACTIVACIONES HOME */

.activacion-home {
  padding: 1.5rem;
  border-radius: .5rem;
}

.activacion-disponible {
  background-color: var(--bgActivacion-dis);
}

.activacion-proxima {
  background-color: var(--bgActivacion-prox);
}

.activacion-no-disponible {
  background-color: var(--bgActivacion-no);
}

.activacion-promocional {
  background-color: var(--bgActivacion-promo);
}

.content-activacion-home {
  /* background-color: pink; */
  color: var(--lonely);
  display: flex;
  align-items: center;
}

.content-img-activacion-home {
  /* background-color: salmon; */
  margin-right: 1.5rem;
  min-height: 5rem;
  min-width: 5rem;
}

.content-img-activacion-home img {
  display: block;
  height: 100%;
  width: 100%;
}

.title-activacion-home {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: .5rem;
}

.desc-activacion-home {
  margin-bottom: 1rem;
}

.activacion-fecha-home {
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

.content-cta-activacion-home {
  /* background-color: coral; */
  height: 100%;
  display: flex;
  align-items: center;
}

/* END ACTIVACIONES HOME */

/* BANNER */
.bg-banner-home {
  background-image: url(../img/bg/Bannerprueba.png);
}

.banner {
  /* background-color: pink; */
  height: 345px;
}

.banner .container {
  height: 100%;
}

.banner .container .row {
  /* background-color: pink; */
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.text-banner {
  /* background-color: green; */
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.big-title {
  font-size: 2rem;
  font-weight: 600;
}

.message-banner {
  margin-bottom: 1rem;
}

.text-banner .btn {
  margin-top: 1.5rem;
}

.content-logo-empresa-banner {
  /* background-color: peru; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.logo-empresa-banner {
  width: 13rem;
}

.bg-banner-restaurante {
  background-image: url(../img/bg/banner_restaurante.png);
}

.bg-banner-panaderia {
  background-image: url(../img/bg/banner_prueba.jpg);
}

/* FIN BANNER */
/* SIDEBAR OFF-CANVAS */
.bs-canvas-overlay {
  opacity: 0;
  z-index: -1;
}

.bs-canvas-overlay.show {
  opacity: 0.85;
  z-index: 1100;
}

.bs-canvas {
  top: 0;
  width: 0;
  z-index: 1110;
  overflow-x: hidden;
  overflow-y: auto;
}

.bs-canvas-left {
  left: 0;
}

.bs-canvas-right {
  right: 0;
}

.bs-canvas-anim {
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
}

/* FIN SIDEBAR OFF-CANVAS */
/* OFF CANVAS MOBILE */
.bs-canvas-mobile {
  top: 0;
  width: 0;
  z-index: 1110;
  overflow-x: hidden;
  overflow-y: auto;
}

/* FIN OFF CANVAS MOBILE */
/* CART DESKTOP */
.cart-desktop {
  background-color: #fff;
  height: 100vh;
  top: 0;
  width: 0;
  z-index: 1110;
  overflow-x: hidden;
  overflow-y: hidden;
}

.header-shopping-cart {
  /* background-color: pink; */
  display: block;
  padding: .5rem 1rem;
}

.close-shopping-cart {
  /* background-color: lightgreen; */
  display: flex;
  align-items: center;
  font-weight: 600;
}

.close-shopping-cart .hover-underline:hover {
  text-decoration: underline;
}

.header-shopping-cart .btn:focus,
.header-shopping-cart .btn.focus {
  outline: 0;
  box-shadow: none;
}

.cart-desktop .cart-content .header-cart-content {
  /* background-color: lightgreen; */
  display: flex;
  justify-content: space-between;
  padding: .5rem 2rem;
}

.cart-desktop .cart-content .header-cart-content h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}

.cart-desktop .items-cart-content {
  background-color: var(--bgInput);
  padding: 0 1.5rem 0 2rem;
  height: calc(100vh - 350px);
  overflow-y: auto;
}

.cart-desktop .item-cart {
  /* background-color: lightsalmon; */
  /* background-color: var(--bginput); */
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: .5px solid var(--grayText);
}

.cart-desktop .detail-product {
  /* background-color: lightyellow; */
  width: 180px;
}

.cart-desktop .price-product {
  /* background-color: lightgreen; */
  width: 100px;
  font-weight: 700;
  text-align: right;
}

.cart-desktop .item-cart .brand-item-cart {
  font-size: 10px;
  color: var(--grayText);
  text-transform: uppercase;
}

.cart-desktop .item-cart .name-item-cart {
  font-weight: 600;
}

.cart-desktop .item-cart .name-item-cart .description {
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.control-quantity {
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-radius: .5rem;
  overflow: hidden;
  border: solid 1px var(--yellow);
  border: solid 1px var(--black);
}

.control-quantity .btn {
  /* background-color: pink; */
  /* height: 38px;
  width: 38px; */
  padding: 1rem;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}

.control-quantity .plus-minus-box {
  background-color: var(--white);
  width: 3rem;
  text-align: center;
  height: 38px;
  font-weight: 700;
  border: none;
  font-size: 1.18rem;
}

.control-quantity .plus-minus-box:focus {
  background-color: #fff;
  outline: 0;
  box-shadow: none;
}

.control-quantity .btn:focus,
.control-quantity .btn.focus {
  outline: 0;
  box-shadow: none;
}

.footer-cart-content {
  /* background-color: yellow; */
  padding: .5rem 2rem;
}

.footer-cart-content .content-total-price {
  /* background-color: lightgreen; */
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.footer-cart-content .total-price,
.footer-cart-content .saved-money {
  /* background-color: lavender; */
  width: 100px;
  margin-left: 2rem;
  text-align: right;
}

.footer-cart-content .total-price {
  font-weight: 700;
}

.footer-cart-content .total-price .regular-price {
  font-weight: 400;
  color: var(--grayText);
  text-decoration: line-through;
  font-size: 12px;
}

.footer-cart-content .content-saved-money {
  /* background-color: pink; */
  display: flex;
  justify-content: flex-end;
}

.cart-desktop .info-cart {
  /* background-color: orange; */
  padding: 1rem 2rem;
  text-align: center;
  font-size: 12px;
}

.cart-desktop .info-cart span {
  font-weight: 600;
}

.cart-desktop .content-btn {
  padding: 1rem 2rem;
  display: flex;
  justify-content: center;
}

.cart-content {
  display: block;
  /* display: none; */
}

.empty-cart-desktop {
  /* background-color: pink; */
  height: calc(100vh - 64px);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.empty-cart-content {
  /* background-color: lightgreen; */
  text-align: center;
}

.empty-cart-content span {
  font-size: 4rem;
  color: var(--grayText);
  text-align: center;
}

.info-empty-cart h3 {
  font-size: 1rem;
  font-weight: 600;
}

/* FIN CART DESKTOP */
/* SECTION OFFERS */

.header-section-offers,
.header-section {
  /* background-color: lightgreen; */
  display: flex;
  justify-content: space-between;
  padding: 0 0 1rem 0;
}

.header-section-vertical {
  /* background-color: pink; */
  margin-bottom: 2rem;
}

.title-section {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

.description-header-section {
  /* background-color: pink; */
  padding-top: .5rem;
  padding-bottom: 0;
  margin-bottom: 0;
}

.content-countdown {
  /* background-color: lightblue; */
  display: flex;
}

.info-countdown {
  /* background-color: pink; */
  padding-top: .4rem;
  margin-right: 1rem;
}

.info-countdown span {
  font-weight: 600;
}

.countdown {
  /* background-color: lightsalmon; */
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  font-family: 'Public Sans', sans-serif;
}

.countdown__item {
  /* background-color: salmon; */
  text-align: center;
}

.timer-points {
  /* background-color: peru; */
  padding: 3px 4px;
  line-height: 1.5rem;
}

.countdown__timer {
  background-color: var(--midYellow);
  border-radius: 4px;
  width: 3rem;
}

.countdown__label {
  /* background-color: pink; */
  font-size: 10px;
  font-weight: 400;
  margin-top: 5px;
}

/* WRAP CARDS */
.content-card {
  /* background-color: teal; */
  margin: 0 .5rem 1rem .5rem;
  border-radius: .5rem;
  overflow: hidden;
}

.content-card:hover {
  box-shadow: 0 .5rem .5rem rgba(0, 0, 0, 0.15);
}

.content-card a:hover {
  text-decoration: none;
}

.card-product {
  /* background-color: pink; */
  border-radius: .5rem;
  width: 16rem;
  justify-content: space-between;
  position: relative;
}

.wrap-card-body-footer {
  /* background-color: salmon; */
  position: relative;
  padding-bottom: 150px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card-product .card-body {
  padding: 1rem 1rem 0 1rem;
}

.card-product .card-footer {
  background-color: #fff;
  /* background-color: pink; */
  height: 150px;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  padding: 0 1rem 1rem 1rem;
  border-radius: 0 0 1rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wrap-type-price-card {
  /* background-color: yellow; */
  margin-top: auto;
  margin-bottom: 1rem;
}

.content-type-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content-type-price .type-price {
  font-size: .7rem;
}

.regular-price-card {
  color: var(--grayText);
  line-height: 1.2rem;
  margin-bottom: .25rem;
}

.text-through {
  text-decoration: line-through;
}

.bee-price-card {
  /* background-color: var(--yellow); */
  color: var(--black);
  line-height: 1.2rem;
  margin-bottom: .25rem;
}

.activation-price-card {
  line-height: 1.2rem;
  color: var(--bgActivacion-dis);
  margin-bottom: .25rem;
}

.promocion-price-card {
  line-height: 1.2rem;
  color: var(--green);
}

.liquidacion-price-card {
  line-height: 1.2rem;
  color: var(--red);
}


.description-content {
  /* background-color: yellow; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: .5rem;
}

/* card gift card */
.wrap-card-gc-body-footer {
  /* background-color: lavender; */
  position: relative;
  /* padding-bottom: 150px; */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card-gc-footer {
  /* background-color: #00AD7C; */
  padding: 0 1rem 1rem 1rem;
}
/* End gift card */

.content-tags-card-product {
  /* background-color: pink; */
  height: auto;
  margin-bottom: .5rem;
}

.tag-card-product {
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  padding: 6px .5rem;
  margin-right: .5rem;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: .5rem;
  color: var(--white);
}

.tag-card-product:last-child {
  margin-right: 0;
}

.bg-tagPrimary {
  background-color: var(--bgTagPrimary);
  color: var(--white);
}

.bg-tagSecondary {
  background-color: var(--bgTagSecondary);
  color: var(--white);
}

.bg-tagPromo {
  background-color: var(--bgTagPromo);
  color: var(--white);
}

.bg-tagPrime {
  background-color: var(--bgTagPrime);
}

.brand-card {
  color: var(--grayText);
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: .5rem;
}

.name-product-card {
  font-size: 18px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: .5rem;
}

.card-text {
  color: var(--black);
  font-size: 12px;
}

.line-clamp-input {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
  height: calc(1em * 1.2 * 1);
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  height: calc(1em * 1.2 * 2);
}

/* BTN FAVORITE */
.wrap-favorite {
  background-color: rgba(255, 255, 255, .75);
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 10;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all ease .3s;
}

.wrap-favorite:hover {
  background-color: var(--jhon);
}

.favorite {
  font-size: 1.5rem;
  cursor: pointer;
  margin-top: 4px;
  transition: font-size .3s;
}

.favorite:active {
  font-size: 2rem;
}

.wrap-favorite .far {
  color: var(--george);
}

.wrap-favorite .fas {
  color: var(--yellow);
}

/* FIN BTN FAVORITE */
.promo-label {
  position: absolute;
  left: 1px;
  top: 1px;
  font-size: 12px;
  padding: .25rem .5rem;
  border-radius: .5rem 0 .5rem 0;
  color: var(--white);
  font-weight: 600;
  -webkit-border-radius: .5rem 0 .5rem 0;
  -moz-border-radius: .5rem 0 .5rem 0;
  -ms-border-radius: .5rem 0 .5rem 0;
  -o-border-radius: .5rem 0 .5rem 0;
}

.stock-label {
  background-color: var(--black);
  font-size: 12px;
  padding: 5px;
  border-radius: 4px;
  color: var(--white);
  display: inline-block;
  margin-bottom: .5rem;
  margin-right: auto;
}

.additional-info {
  text-align: right;
  font-size: 12px;
  color: var(--black);
}

/* FIN WRAP CARDS */
/* CAROUSEL BENEFICIOS */
.owl-item {
  display: flex;
  flex: 1 0 auto;
}

.flex-h-auto {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

/* padding sombra del card */
.owl-carousel-beneficios .item, 
.owl-carousel-canje .item, 
.owl-carousel-canje2 .item {
  /* background-color: lavender; */
  padding: 5px 5px 15px 5px;
  display: flex;
  flex-direction: column;
  /* width: 100%; */
}

.owl-carousel-beneficios .prev-slide, 
.owl-carousel-canje .prev-slide, 
.owl-carousel-canje2 .prev-slide {
  /* background-color: pink; */
  background: url(../img/icons/arrow_back.svg) no-repeat scroll 50% 50% !important;
  left: -58px;
}

.owl-carousel-beneficios .next-slide, 
.owl-carousel-canje .next-slide,
.owl-carousel-canje2 .next-slide {
  background: url(../img/icons/arrow_forward.svg) no-repeat scroll 50% 50% !important;
  right: -58px;
}

/* sombra card product */
.content-card-carousel {
  border-radius: .5rem;
  overflow: hidden;
  border: 1px solid var(--border);
  /* box-shadow: 0 .5rem .5rem blue; */
}

.content-card-carousel:hover {
  box-shadow: 0 4px 1rem var(--cardShadow);
}

.content-card-carousel a:hover {
  text-decoration: none;
}

.card-product-carousel {
  /* background-color: pink; */
  width: auto !important;
  justify-content: space-between;
  border: none;
  position: relative;
}

.card-product-carousel .description-content .stock-label {
  /* background-color: yellow; */
  margin-top: .5rem;
}

/* FIN CAROUSEL BENEFICIOS */

/* SECTION CAROUSEL BRANDS */
.owl-carousel-brands .item {
  /* background-color: pink; */
  border-radius: .5rem;
  overflow: hidden;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.owl-carousel-brands .item:hover {
  box-shadow: 0 4px 1rem var(--cardShadow);
}

/* END SECTION CAROUSEL BRANDS */

/* SECTION CAROUSEL GIFT CARDS */
.owl-carousel-gift-cards .item {
  /* background-color: pink; */
  border-radius: .5rem;
  overflow: hidden;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.owl-carousel-gift-cards .item:hover {
  box-shadow: 0 4px 1rem var(--cardShadow);
}

/* END SECTION CAROUSEL GIFT CARDS */

/* FIN SECTION OFFERS */
/* SECTION SALIENT PRODUCT */
.section-salient-product .container .row {
  display: flex;
  align-items: center;
}

.bg-salient-product {
  background-image: url(../img/bg/productoDestacado.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.content-img-salient-product {
  background-color: orange;
  height: 25rem;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}

.salient-product-label {
  background-color: var(--orange);
  color: var(--white);
  position: absolute;
  left: 0;
  top: .8rem;
  font-size: 12px;
  padding: 5px 1rem;
  border-radius: 0 4px 4px 0;
}

.content-text-salient-product {
  /* background-color: lavender; */
  width: 90%;
}

.content-text-salient-product span {
  font-weight: 600;
}

/* FIN SECTION SALIENT PRODUCT */
/* SECTION MIS ACTIVACIONES */
.header-section {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
}

.header-section_info {
  /* background-color: pink; */
  margin-bottom: 0;
}

.header-section_info span {
  font-weight: 600;
}

.grid-container-misActivaciones {
  /* background-color: lightYellow; */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 230px;
  column-gap: 1rem;
}

.grid-container-misActivaciones .item:first-child {
  /* background-color: lightblue; */
  grid-column: 1 / span 2;
}

.grid-container-misActivaciones .item {
  /* background-color: pink; */
  overflow: hidden;
  border-radius: .5rem;
  position: relative;
}

.grid-container-misActivaciones .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.grid-container-misActivaciones .item a {
  text-decoration: none;
}

.grid-container-misActivaciones .item a:hover {
  text-decoration: none;
}

.footer-section {
  padding-top: 1.5rem;
  display: flex;
  justify-content: flex-end;
}

.tag-producto-exclusivo {
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  padding: 6px 1rem;
  margin-right: .5rem;
  border-radius: 2px;
  position: absolute;
  right: .5rem;
  top: 1rem;
}

.position-inherit {
  position: inherit;
}

.bg-TagProductoExclusivo {
  background-color: var(--bgTagProductoExclusivo);
  color: var(--white);
}

/* END SECTION MIS ACTIVACIONES */



/* SECTION GRID IMG CATEGORIES */

.grid-container-categorias {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
}

.grid-container-categorias .category-item {
  background-color: var(--lonely);
  height: auto;
  border-radius: .5rem;
  overflow: hidden;
}

.grid-container-categorias .category-item a {
  color: var(--ringo);
}

/* Crossfade img */

.grid-container-categorias .img-categories-container {
  /* background-color: #e5e5e5; */
  width: 100%;
  height: 300px;
  border-radius: .5rem;
  overflow: hidden;
  position: relative;
}

.grid-container-categorias .img-categories-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top right;
  position: absolute;
  animation-name: multiple-image-crossfade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 9s;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.img-categories-container img:nth-of-type(1) {
  animation-delay: 6s;
}

.img-categories-container img:nth-of-type(2) {
  animation-delay: 3s;
}

.img-categories-container img:nth-of-type(3) {
  animation-delay: 0s;
}

@keyframes multiple-image-crossfade {
  0% {
    opacity: 1;
  }

  17% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* End Crossfade img */

.grid-container-categorias .category_name {
  background-color: var(--lonely);
  padding: 1rem;
}

.grid-container-categorias .category_name p {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}

.grid-container-categorias .category-item:first-child {
  grid-column: 1 / span 2;
}

/* FIN SECTION GRID IMG CATEGORIES */

/* FIN HOME */
/* CATEGORIA*/
.banner-categoria {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.bg-banner-ejemplo {
  background-image: url(../img/bg/bannersCategories/bannerCategoriaTienditaBee.jpg);
}

.title-banner {
  font-weight: 700;
  font-size: 48px;
}

/* NAVBAR BREADCRUMB FILTER */
.navbar-breadcrumb-filter,
.navbar-breadcrumb-back {
  /* background-color: yellow; */
  margin-top: 1rem;
  /* margin-bottom: 2rem; */
  display: flex;
}

.content-order-product label {
  margin-right: .5rem;
}

/* END NAVBAR BREADCRUMB FILTER */
/* BREADCRUMB */
.breadcrumb-bee,
.breadcrumb-bee-mobile {
  /* background-color: lightblue; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  border-radius: 0.25rem;
  margin-bottom: 0;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item a {
  color: var(--grayText);
}

.breadcrumb-item a:hover {
  color: var(--black);
}

.breadcrumb-item.active {
  color: var(--black);
  font-weight: 600;
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: var(--grayText);
  content: "|";
}

.breadcrumb-bee-mobile {
  /* background-color: pink;; */
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: none;
}

.breadcrumb-bee-mobile .breadcrumb-item {
  font-size: 12px;
}

/* FIN BREADCRUMB */
/* SIDEBAR FILTER */
.sidebar-filter {
  /* background-color: Orange; */
  border-radius: .5rem;
  overflow: hidden;
  margin-bottom: 2rem;
}

.accordion-filter .card-header:after {
  content: "-";
  float: right;
  font-size: 1.5rem;
}

.accordion-filter .card-header.collapsed:after {
  content: "+";
  font-size: 1.5rem;
}

.accordion-filter .card:first-child .card-header.collapsed:after,
.accordion-filter .card:first-child .card-header:after {
  content: "";
}

.accordion-checkout .card:first-child .card-header.collapsed:after,
.accordion-checkout .card:first-child .card-header:after {
  content: "";
}

.content-accordion-icons {
  display: flex;
  margin-left: auto;
}

.accordion-icon {
  font-size: 1.5rem;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.accordion-filter .card-header {
  background-color: var(--jhon);
  border-bottom: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion-filter .card-header .card-title {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1rem;
}

.accordion-filter .sub-category .sub-category-title {
  font-weight: 600;
  font-size: 1rem;
}



/* FIN SIDEBAR FILTER */
/* FILTROS MOBILE */


.nav-filter-mobile {
  display: none;
  margin-bottom: 1rem;
}

.header-filter-mobile .closeFilterMobile {
  /* background-color: pink; */
  padding-right: 0;
}

.filter-mobile .btn {
  color: var(--black);
}

.menu-filter-mobile,
.main-menu-mobile,
.searcher-mobile,
.menu-perfil-mobile {
  background-color: var(--white);
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: -110%;
  z-index: 1100;
  top: 0;
}

.menu-order-mobile {
  background-color: var(--white);
  position: fixed;
  width: 100vw;
  height: 100vh;
  right: -110%;
  z-index: 1100;
  top: 0;
}

.filter-title-mobile {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}

/* Filter mobile prueba */
.filter-mobile {
  background-color: white;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: -110%;
  z-index: 1300;
  top: 0;
}

.header-filter-mobile {
  background-color: var(--white);
  width: 100vw;
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.5rem;
  left: -110%;
}

.content-filter-mobile {
  background-color: var(--white);
  padding-top: 4rem;
  width: 100vw;
  height: calc(100vh - 4rem);
  overflow: scroll;
}

.footer-filter-mobile {
  background-color: var(--white);
  width: 100vw;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -110%;
  border-top: 1px solid var(--border);
}


/* End Filter mobile prueba */

/* FIN FILTRO MOBILE */

/* SALIENT PRODUCT MINI*/

.section-salient-product-mini {
  padding-top: 0;
  padding-bottom: 2rem;
}

.section-salient-product-mini .container .row {
  display: flex;
  align-items: center;
}

.bg-salient-product-teatro {
  background-image: url(../img/products/detalle_producto/teatro.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-salient-product-moda {
  background-image: url(../img/products/detalle_producto/moda.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-salient-product-mini {
  background-image: url(../img/bg/DES_BEBIDAS.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.content-img-salient-product-mini {
  background-color: pink;
  overflow: hidden;
  position: relative;
  border-radius: .5rem;
}

.content-img-salient-product-mini::before {
  content: '';
  display: block;
}

.ratio2-1:before {
  padding-top: 50%;
}

.title-section-secondary {
  font-size: 18px;
  font-weight: 600;
  /* margin-bottom: 0; */
}

.brand-salient-product {
  color: var(--grayText);
  font-size: 12px;
  text-transform: uppercase;
}

/* FIN SALIENT PRODUCT MINI*/
/* SECTION WRAP CARDS CATEGORY */
.section-wrap-cards {
  /* background-color: lavender; */
  margin-bottom: 2rem;
}

.section-wrap-cards .row {
  margin-left: -.5rem;
  margin-right: -.5rem;
}

.section-wrap-packs-cards {
  margin-bottom: 2rem;
}

/* FIN SECTION WRAP CARDS CATEGORY */
/* FIN CATEGORIA */
/* RESTAURANTES */
.grid-container-restaurantes {
  /* background-color: pink; */
  margin-bottom: 3rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}

.grid-container-restaurantes .item {
  /* background-color: pink; */
  overflow: hidden;
  border-radius: .5rem;
  position: relative;
  height: 10rem;
}

.grid-container-restaurantes .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.grid-container-restaurantes .item a {
  text-decoration: none;
}

.grid-container-restaurantes .item a:hover {
  text-decoration: none;
}

/* FIN RESTAURANTES */
/* DETALLE PRODUCTO */

.section-product-detail .container .row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.content-img-product {
  /* background-color: teal; */
  width: 30rem;
  height: 30rem;
  overflow: hidden;
  border-radius: .5rem;
  margin-left: auto;
}

.bg-product {
  background-image: url(../img/bg/productoDestacado.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.content-text-product {
  /* background-color: pink; */
  padding: 0 1rem;
  width: 30rem;
  min-height: 30rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.brand-product {
  font-size: 12px;
  color: var(--grayText);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.title-product {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.content-text-product-top {
  margin-bottom: 1.5rem;
}

.content-text-product-top p {
  letter-spacing: .5px;
}

.content-trigger-modalProduct {
  /* background-color: lightyellow; */
  padding: .5rem 0;
  margin-bottom: 1rem;
}

.select-type-product .form-control {
  border-color: var(--black);
  cursor: pointer;
  background-color: var(--white);
}

.content-price-product {
  /* background-color: lightblue; */
  text-align: right;
  margin-bottom: 2rem;
}

.price-beneficios {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.content-price-product .pricetag span {
  text-decoration: line-through;
  font-family: 'Inter', sans-serif;
}

.textGray {
  color: var(--grayText);
}

.content-text-product-bottom .wrap-type-price-card {
  /* background-color: lightgreen; */
  margin-bottom: 1.5rem;
}

.content-text-product-bottom .wrap-type-price-card .content-type-price {
  margin-bottom: .5rem;
}

.content-text-product-bottom .wrap-type-price-card .type-price {
  font-size: 1rem;
}

.content-text-product-bottom .wrap-type-price-card .price {
  font-size: 1.25rem;
}

.content-btn-product {
  /* background-color: lightgreen; */
  display: flex;
  justify-content: flex-end;
}

.content-btn-product .control-quantity {
  margin-right: 1rem;
}

/* SECTION TÉRMINOS Y CONDICIONES */
.section-terms-atwork {
  padding: 2rem 0;
  /* color: var(--sargent); */
}

.section-terms {
  background-color: var(--jhon);
  padding: 2rem 0;
}

.section-terms .title-list,
.section-terms-atwork .title-list {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.terms-list {
  /* background-color: yellow; */
  padding: 0 1.5rem 1rem 0;
}

.terms-list li {
  letter-spacing: .5px;
}

.terms-list li span {
  /* background-color: pink; */
  font-weight: 600;
}

.content-trigger-modalTerms {
  letter-spacing: .5px;
}

/* FIN SECTION TÉRMINOS Y CONDICIONES */
/* FIN DETALLE PRODUCTO */
/* MAIN MENU MOBILE */
.btnClose span {
  font-weight: 600;
}

.main-menu-mobile,
.menu-filter-mobile,
.menu-order-mobile,
.menu-perfil-mobile {
  /* border-left: 1rem solid var(--yellow); */
  min-height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
}

.content-btns-menu-profile-mobile {
  /* background-color: pink; */
  padding-top: 2rem;
  display: flex;
  justify-content: center;
}

.menu-filter-mobile,
.menu-order-mobile {
  z-index: 1300;
}

.header-main-menu-mobile {
  background-color: var(--white);
  padding: .5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menu-mobile_title {
  /* background-color: pink; */
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0;
}

.content-menu-mobile {
  background-color: var(--white);
  min-height: 100vh;
  padding: 1.5rem;
}

.header-menu-mobile {
  /* background-color: lavender; */
  display: flex;
  gap: .5rem;
  margin-bottom: 1.5rem;
}

.img-profile-menu-mobile {
  width: 4rem;
  height: 4rem;
  object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.info-user-menu-mobile {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.info-user-menu-mobile p {
  margin-bottom: 0;
}

.saldo-cliente-label {
  font-size: .75rem;
}

.saldo-cliente-mobile {
  font-weight: 600;
}

.info-user--name {
  font-weight: 700;
}

.menu-mobile {
  background-color: var(--white);
  /* text-align: center; */
}

.accordionMobile .card-header {
  background-color: var(--white);
  padding: 0;
  text-align: center;
}

.accordionMobile .card-body {
  background-color: var(--white);
}

.accordionMobile .card-header .btn {
  font-size: 24px;
  font-weight: 700;
  color: var(--black);
}

.menu-mobile .list-group-item {
  background-color: var(--white);
  padding-left: 0;
  padding-right: 0;
  border: none;
  /* border-bottom: 1px solid var(--border); */
}

.menu-mobile .list-group-item a {
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-group-item_categoria {
  /* background-color: pink; */
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0;
}

.list-group-item_categoria span {
  margin-right: .5rem;
}

.menu-mobile .list-group-item-title {
  background-color: var(--white);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 1rem;
}

.list-title-item {
  /* background-color: lavender; */
  font-size: 1rem;
}

.list-group-item span {
  /* background-color: yellow; */
  display: inline-block;
}

/* FIN MAIN MENU MOBILE */
/* SEARCHER MOBILE */
.searcher-mobile {
  min-height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
}

.header-searcher-mobile {
  background-color: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem;
  z-index: 1200;
}

.header-searcher-mobile .btnClose {
  /* background-color: pink; */
  margin-left: .5rem;
}

.img-gategory {
  overflow: hidden;
  border-radius: 1rem;
  position: relative;
  height: 15rem;
  margin-bottom: 1rem;
}

.img-gategory .overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-gategory .overlay:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.img-gategory .overlay .text {
  color: var(--white);
  font-weight: 600;
  font-size: 18px;
}

.searcher-content-categories {
  /* background-color: pink; */
  min-height: 100vh;
  padding: 2rem 0 6rem 0;
}

.searcher-content-categories .col:nth-child(odd) {
  /* background-color: salmon; */
  padding-left: 7.5px;
}

.searcher-content-categories .col:nth-child(even) {
  /* background-color: lightgreen; */
  padding-right: 7.5px;
}

.searcher-content-categories .col:first-child {
  /* background-color: blue; */
  padding-left: 15px;
}

.grid-container-categorias-mobile {
  /* background-color: pink; */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}

.grid-container-categorias-mobile .item:first-child {
  /* background-color: lightblue; */
  grid-column: 1 / span 2;
  height: 10rem;
}

.grid-container-categorias-mobile .item {
  /* background-color: yellow; */
  overflow: hidden;
  border-radius: .5rem;
  position: relative;
  height: 6rem;
}

.grid-container-categorias-mobile .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.grid-container-categorias-mobile .item .overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid-container-categorias-mobile .item:hover .overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

.grid-container-categorias-mobile .item a {
  text-decoration: none;
}

.grid-container-categorias-mobile .text {
  color: var(--white);
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  padding: 1rem;
}

.grid-container-categorias-mobile .text .category-name {
  font-size: .8rem;
  font-weight: 600;
}

/* FIN SEARCHER MOBILE */
/* ACTIVACIONES */
.bg-banner-activaciones {
  background-image: url(../img/bg/banner_activaciones.png);
}

.message-banner-activaciones {
  margin-bottom: 1.5rem;
}

.header-section-activaciones .title-section {
  /* background-color: yellow; */
  margin-bottom: 2rem;
}

/* FIN ACTIVACIONES */
/* CARRITO DE COMPRAS */
/* STEP WIZARD */
.step-wizard {
  /* background-color: pink; */
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
}

.step-wizard-line {
  height: 2px;
  background-image: linear-gradient(90deg, var(--gray), var(--gray) 75%, transparent 75%, transparent 100%);
  background-size: 15px 1px;
  border: none;
  width: 4rem;
}

/* END STEP WIZARD */
.container-link-back {
  margin-top: 4rem;
  margin-bottom: 2rem;
}

.section-shopping {
  padding-top: 3rem;
}

.header-section-shopping {
  margin-bottom: 1.5rem;
}

.content-items-shopping,
.content-items-benefits {
  margin-bottom: 3rem;
}

.tag-delivery {
  font-size: 12px;
}

/* CARD RESUMEN COMPRA */
.content-card-resumen-compra {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.card-resumen-compra {
  width: 100%;
  background-color: var(--white);
  border-radius: .5rem;
  padding: 2rem;
}

.title-resumen-compra {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 1.2rem;
}

.content-precio-subtotal,
.content-precio-delivery,
.content-precio-total,
.content-precio-regular,
.content-total-ahorro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
}

.subtotal-label,
.delivery-label,
.total-label,
.ahorro-label {
  color: var(--grayText);
}

.total-label,
.ahorro-label {
  font-weight: 600;
}

.content-precio-subtotal {
  /* background-color: pink; */
  margin-bottom: 2rem;
}

.content-precio-total {
  /* background-color: lightgreen; */
  margin-bottom: 0;
}

.content-precio-regular {
  /* background-color: lightblue; */
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
}

.content-total-ahorro {
  /* background-color: lavender; */
  margin-bottom: 3rem;
}

.content-total-compras .number-text-alt {
  font-size: 12px;
}

.info-card-resumen-compra {
  margin-bottom: 1.5rem;
  font-size: .875rem;
  text-align: center;
  font-weight: 600;
}

.info2-card-resumen p {
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}

.card-resumen-compra .content-btn {
  /* background-color: lavender; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.card-resumen-compra .content-btn .btn-primario {
  margin-bottom: 1.5rem;
}

.text-underline {
  text-decoration: underline;
}

.text-underline:hover {
  text-decoration: underline;
}

/* FIN CARD RESUMEN COMPRA */
/* Card carrito de compras */
.card-carrito,
.card-direccion {
  background-color: var(--white);
  border-radius: .5rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.card-carrito__desc,
.card-product-checkout__desc {
  /* background-color:  pink; */
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.card-carrito__desc .btn-delete {
  display: none;
}

.card-carrito__wrap-img,
.card-product-checkout__wrap-img {
  /* background-color: teal; */
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: .5rem;
  min-width: 7.5rem;
  min-height: 7.5rem;
  max-width: 7.5rem;
  max-height: 7.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-carrito__img,
.card-product-checkout__img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.card-carrito__detail,
.card-product-checkout__detail {
  /* background-color: lightblue; */
  padding: 0;
  margin: 0 1rem;
  width: 15rem;
}

.card-carrito__brand,
.card-product-checkout__brand {
  font-size: 12px;
  color: var(--grayText);
  text-transform: uppercase;
  word-wrap: break-word;
  margin-bottom: .5rem;
}

.card-carrito__product,
.card-product-checkout__product {
  font-size: 18px;
  font-weight: 600;
  word-wrap: break-word;
  margin-bottom: .25rem;
}

.card-carrito__product-desc {
  margin-bottom: 1rem;
  word-wrap: break-word;
  font-size: .8rem;
}

.card-carrito__tag-delivery {
  font-size: 12px;
}

.card-carrito__vigencia {
  font-size: .75rem;
}

.card-carrito__controls {
  /* background-color: yellow; */
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-carrito__controls-wrap {
  /* background-color: lavender; */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.card-carrito__price {
  /* background-color: pink; */
  white-space: nowrap;
  font-size: 24px;
  padding: 1rem 1.5rem;
  text-align: right;
}

.btn-delete {
  background-color: var(--white);
  font-size: 1rem;
  color: var(--black);
}

.btn-delete:hover {
  background-color: var(--red);
  font-size: 1rem;
  color: var(--white);
}

.card-carrito__controls .btn-delete {
  margin-left: 1rem;
}

/* fin card carrito de compras */
/* FIN CARRITO DE COMPRAS */
/* DIRECCIÓN DE ENTREGA */
.title-card {
  /* background-color: yellow; */
  font-size: 1.25rem;
  font-weight: 600;
}

.card-header-direccion {
  background-color: pink;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.card-modo-entrega {
  background-color: var(--bgGray);
  padding: 1rem;
  border-radius: .5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.card-modo-entrega-img img {
  /* background-color: pink; */
  height: 2rem;
  margin-right: 1rem;
}

.card-modo-entrega-text h3 {
  font-size: 1rem;
  font-weight: 600;
}

.card-modo-entrega-text p {
  margin-bottom: 0;
}

/* Card agregar dirección */
/* Fin card agregar dirección */
/* END DIRECCIÓN DE ENTREGA */
/* CONFIRMACIÓN COMPRA */

.section-Confirmacion .container .row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.title-confirmacion-compra {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 2rem;
}

.text-confirmacion-compra p span,
.text-confirmacion-compra p a {
  color: var(--black);
  font-weight: 600;
}

.text-confirmacion-compra .content-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.text-confirmacion-compra .content-btn .btn-link {
  font-weight: 600;
}

/* FIN CONFIRMACIÓN COMPRA */
/* MIS BENEFICIOS */
.item-benefits-product {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}

.wrap-content-img-product {
  position: relative;
}

.pill-badge-bee-benefits {
  font-family: 'Public Sans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  position: absolute;
  top: -10px;
  left: -10px;
  background-color: var(--yellow);
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.card-benefit__controls {
  /* background-color: lightblue; */
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* FIN MIS BENEFICIOS */

/* CAROUSEL SECUNDARIO HOME */

/* FIN CAROUSEL SECUNDARIO HOME */


/* CARTELERA AT WORK */
.navbar-categorias-atWork .navbar-nav .nav-link {
  color: var(--george);
  white-space: nowrap;
}

.navbar-categorias-atWork .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: var(--ringo);
}

.menu-categorias-atWork .active {
  color: var(--ringo) !important;
  /* border-bottom: 4px solid var(--black); */
  font-weight: 600;
}

/* BANNER ATWORK */
.bg-banner-dulceria {
  background-image: url(../img/bg/bannersCategories/cp_dulceria.png);
}

.bg-banner-cartelera {
  background-image: url(../img/bg/cartelera.png);
}

.bg-banner-boleteria {
  background-image: url(../img/bg/bannersCategories/cp_boleteria.png);
}

.bg-banner-complejos {
  background-image: url(../img/bg/complejos.png);
}

.bg-banner-protocolos {
  background-image: url(../img/bg/protocolos.png);
}

.bg-banner-paks {
  background-image: url(../img/bg/bannersCategories/cp_packs.png);
}

.text-banner-atWork {
  color: var(--white);
}

.text-banner-atWork .title-banner {
  font-family: "TT Norms";
  font-size: 60px;
}

/* FIN BANNER ATWORK */
/* OWL CAROUSEL */
.carousel-wrap {
  /* background-color: pink; */
  width: 90%;
  margin: auto;
  position: relative;
}

.owl-stage {
  /* background-color: salmon; */
  display: flex;
  padding-left: 0 !important;
  margin-left: -10px;
}

.owl-carousel .owl-nav {
  overflow: hidden;
  height: 0;
  margin: 0;
}

.owl-carousel .nav-btn {
  height: 100%;
  position: absolute;
  width: 3rem;
  cursor: pointer;
  top: 0 !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.2;
}

.owl-carousel .prev-slide {
  /* background-color: pink; */
  background: url(../img/icons/arrow_back.svg) no-repeat scroll 50% 50%;
  left: -58px;
}

.owl-carousel .next-slide {
  background: url(../img/icons/arrow_forward.svg) no-repeat scroll 50% 50%;
  right: -58px;
}

/* FIN OWL CAROUSEL */
/* SECTION ESTRENOS */
.section-movies {
  /* background-color: var(--black); */
  color: var(--ringo);
}

.header-section-atWork .title-section {
  font-size: 24px;
}

/* FIN SECTION ESTRENOS */

/* SECTION PROXIMAMENTE */
.section-proximamente {
  background-color: var(--bgAtWork);
  color: var(--white);
  padding-top: 5rem;
  padding-bottom: 3rem;
}

/* FIN SECTION PROXIMAMENTE */
/* CARD MOVIE  */
.content-img {
  position: relative;
  overflow: hidden;
  border-radius: .5rem;
}

.card-movie img {
  opacity: 1;
}

.middle {
  background-color: rgba(255, 255, 255, .5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.card-movie:hover .middle {
  opacity: 1;
}

.card-movie:hover img {
  -webkit-filter: blur(4px);
  /* Chrome, Safari, Opera */
  filter: blur(4px);
}

.btn-trailer {
  background-color: var(--white);
  color: var(--black);
}

.title-card-movie {
  /* background-color: pink; */
  font-size: 18px;
  font-weight: 600;
  padding-top: 24px;
  text-align: center;
}

.movie-genre {
  /* background-color: teal; */
  opacity: .7;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}

/*FIN CARD MOVIE TRAILER */
/* MODAL TRAILER */
iframe {
  border: none !important;
}

.modal-body iframe {
  width: 100%;
  height: 20rem;
  border-radius: 1rem;
}

.modal-content {
  /* background-color: var(--black); */
  border-radius: 1rem;
}

.modal-trailer .modal-content {
  /* background-color: var(--black); */
  border-radius: 1rem;
}

.title-modal-trailer {
  /* color: var(--white); */
  font-weight: 600;
}

.modal-body {
  /* background-color: pink; */
  padding: 1.5rem;
}

/* FIN MODAL TRAILER */
/* FIN CARTELERA AT WORK */
/* BOLETERÍA AT WORK */
.select-atwork {
  max-width: 300px;
}

.select-atwork label {
  /* color: var(--white); */
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.select-atwork .form-control {
  cursor: pointer;
  background-color: var(--white);
  margin-bottom: 4rem;
}

.header-pills-atwork {
  /* color: var(--white); */
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}

.alert-info {
  font-size: 12px;
  display: inline-block;
}

.nav-pills-atwork .nav-link {
  /* background-color: yellow; */
  border-radius: 0;
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--george);
  padding-left: 1rem;
  padding-right: 1rem;
  transition: all ease .3s;
}

.nav-pills-atwork .nav-link:hover {
  color: var(--ringo);
}

.nav-pills-atwork .nav-item:first-child {
  margin-right: 1rem;
}

.nav-pills-atwork .nav-link.active,
.nav-pills-atwork .show>.nav-link {
  color: var(--ringo);
  background-color: var(--pepper);
  border-bottom: 4px solid var(--yellow);
}

.table-entradas {
  padding: 2rem 0;
  border-radius: 1rem;
  /* color: var(--white); */
}

.table-entradas .table-entradas-header {
  /* background-color: blue; */
  /* color: pink; */
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.table-entradas-header p {
  font-size: .75rem;
  font-weight: 400;
  font-style: italic;
}

.item-entrada {
  /* background-color: lightsalmon; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--paul);
}

.item-entrada .entrada {
  /* background-color: var(--green); */
  width: 550px;
}

.item-entrada .entrada .nombre-entrada {
  font-size: 1rem;
  font-weight: 600;
}

.item-entrada .entrada span {
  font-size: .75rem;
  font-weight: 400;
}

.content-precio-cantidad {
  /* background-color: lightgreen; */
  display: flex;
  align-items: center;
}

.content-precio-cantidad .wrap-precios-entradas {
  text-align: right;
}

.content-precio-cantidad>div {
  margin-right: 1rem;
}

.content-precio-cantidad .control-entradas .control-quantity {
  /* background-color: yellow; */
  width: 100%;
}

.item-entrada .precio-entrada {
  /* background-color: pink; */
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
  color: var(--bgActivacion-dis);
}

.item-entrada .precio-entrada-regular {
  /* background-color: pink; */
  font-family: 'Inter', sans-serif;
  font-size: 1.125rem;
  text-align: right;
  white-space: nowrap;
  text-decoration: line-through;
  color: var(--grayText);
}

/* FIN BOLETERÍA AT WORK */
/* SECTION DULCERÍA */
.card-img-top {
  border-radius: .5rem;
  border: 1px solid var(--lonely);
  display: block;
  margin-left: auto;
  margin-right: auto;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.content-card-img {
  /* background-color: red; */
  position: relative;
}

.content-img-logo {
  /* background-color: pink; */
  display: flex;
  justify-content: flex-end;
  padding-right: .5rem;
  padding-bottom: .5rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.card-img-logo {
  display: block;
  height: 60px;
  width: 60px !important;
  border-radius: 50%;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.wrap-card-body-footer-dulceria {
  /* background-color: salmon; */
  position: relative;
  padding-bottom: 196px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card-product .card-footer-dulceria {
  background-color: #fff;
  height: 192px;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  padding: 0 1rem 1rem 1rem;
  border-radius: 0 0 1rem 1rem;
}

.card-footer-dulceria .control-quantity {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.card-footer-dulceria .control-quantity .plus-minus-box {
  /* background-color: pink; */
  width: 100%;
}

/* FIN SECTION DULCERÍA */
/* AGREGAR DIRECCION */
.mapa {
  width: 100%;
  height: 300px;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.header-section-add-address {
  margin-bottom: 2rem;
}

.form-add-address textarea {
  min-height: 5rem;
}

.content-btns-form-address {
  /* background-color: pink; */
  display: flex;
  justify-content: flex-end;
}

.content-btns-form-address .btn:first-child {
  margin-right: 1rem;
}

/* FIN AGREGAR DIRECCION */
/* EDITAR PERFIL */
.custom-file-input~.custom-file-label::after {
  content: "Elegir";
}

.header-profile-edit {
  /* background-color: yellow; */
  display: flex;
  align-items: flex-start;
  margin-top: 1rem;
}

.box-input-file {
  /* background-color: pink; */
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.group-fecha {
  /* background-color: pink; */
  display: flex;
  justify-content: space-between;
}

.form-group .group-fecha select {
  /* background: var(--bgInput) url("../img/icons/expand_more.svg") no-repeat right 0.75rem center/8px 10px; */
  background: var(--bgInput);
  background-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: .5rem;
  width: 32%;
}

/* FIN EDITAR PERFIL */
/* MODAL BEE */
.modal {
  z-index: 1300;
}

.modal-bee .modal-header {
  /* background-color: pink; */
  padding-bottom: 0;
  border-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}

.header-modal-bee {
  /* background-color: lightblue; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.header-modal-bee img {
  /* background-color: pink; */
  margin-bottom: .5rem;
  height: 3rem;
  width: 3rem;
}

.modal-title {
  font-weight: 600;
  font-size: 1.25rem;
  text-align: center;
}

.content-modal-bee {
  /* background-color: yellow; */
  text-align: center;
  padding-top: 1rem;
}

.modal-footer {
  border-top: 0;
  /* display: flex;
  justify-content: center; */
  padding-top: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
}

.modal-footer-center {
  display: flex;
  justify-content: center;
}

.modal-footer-vertical {
  /* background-color: pink; */
  flex-direction: column;
}

.form-step2 {
  /* background-color: pink; */
  display: none;
}

.modal-footer-link {
  /* background-color: lavender; */
  display: flex;
  flex-direction: column;
}

.link-modal-footer {
  /* background-color: pink; */
  padding-top: 1rem;
}

.link-modal-footer .btn-link {
  /* background-color: lightgreen; */
  text-decoration: underline;
}

.modal-flyer-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: .5rem;
}

.bg-flyer {
  background-color: #100B21;
}

.bg-flyer .modal-header span {
  color: var(--lonely);
}

.bg-flyer-fe {
  background-color: #DECCD5;
}

/* .modal flyer */

.modal-flyer .modal-dialog {
  max-width: 35rem;
}

.modal-flyer__body {
  padding: 0;
  position: relative;
  overflow: hidden;
  border: none;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.modal-flyer__img {
  width: 100%;
  object-fit: cover;
}

.btn-close-flyer {
  position: absolute;
  right: 1rem;
  top: 1rem;
  background-color: var(--cardShadow);
  color: var(--jhon);
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 10;
}

.modal-flyer .carousel-item {
  width: 100%;
  height: auto;
}

.carousel-indicators {
  /* background-color: #00AD7C; */
  position: absolute;
  margin-bottom: .5rem;
}

.carousel-indicators li {
  border: solid 1px var(--bgEntrada);
  width: 2rem;
  height: .5rem;
  border-radius: .25rem;
  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  -ms-border-radius: .25rem;
  -o-border-radius: .25rem;
}

/* end modal flyer */

/* FIN MODAL BEE */
/* CAMBIAR CONTRASEÑA */
.bg-cambiar-contra {
  background-image: url(../img/bg/bg-cambio-contra.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* FIN CAMBIAR CONTRASEÑA */
/* PÁGINA ACTIVACIONES */
.grid-container-activaciones-interna {
  /* background-color: lightYellow; */
  display: grid;
  /* grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 12rem 12rem 12rem; */
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}

.grid-container-activaciones-home {
  /* background-color: lightYellow; */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}

.grid-container-activaciones-interna .item,
.grid-container-activaciones-home .item {
  background-color: var(--white);
  border-radius: .5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  height: 12rem;
}

.grid-container-activaciones-interna .item-activacion-nextYear {
  background-color: var(--jhon);
  color: var(--george);
}

.activacion-currently {
  background-color: var(--yellow);
  /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom right, #FFE578, #FFCE00, #FFB01A);
}

.activacion-mes {
  font-weight: 700;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
}

.activacion-fecha {
  margin-bottom: 0;
  text-align: center;
}

.tag-activacion,
.tag-activacion-currently,
.tag-activacion-next {
  background-color: var(--black);
  color: var(--white);
  font-weight: 600;
  font-size: 0.875rem;
  padding: .5rem 1.2rem;
  border-radius: 0 0 4px 4px;
  position: absolute;
  top: 0;
}

/* FIN PÁGINA ACTIVACIONES */
/* BOTÓN FLOTANTE WHATSAPP */
.whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 3.5rem;
  right: 2.5rem;
  background-color: #25d366;
  color: var(--white);
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  /* box-shadow: 3px 3px 15px  var(--gray); */
}

.whatsapp:hover {
  color: var(--white);
  text-decoration: none;
}

/* FIN BOTÓN FLOTANTE WHATSAPP */
/* DATOS DE ENVÍO */
.card-datos-envio,
.card-perfil {
  background-color: var(--white);
  padding: 1.5rem;
  border-radius: .5rem;
}

.card-datos-envio .header-card {
  /* background-color: pink; */
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card-datos-envio .title-card {
  margin-bottom: 0;
}

.bloque-direccion-envio {
  margin-bottom: 3rem;
}

.content-map {
  margin-top: 1rem;
}

.content-btn-datos-envio {
  display: flex;
  justify-content: flex-end;
}

.fieldset-direccion-envio {
  margin-bottom: 1rem;
}

/* card radio */
.grid-direcciones-guardadas {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}

.card-direccion {
  background-color: var(--bgGray);
  position: relative;
  padding: 0;
  border-radius: .5rem;
  margin-bottom: 0;
}

.radio-cards {
  font-size: inherit;
  margin: 0;
  position: absolute;
  top: 14px;
  left: 14px;
}

.radio-cards {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: var(--white);
  border: var(--radio-border-width) solid var(--border);
  border-radius: 50%;
  cursor: pointer;
  height: var(--radio-size);
  outline: none;
  width: var(--radio-size);
}

.radio-cards::after {
  border: var(--radio-border-width) solid var(--white);
  border-top: 0;
  border-left: 0;
  content: "";
  display: block;
  height: 0.75rem;
  left: 25%;
  position: absolute;
  top: 50%;
  transform: rotate(45deg) translate(-50%, -50%);
  width: 0.375rem;
}

.radio-cards:checked {
  background: var(--success);
  border-color: var(--success);
}

.card-direccion:checked {
  border-color: var(--success);
}

.card-direccion:checked {
  border-color: var(--success);
}

.content-direccion {
  /* background-color: pink; */
  border: solid 2px var(--border);
  border-radius: var(--card-radius);
  cursor: pointer;
  padding: 14px 14px 14px 52px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: var(--grayText);
}

.direccion-guardada {
  /* background-color: pink; */
  width: 100%;
}

.direccion-guardada p {
  line-height: 1.2rem;
  margin-bottom: .5rem;
}

.direccion-guardada p:last-child {
  margin-bottom: 0;
}

.direccion-guardada .nombre-direccion {
  font-weight: 700;
}

.card-fecha-entrega:hover .content-fecha-entrega {
  border-color: var(--grayText);
}

.radio-cards:checked~.content-direccion {
  border-color: var(--success);
  background-color: var(--lightGreen);
  color: var(--black);
}

.radio-cards:focus~.content-direccion {
  box-shadow: 0 0 0 1.5px var(--success);
}

.radio-cards:checked~.content-direccion .nombre-direccion {
  color: var(--success);
}

.btn-edit-direccion {
  /* background-color: lavender; */
  padding: 0;
  height: 24px;
}

/* fin card radio */
/* Bloque persona cargo pedido */
.form-cargo-persona {
  /* background-color: pink; */
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

#datosEntregaOficina,
#boxCargoPedidoOficinaOtro,
#boxCargoPedidoDeliveryOtro {
  display: none;
}

/* Fin Bloque persona cargo pedido */
/* FIN DATOS DE ENVÍO */
/* CHECKOUT */
.section-tipo-producto {
  margin-bottom: 3.5rem;
}

.accordion-checkout {
  margin-bottom: 1rem;
}

.title-section-checkout {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.accordion-checkout .card {
  border-radius: .5rem;
}

.accordion-checkout .card-header:after {
  content: "-";
  float: right;
  font-size: 1.5rem;
}

.accordion-checkout .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "+";
  font-size: 1.5rem;
}

.accordion-checkout .card-header {
  background-color: var(--white);
  padding: 1.5rem;
  border-bottom: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion-checkout .card-header .card-title {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
}

.accordion-checkout .card-body {
  /* background-color: salmon; */
  padding-top: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
}

.card-header-main-info {
  font-weight: 600;
  margin-bottom: 0;
}

.accordion-checkout .card-header .content-text-header {
  /* background-color: lightGreen; */
  padding-right: 1rem;
}

.content-btns-info {
  /* background-color: pink; */
  display: flex;
  justify-content: flex-start;
  margin-top: 2rem;
}

.content-text-header p:last-child {
  margin-bottom: 0;
}

.card-product-checkout {
  /* background-color: lavender; */
  margin-bottom: 1rem;
}

.card-product-checkout:last-child {
  margin-bottom: 0;
}

.card-product-checkout__detail {
  /* background-color: lightblue; */
  padding: 0;
  margin: 0 1rem;
}

.card-product-checkout__desc {
  /* background-color: yellow; */
  padding-left: 0;
}

.card-product-checkout__product-desc {
  margin-bottom: 0;
  word-wrap: break-word;
  font-size: .8rem;
}

.card-product-checkout__precio {
  /* background-color: pink; */
  padding-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.product-checkout__precio {
  font-size: 1.125rem;
  text-align: right;
}

.product-checkout__cantidad {
  text-align: right;
}

/* Accordion datos del envio */

.info-datos-envio {
  font-weight: 600;
  margin-bottom: 1rem;
}

.info-direccion-entrega {
  margin-bottom: 2rem;
}

.nombre-direccion-entrega {
  font-weight: 600;
}

.header-section-persona-cargo-pedido {
  font-weight: 600;
  margin-bottom: 1rem;
}

/* fin Accordion datos del envio */
/* card radio fecha entrega*/
.content-cards-fecha-entrega {
  margin-bottom: 1.5rem;
}

.grid-fecha-entrega {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}

.card-fecha-entrega {
  background-color: var(--bgGray);
  position: relative;
  padding: 0;
  border-radius: .5rem;
  margin-bottom: 0;
}

.card-fecha-entrega:checked {
  border-color: var(--success);
}

.card-fecha-entrega:checked {
  border-color: var(--success);
}

.content-fecha-entrega {
  /* background-color: pink; */
  border: solid 2px var(--border);
  border-radius: var(--card-radius);
  cursor: pointer;
  padding: 14px 14px 14px 52px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: var(--grayText);
}

.fecha-entrega {
  /* background-color: pink; */
  width: 100%;
}

.fecha-entrega p {
  line-height: 1.2rem;
  margin-bottom: .5rem;
}

.fecha-entrega p:last-child {
  margin-bottom: 0;
}

.fecha-entrega .nombre-fecha-entrega {
  font-weight: 700;
}

.fecha-entrega:hover .content-fecha-entrega {
  border-color: var(--grayText);
}

.radio-cards:checked~.content-fecha-entrega {
  border-color: var(--success);
  background-color: var(--lightGreen);
  color: var(--black);
}

.radio-cards:focus~.content-fecha-entrega {
  box-shadow: 0 0 0 1.5px var(--success);
}

.radio-cards:checked~.content-fecha-entrega .nombre-fecha-entrega {
  color: var(--success);
}

.content-terminosYcondiciones {
  /* background-color: lavender; */
  text-align: center;
  margin-bottom: 1.5rem;
}

/* fin card radio fecha entrega*/
/* card radio fecha entrega proveedor*/
/* fin card radio fecha entrega proveedor*/
/* FIN CHECKOUT */
/* PERFIL USUARIO */
.sidebar-perfil {
  background-color: var(--white);
  min-height: 100vh;
  padding-right: 0;
  padding-left: 0;
}

.nav-pills-perfil .nav-link {
  border-radius: 0;
  color: var(--black);
  border-right: 8px solid var(--white);
}

.nav-pills-perfil .nav-link.active,
.nav-pills-perfil .show>.nav-link {
  color: var(--black);
  font-weight: 600;
  background-color: var(--white);
  border-right: 8px solid var(--yellow);
}

.content-tabs-perfil {
  /* background-color: yellow; */
  padding-top: 4rem;
  padding-left: 2rem;
}

.container-link-back-perfil {
  display: none;
}

/* HEADER PERFIL */
.header-profile {
  /* background-color: lavender; */
  padding-top: 1.5rem;
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  width: 100%;
}

.content-datos-profile {
  width: 100%;
  /* background-color: lightgreen; */
  margin-left: 2rem;
}

.name-user-profile {
  font-weight: 600;
  font-size: 1.25rem;
}

.email-user-profile {
  /* background-color: pink; */
  font-style: italic;
  margin-bottom: 1rem;
}

.email-user-profile .overflow-email {
  font-weight: 400;
}

.avatar-upload {
  width: 7.5rem;
}

.avatar-edit {
  right: 12px;
  z-index: 1;
  top: 10px;
}

.avatar-edit input {
  display: none;
}

.avatar-edit input+label {
  display: inline-block;
  margin-bottom: 0;
  /* background: var(--green); */
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: 600;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}

.avatar-preview {
  width: 7.5rem;
  height: 7.5rem;
  position: relative;
  border-radius: 100%;
  border: 6px solid var(--white);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-img {
  background-color: var(--jhon);
  background-image: url(../img/profiles/profile-default.svg);
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* FIN HEADER PERFIL */
.card-perfil .header-card {
  /* background-color: pink; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.wrap-content-btn-perfil {
  display: none;
  /* display: block; */
}

.content-btn-perfil {
  /* background-color: lavender; */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.content-btn-perfil .btn-secundario {
  margin-right: 1rem;
}

.tab-content-perfil .card-perfil {
  /* background-color: salmon; */
  margin-bottom: 2rem;
}

.content-btn-actions-perfil {
  /* background-color: lavender; */
  /* padding-top: 2rem; */
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.content-btn-actions-perfil .btn:first-child {
  margin-right: 1rem;
}

.content-text-modal-bee {
  margin-bottom: 1.5rem;
}

/* Mis direcciones */
.bloque-empty-address-state {
  /* background-color: pink; */
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wrap-img-empty-address {
  /* background-color: yellow; */
  width: 25%;
  margin-bottom: 1rem;
}

.img-empty-address {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.bloque-empty-address-state p {
  text-align: center;
}

.bloque-direcciones-perfil .bloque-direccion-envio {
  margin-bottom: 0;
}

/* Fin mis direcciones */
/* FIN PERFIL USUARIO */
/* DETALLE PRODUCTO VARIANT */
.card-producto-variante {
  position: relative;
}

.radio-cards-variant {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.radio-cards-variant {
  display: none;
}

.content-product-variant {
  background-color: var(--jhon);
  border-radius: var(--card-radius);
  cursor: pointer;
  padding: 12px 8px;
  min-width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease .5s;
}

.content-product-variant:hover {
  background-color: var(--george);
}

.content-product-variant:hover .product-variant {
  color: var(--white);
}

.product-variant {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: var(--paul);
}

.radio-cards-variant:checked~.content-product-variant {
  background-color: var(--black);
  transition: all ease .5s;
}

.radio-cards-variant:checked~.content-product-variant .product-variant {
  color: var(--white);
}

/* FIN DETALLE PRODUCTO VARIANT */
/* MIS VALES DE consumo */
.wrap-cards-vales .card-product .card-footer {
  background-color: #fff;
  /* background-color: pink; */
  height: 64px;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  padding: 0 1rem 1rem 1rem;
  border-radius: 0 0 1rem 1rem;
}

.wrap-cards-vales .wrap-card-body-footer {
  /* background-color: salmon; */
  position: relative;
  padding-bottom: 64px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* FIN MIS VALES DE consumo */
/* VALES CONSUMO DETALLE */

.wrap-vale,
.wrap-vale-ticket {
  /* background-color: pink; */
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 3.5rem;
}

.vale {
  /* background-color: yellow; */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 18.75rem;
}

.vale-img-product {
  width: 345px;
  /* height: 300px; */
  /* object-fit: left; */
}

.vale-wrap-content {
  background-color: var(--ringo);
  width: 30rem;
  height: 100%;
  padding: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border-radius: 0 .5rem .5rem 0; */
  border-left: var(--jhon);
  border-left-style: dotted;
}

.content-vale {
  background-color: var(--jhon);
  width: 100%;
  height: 100%;
  padding: 1rem;
  border-radius: .5rem 0 0 .5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nombre-product-vale {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: .5rem;
}

.desc-product-vale {
  font-size: .875rem;
  margin-bottom: .5rem;
}

.group-codigo-vale .label {
  margin-bottom: .25rem;
}

.cod-vale {
  background-color: var(--white);
  display: inline-block;
  padding: .5rem 1rem;
  border-radius: .5rem;
  border: 2px solid var(--yellow);
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: .5rem;
  letter-spacing: 1px;
}

.vigencia-vale {
  font-size: .875rem;
  font-weight: 600;
}

.vigencia-vale span {
  font-size: .75rem;
  font-weight: 400;
}

.wrap-logo-vale {
  background-color: var(--jhon);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  border-radius: 0 .5rem .5rem 0;
}

.logo-vale-vertical {
  width: 1.5rem;
}

.logo-vale-horizontal {
  height: 1.5rem;
  display: none;
}

.vale-controls {
  /* background-color: lightblue; */
  min-width: 12rem;
  margin-left: 1rem;
}

.vale-controls .btn {
  width: 100%;
}

.vale-controls .btn:first-child {
  margin-bottom: 1rem;
}

/* FIN VALES CONSUMO DETALLE */
/* TERMINOS Y CONDICIONES */
.navbar-logo {
  background-color: var(--lonely);
  padding: 2rem 1.5rem;
  display: flex;
  justify-content: center;
}

.navbar-logo img {
  height: 1.5rem;
  display: inline-block;
}

.content-page-info {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.content-page-info p {
  font-family: 'Inter', sans-serif;
  margin-bottom: 1.5rem;
}

.content-page-info p span {
  font-weight: 600;
}

.heading {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

.sub-heading {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 2.5rem;
}

.sub-heading span {
  font-weight: 600;
}

.lista-page-info li {
  margin-bottom: 1.5rem;
}

.heading-group {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.lista-interna {
  margin-left: 1.5rem;
}

/* FIN TERMINOS Y CONDICIONES */
/* PREGUNTAS FRECUENTES */
.accordion-preguntas {
  margin-top: 2rem;
  border-radius: .5rem;
}

.accordion-preguntas .card {
  /* background-color: pink; */
  border: none;
  border-radius: .5rem;
}

.accordion-preguntas .card-header:after {
  content: "-";
  float: right;
  font-size: 1.5rem;
}

.accordion-preguntas .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "+";
  font-size: 1.5rem;
}

.accordion-preguntas .card:first-child .card-header.collapsed:after,
.accordion-preguntas .card:first-child .card-header:after {
  content: "";
}

.accordion-preguntas .card-header {
  background-color: var(--lonely);
  border-bottom: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px var(--george);
  padding: 1.5rem;
}

.accordion-preguntas .card-header h2 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1rem;
}

.accordion-preguntas .card-body {
  background-color: var(--pepper);
  padding: 1.5rem;
  letter-spacing: .5px;
}

.accordion-preguntas .card:first-child .card-header {
  /* background-color: pink; */
  border: none;
}

/* FIN PREGUNTAS FRECUENTES */
/* PASOS DE REGISTRO */
.wrap-img-pasos {
  margin-bottom: 3rem;
}

.wrap-img-pasos img {
  /* background-color: pink; */
  display: block;
  width: 100%;
  max-width: 610px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

/* FIN PASOS DE REGISTRO */

/* COMPLEJOS */
.content-center {
  margin-left: auto;
  margin-right: auto;
}

.accordion-complejos {
  background-color: var(--lonely);
  /* min-height: 50vh; */
}

.accordion-complejos .card {
  background-color: var(--lonely);
  border: none;
  border-radius: .5rem;
}

.card-complejos .card-header {
  background-color: var(--lonely);
  /* color: var(--sargent); */
  border-top: solid 1px var(--paul) !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.accordion-complejos .card:first-child .card-header {
  /* background-color: pink; */
  border: none !important;
}

.card-complejos .card-body {
  background-color: var(--lonely);
  padding-top: 0;
  /* color: var(--sargent); */
}

.card-complejos .card-body p {
  font-size: .75rem;
  padding: 0 1.5rem;
}

.content-mapa-complejo {
  /* background-color: yellow; */
  padding: 0 1.5rem;
}

.mapa-cine {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
  border-radius: .5rem;
}

/* FIN COMPLEJOS */

/* PROTOCOLOS ATWORK */
.header-protocolos {
  text-align: center;
}

.header-protocolos .title {
  margin-bottom: 1.5rem;
}

.header-protocolos p {
  /* background-color: salmon; */
  margin-left: auto;
  margin-right: auto;
  max-width: 39rem;
  margin-bottom: 2.5rem;
}

.grid-protocolos {
  /* background-color: yellow; */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}

.grid-protocolos img {
  height: 20rem;
  width: 20rem;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
  border-radius: .5rem;
  margin-right: 1rem;
  margin-left: 1rem;
  margin-bottom: 2rem;
}

/* FIN PROTOCOLOS ATWORK */

/* TICKETS ATWOEK */
.bg-entrada {
  background-color: var(--bgEntrada);
}

.ticket {
  width: 416px;
  min-height: 240px;
  padding: 1rem;
}

.content-entrada {
  background-color: var(--lonely);
  height: 100%;
  width: 100%;
}

.content-entrada-top {
  padding: .5rem 2rem;
  display: flex;
}

.wrap-img-entrada {
  /* background-color: lightgreen; */
  padding-top: 1.5rem;
  margin-right: 2.5rem;
}

.contenedor-logo-entrada {
  /* background-color: pink; */
  height: 4rem;
  width: 4rem;
  margin-bottom: 1.5rem;
}

.contenedor-logo-entrada img {
  width: 100%;
}

.render-img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.contenedor-icono-entrada {
  /* background-color: yellow; */
  height: 2rem;
  width: 4rem;
}

.contenedor-icono-entrada img {
  width: 100%;
}

.wrap-text-entrada {
  /* background-color: lavender; */
  width: 100%;
}

.title-entrada {
  font-size: 1rem;
  line-height: 16px;
  font-weight: 700;
  color: var(--cp-lightblue);
  font-family: "PFB bold";
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.contenedor-detalle-entrada {
  /* background-color: pink; */
  font-family: "PFB regular";
  color: var(--cp-darkblue);
  font-size: .5rem;
  line-height: 9px;
  margin-bottom: 12px;
}

.detalles-entrada-ticket {
  display: flex;
  justify-content: space-between;
}

.detalles-entrada-ticket:first-child {
  margin-bottom: 1rem;
}

.detalle-entrada {
  width: 137px;
  margin-left: 1.5rem;
}

.contenedor-codigo-entrada {
  color: var(--cp-darkblue);
  font-family: "PFB regular";
  text-align: center;
}

.title-codigo {
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.codigo-entrada {
  background-color: var(--cp-yellow);
  font-size: 13px;
  line-height: 13px;
  font-family: "PFB semibold";
  border-radius: 20px;
  padding: 6px 28px;
  margin-bottom: 4px;
  display: inline-block;
}

.tipo-canje-entrada {
  font-family: "PFB bold";
  color: var(--cp-redish);
  font-size: 13px;
}

.content-entrada-bottom {
  background-color: var(--bgEntrada);
  color: var(--lonely);
  font-size: 6px;
  line-height: 8px;
  padding-top: 8px;
}

.label-restricciones-ticket {
  font-family: "PFB bold";
}

.content-restricciones-ticket {
  margin-bottom: 0;
}

/* END TICKETS ATWOEK */

/* PACKS ATWORK */

#packsProvincia {
  display: none;
}

.card-pack {
  background-color: var(--lonely);
  padding: 1.5rem;
  border-radius: .5rem;
  margin-bottom: 1.5rem;
}

.card-pack-img-desc {
  /* background-color: pink; */
  display: flex;
  align-items: center;
}

.card-pack-content-img {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: .5rem;
  min-width: 10rem;
  min-height: 10rem;
  max-width: 10rem;
  max-height: 10rem;
  margin-right: 1rem;
}

.card-pack-content-img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.card-pack-product {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: .25rem;
}

.card-pack-product-desc {
  margin-bottom: 1rem;
  word-wrap: break-word;
}

.card-pack-product-validity {
  font-size: .8rem;
}

.card-pack-price-controls {
  /* background-color: yellowgreen; */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.wrap-pack-price {
  /* background-color: lightblue; */
  margin-right: 1rem;
}

.wrap-pack-price {
  font-family: 'Inter', sans-serif;
  text-align: right;
  white-space: nowrap;
  font-size: 1.125rem;
}

.wrap-pack-price .activation-price-card {
  font-weight: 700;
  font-size: 1.25rem;
}

.wrap-controls-pack {
  /* background-color: peru; */
  display: flex;
  align-items: center;
}

.wrap-controls-pack .control-quantity {
  min-width: 10rem;
  max-width: 10rem;
  margin-right: 1rem;
}

.wrap-controls-pack .btn-primario {
  min-width: 12rem;
  max-width: 12rem;
}

/* END PACKS ATWORK */

/* SECTION PRODUCTOS DESTACADOS */
.grid-featured-product {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}

.grid-featured-product-alreves {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}

.grid-featured-product .featured-product-item:nth-child(3) {
  grid-column: 1 / span 2;
}

.grid-featured-product-alreves .featured-product-item:nth-child(1) {
  grid-column: 1 / span 2;
}

.featured-product-item {
  /* background-color: pink; */
  border-radius: .5rem;
  overflow: hidden;
}

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

/* END SECTION PRODUCTOS DESTACADOS */

/* UNSUBSCRIBE */

#confirm-unsubscribe {
  display: none;
}

/* END UNSUBSCRIBE */

/* LOADER */

.loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  background-color: rgba(239, 240, 246, .9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1055;
  display: none;
  /* display: flex; */
}

.loader img {
  margin-bottom: 1rem;
  height: 8rem;
  width: 8rem;
}

.loader span {
  font-size: 1.5rem;
  text-align: center;
}

/* END LOADER */

/* List modal */
.list-productos-modal {
  /* background-color: pink; */
  margin-left: 1.5rem;
}

/* End list modal */

/* CARD NOMINAL PAGE */
.section-giftCard-detail {
  /* background-color: lavender; */
}

.wrap-cardNominal { 
  /* background-color: pink; */
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.giftCard-nominal {
  width: 32rem;
  height: 19.5rem;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: var(--cardShadow);
  display: flex;
  justify-content: center;
  align-items: center;
}

.giftcard-20 {
  background-image: url(../img/bg/giftCards/bg-gf-20.jpg);
}

.giftcard-25 {
  background-image: url(../img/bg/giftCards/bg-gf-25.jpg);
}

.giftcard-30 {
  background-image: url(../img/bg/giftCards/bg-gf-30.jpg);
}

.giftcard-40 {
  background-image: url(../img/bg/giftCards/bg-gf-40.jpg);
}

.giftcard-50 {
  background-image: url(../img/bg/giftCards/bg-gf-50.jpg);
}

.giftcard-80 {
  background-image: url(../img/bg/giftCards/bg-gf-80.jpg);
}

.giftcard-100 {
  background-image: url(../img/bg/giftCards/bg-gf-100.jpg);
}

.giftcard-150 {
  background-image: url(../img/bg/giftCards/bg-gf-150.jpg);
}

.giftCard-nominal--detail {
  /* background-color: lightgreen; */
  padding: 1.5rem 2rem 1.5rem 1.5rem;
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .25rem;
}

.giftCard-nominal--title {
  font-size: 1.2rem;
  font-weight: 700;
}

.giftCard-nominal--img {
  width: 50%;
}

.wrap-code {
  /* background-color: pink; */
  width: 100%;
}

.box-giftcard-label {
  font-size: .75rem;
  margin-bottom: .25rem;
}

.box-giftcard-code {
  background-color: var(--white);
  color: var(--black);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25rem;
  padding: .5rem;
  display: flex;
  justify-content: center;
  border-radius: .25rem;
  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  -ms-border-radius: .25rem;
  -o-border-radius: .25rem;
}

.giftcard-validity {
  font-size: .675rem;
  text-align: center;
  padding-top: .25rem;
  font-weight: 500;
  display: flex;
  gap: .25rem;
  align-items: center;
}

.giftcard-validity--label {
  margin-bottom: 0;
}

.giftcard-validity--date {
  margin-bottom: 0;
}

.giftCard-nominal--footer-label {
  /* background-color: pink; */
  font-size: .75rem;
  margin-bottom: 0;
  width: 100%;
  text-align: center;
}

.giftCard-nominal--footer-web {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1rem;
  margin-bottom: 0;
}

.giftCard-nominal--value {
  /* background-color: pink; */
  padding: 1.5rem;
  width: 50%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.giftCard-balance {
  display: flex;
  font-weight: 700;
  font-size: 2rem;
}

.balance-value {
  /* background-color: lightblue; */
  font-size: 5rem;
  line-height: 5rem;
}

.logo-giftCard-balance {
  height: 1.25rem;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
}

.giftcard-20 .giftCard-balance {
  color: #004A8D;
}

.giftcard-30 .giftCard-balance {
  color: #DE11DE;
}

.giftcard-40 .giftCard-balance {
  color: #6E17D9;
}

.giftcard-50 .giftCard-balance {
  color: #EC268F;
}

.giftcard-150 .giftCard-balance {
  color: #F58634;
}

.giftcard-200 .giftCard-balance {
  color: #F58634;
}

/* Tabs saldo */

.wrap-tabs-bee {
  padding: 1rem;
  border: solid 1px var(--lineColor);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.nav-pills-bee .nav-link {
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  border: 0;
  font-weight: 600;
  font-size: 1.25rem;
  padding: .75rem 1.5rem;
}

.nav-pills-bee {
  display: flex;
  gap: .5rem;
}

.nav-pills-bee .nav-link.active,
.nav-pills-bee .show > .nav-link {
  color: var(--black);
  background-color: var(--yellow);
  border: 0;
}
/* End tabs saldo */

.consideraciones {
  background-color: var(--jhon);
  padding: 1rem 1rem 1rem 2.5rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
}

.title-list-consideraciones {
  font-size: 1rem;
  font-weight: 700;
}

.terms-list {
  font-size: .875rem;
}
/* END CARD NOMINAL PAGE */

/* =============================== */

/* CLASES DEL PERFIL  ADMINISTRADOR */

/* HEADER ADMIN */
.wrap-switch-btn-perfil {
  /* background-color: pink; */
  display: flex;
  align-items: center;
  gap: 1rem;
}

.btn-switch-admin {
  display: flex;
  align-items: center;
  gap: .5rem;
  border: none;
}

.label-switch-admin {
  /* background-color: lightskyblue; */
  margin-bottom: 0;
  font-size: .75rem;
  text-align: end;
}

.switch-admin {
  /* background-color: lightgreen; */
  height: 1.5rem;
}

.info-user-menu-mobile .label-switch-admin {
  /* background-color: lightskyblue; */
  margin-bottom: 0;
  font-size: 1rem;
  text-align: start;
}

.saldo-user-mobile .saldo-cliente-label {
  font-size: .75rem;
}

.saldo-user-mobile .saldo-cliente-mobile {
  font-weight: 600;
}

.info-user-menu-mobile .btn-switch-admin {
  padding-left: 0;
}

.header-menu-mobile-gh {
  /* background-color: pink; */
  display: flex;
  gap: .5rem;
}
/* END HEADER ADMIN */

/* MEDIOS DE PAGO */
.content-btn-continuar-medioDePago {
  display: flex;
  justify-content: flex-end;
  display: none;
}

.list-radio-medioDePago {
  list-style: none;
  border: 1px solid var(--border);
  border-radius: .5rem;
  overflow: hidden;
}

.list-radio-medioDePago .form-check input {
  position: absolute;
}

.list-group-item-radio {
  border-bottom: 1px solid var(--border);
}

.list-group-item-radio:last-child {
  border-bottom: none;
}

.form-check-label {
  background-color: var(--lonely);
  width: 100%;
  cursor: pointer;
  height: 4.5rem;
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
}

.form-check-label img {
  height: 2rem;
  margin-right: 1rem;
  margin-left: 1.5rem;
}

.form-check-label .form-check {
  /* background-color: yellow; */
  display: flex;
  align-items: center;
}

.form-check-label input {
  margin-top: 0;
  height: 1.2rem;
  width: 1.2rem;
}


/* ENDS MEDIOS DE PAGO */

/* FORMULARIO DATOS DE ENVIO PEDIDOS */
.card-medioDePago-seleccionado {
  background-color: var(--lonely);
  overflow: hidden;
  border-radius: .5rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.cardMedioDepago-seleccionado-header img {
  display: inline-block;
  height: 2rem;
}

.cardMedioDepago-seleccionado-header {
  /* background-color: pink; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cardMedioDepago-seleccionado-body {
  /* background-color: orange; */
  margin: 1.5rem 0 0 0;
}

.cardMedioDepago-seleccionado-body img {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: .25rem;
}

.showMobile {
  display: none !important;
}

.cardMedioDepago-seleccionado-footer .copiar-texto {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}

.cardMedioDepago-seleccionado-footer p {
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.card-logo-mensaje-pdf-pedido {
  border: 1px solid #ced4da;
  padding: 1rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  margin-bottom: 1rem;
}

.wrap-img-preview {
  /* background-color: lavender; */
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.imageWrapper {
  background-color: var(--white);
  border: solid 1px var(--lineColor);
  border-radius: .5rem;
  overflow: hidden;
  height: 8rem;
  width: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.imageWrapper img {
  width: 90%;
}

.file-upload {
  position: relative;
  overflow: hidden;
}

.file-input-image {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
}

.wrap-label-file-upload {
  /* background-color: pink; */
  display: flex;
  flex-direction: column;
  gap:.5rem;
}

.wrap-label-file-upload  p {
  margin-bottom: 0;
  color: var(--george);
}

.card-logo-mensaje-pdf-pedido__top {
  position: relative;
}

.card-logo-mensaje-pdf-pedido__bottom .form-group {
  margin-bottom: 0;
}

.btn-tooltip {
  padding: 0;
  position: absolute;
  top: -10px;
  right: -4px;
}

.btn-tooltip span {
  font-size: 2rem;
}

.img-preview-pdf {
  width: 100%;
}

/* Uploads files  */
.box {
  /* background-color: pink; */
  margin-bottom: 1.5rem;
}

.accepted {
  color: var(--bgAtWorkLight);
  font-size: .75rem;
}

.uploadlabel {
  background-color: var(--white);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: 1.5rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  border: 2px dashed var(--george);
  cursor: pointer;
}

.uploadlabel p {
  margin-bottom: 0;
}

.uploadlabel span {
  font-size: 2rem;
}

.uploaded {
  /* background-color: lightgreen; */
  font-size: 1rem;
  font-weight: 600;
}

.showfilebox {
  background-color: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid  #ced4da;
  padding: .75rem 1rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  margin-bottom: .5rem;
  cursor: pointer;
}

.showfilebox p {
  font-size: 1rem;
  margin-bottom: 0;
}

.showfilebox .right {
  /* background-color: lightgreen; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.showfilebox .right span {
  font-size: 2rem;
  line-height: 2rem;
  color: var(--danger);
  cursor: pointer;
  display: inline-block;
  text-align: center;
}

/* End uploads files */

/* datos orden de compra */
.ordenDeCompraBox {
  display: none;
}
/* end datos orden de compra */

/* END FORMULARIO DATOS DE ENVIO PEDIDOS */

/* PÁGINA CONFIRMACIÓN PEDIDO GH */
.content-card-confirm {
  /* background-color: pink; */
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-image: url(../img/bg/bg-confirm.jpg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-confirm-pedido-gh {
  background-color: var(--white);
  padding: 1.5rem;
  width: 37.5rem;
  text-align: center;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.card-confirm-pedido-gh img {
  width: 4.5rem;
  margin-bottom: 1rem;
}

.card-confirm-pedido-gh h1 {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 1rem;
}

.card-confirm-pedido-gh p {
  margin-bottom: .5rem;
}

.card-confirm-pedido-gh ul {
  text-align: start;
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}

.wrap-btn-confirm-pedido-gh {
  display: flex;
  justify-content: center;
}
/* END PÁGINA CONFIRMACIÓN PEDIDO GH */

/* END CLASES DEL PERFIL ADMINSITRADOR */

/* MÓDULO ADMINISTRAR VALES */
.main-admin {
  background-color: var(--ehite);
}

/* sidebar admin */
.sidebar-admin {
  background-color: var(--white);
  width: 20rem;
  min-height: 100vh;
  position: fixed;
  left: 0;
  border-right: solid 1px var(--lineColor);
}

.sidebar-admin-list {
  background-color: var(--white);
  list-style: none;
  padding-left: 0;
  height: calc(100vh - 6rem);
  overflow-y: auto;
  padding: 1.5rem;
}

.sidebar-item-btn {
  background-color: var(--white);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 2.5rem;
  gap: .5rem;
  padding: .75rem 1.25rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}

.sidebar-item-btn:hover {
  background-color: var(--midYellow);
}

.sidebar-item-btn:focus {
  box-shadow: none;
}

.active-item {
  background-color: var(--midYellow);
}

.sidebar-list-collapse {
  list-style: none;
  /* background-color: tomato; */
}

.sidebar-item-collapse {
  display: inline-block;
  background-color: var(--white);
  padding: .5rem 1.25rem .5rem 3.25rem;
  height: 100%;
  width: 100%;
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
  text-decoration: none;
  color: var(--black);
}

.sidebar-item-collapse:hover {
  background-color: var(--jhon);
  color: var(--black);
  text-decoration: none;
}

.sidebar-item-collapse:focus {
  background-color: var(--jhon);
  color: var(--black);
  text-decoration: none;
}

.btn-sidebar-toggle {
  justify-content: space-between;
}

.btn-sidebar-toggle-left {
  display: flex;
  align-items: center;
  gap: .5rem;
}
/* End sidebar admin */

/* Admin panel */
.admin-panel {
  /* background-color: F6F6F6; */
  padding: 1.5rem;
  min-height: 100vh;
  width: calc(100% - 20rem);
  margin-top: 6rem;
  margin-left: 20rem;
}

.panel {
  /* background-color: lightgoldenrodyellow; */
  display: none;
  width: 100%;
}

.active-panel {
  display: block;
}

.panel-header {
  margin-bottom: 1rem;
}

.panel-header-top {
  margin-bottom: 1.5rem;
}

.panel-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: .5rem;
}

.panel-header-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* End admin panel */

/* Panel vales corporativos */
.tag {
  /* background-color: lavender; */
  display: inline-block;
  padding: .25rem .75rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  text-transform: uppercase;
}

.tag-success {
  background-color: var(--success-bg);
  color: var(--success-dark);
}

.tag-info {
  background-color: var(--info-bg);
  color: var(--info-dark);
}

.tag-warning {
  background-color: var(--warning-bg);
  color: var(--warning-dark);
}

.tag-danger {
  background-color: var(--danger-bg);
  color: var(--danger-dark);
}

.tag-secondary {
  background-color: var(--jhon);
  color: var(--black);
}

.modal-admin .modal-header {
  border: none;
}

.table thead th {
  /* background-color: pink; */
  border-bottom: 2px solid var(--black);
  border-top: none;
}

.table td {
  /* background-color: lavender; */
  vertical-align: middle;
}

.table tfoot td {
  border-top: solid 2px var(--black);
  font-weight: 700;
}

.card-dtable {
  background-color: var(--white);
  padding: 1.5rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  border: 1px solid var(--lineColor);
}

/* Pagination color */
.page-item.active .page-link {
  z-index: 3;
  color: var(--black);
  background-color: var(--midYellow);
  border-color: var(--midYellow);
}

.page-link:hover {
  z-index: 2;
  color: var(--black);
  text-decoration: none;
  background-color: var(--white);
  border-color: var(--lineColor);
}

.page-link:focus {
  z-index: 2;
  color: var(--black);
  text-decoration: none;
  background-color: var(--white);
  border-color: var(--lineColor);
  box-shadow: none;
}

div.dataTables_wrapper div.dataTables_info {
  /* font-size: 14px; */
  color: var(--black);
  font-size: .875rem;
}

/* Fin pagination color */

/*     Pagination     */
.pagination>li>a, .pagination>li:first-child>a, .pagination>li:last-child>a, .pagination>li>span, .pagination>li:first-child>span, .pagination>li:last-child>span {
  border-radius: 100px !important;
  margin: 0 4px;
  color: var(--black);
  border-color: var(--black);
  min-width: 2.5rem;
  min-height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination.pg-default>li.active>a, .pagination.pg-default>li.active:first-child>a, .pagination.pg-default>li.active:last-child>a, .pagination.pg-default>li.active>span, .pagination.pg-default>li.active:first-child>span, .pagination.pg-default>li.active:last-child>span {
  background: var(--white);
  border-color: var(--black);
  color: var(--black);
}

.pagination.pg-primary>li.active>a, .pagination.pg-primary>li.active:first-child>a, .pagination.pg-primary>li.active:last-child>a, .pagination.pg-primary>li.active>span, .pagination.pg-primary>li.active:first-child>span, .pagination.pg-primary>li.active:last-child>span {
  background: var(--midYellow);
  border-color: var(--black);
  color: var(--black);
}

.pagination.pg-info>li.active>a, .pagination.pg-info>li.active:first-child>a, .pagination.pg-info>li.active:last-child>a, .pagination.pg-info>li.active>span, .pagination.pg-info>li.active:first-child>span, .pagination.pg-info>li.active:last-child>span {
  background: var(--midYellow);
  border-color: var(--black);
  color: var(--black);
}

/*   fin  Pagination     */

.form-control-sm {
  background-color: var(--white);
  height: 2.5rem;
}

.action-cell-btns {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.btn-action {
  /* background-color: pink; */
  font-size: 1.5rem;
  width: 2rem;
  height: 2rem;
}

.btn-action:focus, .btn-action:hover {
  box-shadow: none;
  background-color: var(--jhon);
}
/* End panel vales corporativos */

/* Modals estdos pedidos GH */

.datos-pedido-modal {
  /* background-color: lavender; */
  text-align: center;
  margin-bottom: 1.5rem;
}

.datos-pedido-modal img {
  height: 4rem;
  margin-bottom: 1rem;
}

.table-datos-pedido-modal td {
  /* background-color: lightgoldenrodyellow; */
  border-top: none;
}

.table-datos-pedido-modal td:first-child {
  /* background-color: lavender; */
  text-align: end;
  width: 50%;
  padding: .25rem;
  font-weight: 600;
}

.table-datos-pedido-modal td:last-child {
  /* background-color: pink; */
  text-align: start;
  width: 50%;
  padding: .25rem;
}

.alert {
  /* background-color: lightgoldenrodyellow; */
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  padding: .5rem .75rem; 
}

.alert h2 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: .5rem;
}

.alert p {
  margin-bottom: 0;
}

.alert-warning {
  background-color: var(--midYellow);
  color: var(--black);
  border: solid 1px var(--yellow);
}

.alert-danger {
  background-color: var(--danger-bg);
  color: var(--black);
  border: solid 1px var(--danger-dark);
}

.item-download span {
  color: var(--black) !important;
}
/* End estados pedidos GH */

/* END MÓDULO ADMNISTRAR VALES */

/* PRODUCTO CATALOGO */
.bg-producto-gala {
  background-image: url(../img/gala/productos-gala/portacubierto.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.lista-desc-producto {
  padding-left: 1.5rem;
}

.accordion-gala .card {
  margin-bottom: .5rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
}

.accordion-gala .card-header {
  padding: 0;
}

.text-btn-accordion {
  /* background-color: yellow; */
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 500;
}

.btn-accordion {
  /* background-color: lavender; */
  display: flex;
  justify-content: space-between;
}

.section-custom-gala {
  margin-bottom: 2rem;
}

.section-custom-gala:last-child {
  margin-bottom: 0;
}

.section-custom-gala h3 {
  font-size: 1.125rem;
  font-weight: 700;
}

.custom-img {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.wrap-img-custom {
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  border: 1px solid var(--border);
  overflow: hidden;
  width: 6rem;
  height: 6rem;
}

.img-gala {
  width: 100%;
}


.radio-buttons-gala {
  /* background-color: lavender; */
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  justify-content: center;
}

.custom-radio-gala input {
  display: none;
}

.radio-btn {
  width: 5rem;
  height: 5rem;
  border: 3px solid transparent;
  display: inline-block;
  border-radius: .5rem;
  position: relative;
  text-align: center;
  box-shadow: 0 0 20px #c3c3c367;
  cursor: pointer;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
}

.radio-btn > i {
  color: var(--white);
  background-color: var(--lightOrange);
  font-size: 16px;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
  z-index: 10;
}

.radio-btn .hobbies-icon {
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
}

.radio-btn .hobbies-icon img
{
  display:block;
  width:100%;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
}

.radio-btn .hobbies-icon i {
  color: var(--lightOrange);
  line-height: 80px;
  font-size: 60px;
}

.custom-radio input:checked + .radio-btn 
{
  border: 4px solid var(--lightOrange);
}

.custom-radio input:checked + .radio-btn > i 
{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.form-select-typo-gala .form-group .btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

/* radio typo catalogo */
.radio-btn-typo {
  width: 20rem;
  height: 5rem;
  border: 3px solid transparent;
  display: inline-block;
  border-radius: .5rem;
  position: relative;
  text-align: center;
  box-shadow: 0 0 20px #c3c3c367;
  cursor: pointer;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
}

.radio-btn-typo > i {
  color: var(--white);
  background-color: var(--lightOrange);
  font-size: 16px;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
  z-index: 10;
}

.radio-btn-typo .hobbies-icon {
  background-color: #FEF9F2;
  width: 19.5rem;
  height: 4.5rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.radio-btn-typo .hobbies-icon img
{
  display:block;
  width:100%;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
}

.radio-btn-typo .hobbies-icon i {
  color: var(--lightOrange);
  line-height: 80px;
  font-size: 60px;
}

.custom-radio input:checked + .radio-btn-typo
{
  border: 4px solid var(--lightOrange);
}

.custom-radio input:checked + .radio-btn-typo > i 
{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
/* end radio typo catalogo */

/* Seleccionar color portacubierto */
.color-portacubierto,
.color-portacubierto input {
  position: relative;
  overflow: hidden;
  
  width: 3rem;
  height: 3rem;
  
  border-radius: 50%;
}

.color-portacubierto {
  display: inline-block;
  margin: 3px;
}

.color-portacubierto input {
  position: absolute;
  top: 0;
  left: 0;
  
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.color-portacubierto i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
  background-image: url(http://cdn.nicolapps.ch/images/uploads/1478199301.png);
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: center center;
  
  opacity: 0;
  transition: .15s opacity ease-in-out;
}

.color-portacubierto input:checked + i {
  opacity: 1;
}

.bg-color1 {
  background-color: #404143;
}

.bg-color2 {
  background-color: #C0879A;
}

.bg-color3 {
  background-color: #A8D0CF;
}

.bg-color4 {
  background-color: #A0AACD;
}

.bg-color5 {
  background-color: #D3D4C4;
}
/* End seleccionar color portacubierto */
/* END PRODUCTO CATALOGO */

/* Carousel width thumbnails */
.carouselthumbnails {
  width: 30rem;
  margin-left: auto;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  overflow: hidden;
}

.carouselthumbnails .carousel-item {
  width: 100%;
  height: 100%;
}

/* ============================== */

.zoomable-item {
  /* background-color: pink; */
  width: 100%;
  height: 100%;
  /* zoom */
  position: relative;
  overflow: hidden;
}

.zoomable-item__img {
  transform-origin: var(--zoom-pos-x, 0%) var(--zoom-pos-y, 0%);
  transition: transform 0.15s linear;
}
.zoomable-item--zoomed .zoomable-item__img {
  cursor: zoom-in;
  transform: scale(var(--zoom, 2));
}

/* ============================ */

.carousel-item-video {
  background-color: var(--bgEntrada);
  height: 30rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-item video {
  max-width: 100%;
  max-height: 100%;
}

.wrap-thumbnails {
  /* background-color: pink; */
  width: 30rem;
  margin-left: auto;
  display:flex;
  gap: .5rem;
  flex-wrap: nowrap;
  margin-top: .5rem;
  justify-content: center;
}

.thumbnail-item {
  /* background-color: pink; */
  box-sizing: border-box;
  /* flex: 1 1 0; */
  width: 89.5px;
  height: 89.5px;
  padding: 0;
  cursor: pointer;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  overflow: hidden;
}

.image-thumbnail {
  width: 100%;
  object-fit: cover;
}

.thumbnail-item-focus {
  outline: 2px solid var(--bgEntrada);
  outline-offset: -2px;
}


/* End Carousel width thumbnails */
/* VALE CIRCO */
.vale-circo {
  /*background-color: pink;
  */display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
  box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-circo-left {
  width: 15rem;
  height: 21rem;
  background-image: url(../img/boletos/leftCirco.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.vale-circo--code {
  background-color: var(--white);
  color: var(--black-admin);
  font-weight: 600;
  font-size: 1.25rem;
  display: inline-block;
  padding: .25rem .75rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.vale-circo-right {
  width: 25rem;
  height: 21rem;
  background-image: url(../img/boletos/circoRight.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  text-align: center;
  color: var(--white);
  padding: 3rem 1rem 1rem 1rem;
}

.vale-circo--title {
  font-size: 1.25rem;
  font-family: "Uncial Antiqua", system-ui;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: .5rem;
}

.vale-circo--desc {
  font-size: 1rem;
  margin-bottom: .5rem;
}

.vale-circo--fecha {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0;
}

.vale-circo--zona {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
}

.vale-circo--recomendacion {
  font-size: .7rem;
}

.vale-circo--logo {
  display: flex;
  justify-content: flex-end;
  padding-top: .5rem;
}

.vale-circo--logo img {
  height: 1.2rem;
}
/* END VALE CIRCO */

/* VALE CIRCO TERROR */
.vale-circo-terror {
  /* background-color: pink; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
  box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
  font-family: "Athelas regular", sans-serif;
}

.vale-circo-terror-left {
  width: 20rem;
  height: 22rem;
  background-image: url(../img/boletos/circoTerrorLeft.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.vale-circo-terror-right {
  width: 25rem;
  height: 22rem;
  background-image: url(../img/boletos/circoterrorRight.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  text-align: center;
  color: var(--white);
  padding: 2rem 1rem 1rem 1.8rem;
}

.vale-circo-terror-title {
  /* background-color: #A8D0CF; */
  display: flex;
  justify-content: center;
}

.vale-circo-terror-title img {
  width: 80%;
}

.vale-circo-terror--fecha {
  font-size: 2rem;
}

.vale-circo-terror--zona {
  font-size: 2rem;
}

.vale-circo-terror--code {
  background-color: rgba(255, 255, 255, .1);
  backdrop-filter: blur(8px);
  display: inline-block;
  padding: .25rem 2rem;
  font-size: 1.5rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  margin-bottom: 1rem;
  font-family: "poppins",sans-serif;
}

.vale-circo-terror--recomendacion {
  font-size: .85rem;
  margin-bottom: .5rem;
}

.vale-circo-terror--logo {
  display: flex;
  justify-content: flex-end;
  padding-top: .5rem;
}

.vale-circo-terror--logo img {
  height: 1.2rem;
}
/* END VALE CIRCO TERROR */

/* VALE CINEMARK */
.vale-cinemark {
  background-color: var(--Gray2);
  width: 24rem;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: 0 4px 8px rgba(20, 20, 43, .3);
}

.vale-cinemark--header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.25rem;
  width: 100%;
}

.cv-imagotipo {
  width: 3rem;
}

.cv-beneficios {
  height: 1.25rem;
}

.vale-cinemark--body {
  width: 100%;
  background-image: url(../img/boletos/bg-cinemark.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
}

.wrap-qr--cinemark {
  border: .25rem solid #E13338;
  margin-bottom: 1rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  overflow: hidden;
}

.vale-cinemark--body img {
  height: 10rem;
 
}

.vale-cinemark--code {
  font-size: 1.25rem;
  font-weight: 500;
  color: white;
  background-color: #E13338;
  padding: .75rem 1rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  text-transform: uppercase;
}

.vale-cinemark--bottom {
  width: 100%;
  text-align: center;
  padding: 1.5rem 1.25rem;
  color: #E13338;
  text-transform: uppercase;
}

.vale-cinemark--title {
  font-size: 1.5rem;
  font-weight: 600;
}

.vale-cinemark--contenido {
  font-weight: 600;
}

.vale-cinemark--vigencia {
  font-size: .875rem;
  font-weight: 600;
}

.vale-cinemark--condiciones {
  font-size: .75rem;
}

.vale-cinemark--bottom img {
  width: 60%;
}

.section-vales--cinemark {
  /* background-color: pink; */
  width: 100%;
  display: flex;
 flex-direction: column;
}
/* END VALE CINEMARK */

/* VALE CIRCO 2 */
.vale-gs {
  display: flex;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-gs-left {
  width: 16rem;
  height: 22rem;
  background-image: url(../img/boletos/valeGreatesShowmanLeft.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.vale-gs-right {
  width: 30rem;
  height: 22rem;
  background-image: url(../img/boletos/valeGreatesShowmanRight.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  text-align: center;
  color: var(--white);
  padding: 2.5rem 1rem 1rem 1.5rem;
}

.vale-gs--title {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
}

.vale-gs--desc {
  font-size: .75rem;
  margin-bottom: .5rem;
}

.vale-gs--zona, .vale-gs--label {
  text-transform: uppercase;
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0;
}

.vale-gs--butaca, .vale-gs--horario {
  margin-bottom: .5rem;
}

.vale-gs--recomendacion {
  font-size: .75rem;
  margin-bottom: .5rem;
}

.vale-gs--logo {
  display: flex;
  justify-content: flex-end;
}

.vale-gs--logo img {
  height: 1.2rem;
}
/* END VALE CIRCO 2 */
/* agregado */
/* VALE LAMPARA MARAVILLOSA*/
.vale-lm {
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-lm-left {
    width: 16rem;
    height: 22rem;
    background-image: url(../img/boletos/lampara_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.vale-lm-right {
    width: 30rem;
    height: 22rem;
    background-image: url(../img/boletos/lampara_2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    color: var(--white);
    padding: 2.5rem 1rem 1rem 1.5rem;
}

.vale-lm--title {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
}

.vale-lm--desc {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.vale-lm--zona, .vale-lm--label {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0;
}

.vale-lm--butaca, .vale-lm--horario {
    margin-bottom: .5rem;
}

.vale-lm--recomendacion {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.vale-lm--logo {
    display: flex;
    justify-content: flex-end;
}

.vale-lm--logo img {
    height: 1.2rem;
}
/* END lampara maravillosa */
/* VALE mundo princesas*/
.vale-prc {
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-prc-left {
    width: 16rem;
    height: 22rem;
    background-image: url(../img/boletos/princesa_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.vale-prc-right {
    width: 30rem;
    height: 22rem;
    background-image: url(../img/boletos/princesa_2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    color: var(--white);
    padding: 2.5rem 1rem 1rem 1.5rem;
}

.vale-prc--title {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
}

.vale-prc--desc {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.vale-prc--zona, .vale-prc--label {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0;
}

.vale-prc--butaca, .vale-prc--horario {
    margin-bottom: .5rem;
}

.vale-prc--recomendacion {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.vale-prc--logo {
    display: flex;
    justify-content: flex-end;
}

.vale-prc--logo img {
    height: 1.2rem;
}
/* END mundo princesas */

/* VALE high school */
.vale-hsm {
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-hsm-left {
    width: 16rem;
    height: 22rem;
    background-image: url(../img/boletos/HIGH_SCHOOL_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.vale-hsm-right {
    width: 30rem;
    height: 22rem;
    background-image: url(../img/boletos/HIGH_SCHOOL_2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    color: var(--white);
    padding: 2.5rem 1rem 1rem 1.5rem;
}

.vale-hsm--title {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
}

.vale-hsm--desc {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.vale-hsm--zona, .vale-hsm--label {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0;
}

.vale-hsm--butaca, .vale-hsm--horario {
    margin-bottom: .5rem;
    color: #f8cf28;
    -webkit-text-stroke: 0.5px black;
}

.vale-hsm--recomendacion {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.vale-hsm--logo {
    display: flex;
    justify-content: flex-end;
}

.vale-hsm--logo img {
    height: 1.2rem;
}
/* END mundo high school */


/* VALE high school */
.vale-hpy {
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-hpy-left {
    width: 16rem;
    height: 22rem;
    background-image: url(../img/boletos/HPY_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.vale-hpy-right {
    width: 30rem;
    height: 22rem;
    background-image: url(../img/boletos/HPY_2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    color: var(--white);
    padding: 2.5rem 1rem 1rem 1.5rem;
}

.vale-hpy--title {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
}

.vale-hpy--desc {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.vale-hpy--zona, .vale-hpy--label {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0;
}

.vale-hpy--butaca, .vale-hpy--horario {
    margin-bottom: .5rem;
}

.vale-hpy--recomendacion {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.vale-hpy--logo {
    display: flex;
    justify-content: flex-end;
}

.vale-hpy--logo img {
    height: 1.2rem;
}
/* END mundo haispray */

/* PRODUCTO EVENTO */

.entradas-zonas {
  margin-bottom: 2rem;
}

.title-section-detalle-producto {
  font-size: 1.25rem;
  font-weight: 600;
}

.card-entrada-zona {
  background-color: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: .25rem;
  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  -ms-border-radius: .25rem;
  -o-border-radius: .25rem;
  padding: .75rem;
  margin-bottom: .75rem;
}

.bg-color--vip {
  background-color: #FFCC00;
}

.bg-color--central {
  background-color: #97CD31;
}

.bg-color--generalCentral {
  background-color: #E9572D;
}

.bg-color-white {
  background-color: var(--white);
  border: 1px solid var(--black);
}

.bg-color--noDisponible {
  background-color: var(--Gray5);
}

.card-entrada-zona__title {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: .25rem;
}

.card-entrada-zona__title p {
  font-weight: 600;
  text-transform: uppercase;
}

.card-entrada-zona--left p{
  margin-bottom: 0;
}

.card-asiento-reservado {
  /*background-color: pink;
  */display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
  border: solid 1px var(--border);
  border-radius: .25rem;
  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  -ms-border-radius: .25rem;
  -o-border-radius: .25rem;
  padding: .75rem;
}

.wrap-precios-eventos {
  display: flex;
  gap: .5rem;
}

.card-asiento-reservado--zona {
  display: flex;
  gap: .5rem;
  align-items: center;
}

.card-asiento-reservado--zona p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
}
/* END PRODUCTO EVENTO */

/* Modal evento butacas */

.modal-teatro .modal-header {
  padding-bottom: 0;
}

.modal-teatro .modal-body {
  padding: 1.5rem;
}

.modal-header {
  border-bottom: none;
}

.wrap-mapa-teatro {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.wrap-mapa-teatro img {
  width: 100%;
}

.zona-precio {
  /* background-color: pink; */
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.zona-precio span {
  margin-left: .5rem;
}

.leyenda-asientos {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.leyenda-asiento {
  display: flex;
  align-items: center;
}

.leyenda-asiento span {
  margin-right: .5rem;
}

/* checkbox asiento */
.asiento {
  background-color: var(--white);
  border-radius: 4px;
  border: 1px solid var(--border);
  overflow: hidden;
  height: 2rem;
  width: 4rem;
}

.asiento label {
  /* float: left;  */
  line-height: 2rem;
  width: 100%; 
  height: 100%;
}

.asiento label span {
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: .875rem;
}

.asiento label input {
  position: absolute;
  display: none;
  color: var(--black) !important;
}

.asiento label input + span{color: var(--black);}

.asiento input:checked + span {
    color: var(--black);
}

.vip-etm input:checked + span{background-color: #FFCC00;}
.central-etm input:checked + span{background-color: #97CD31;}
.generalCentral-etm input:checked + span{background-color: #E9572D;}

.asiento-ocupado span {
  background-color: var(--Gray4);
}
/* End checkbox asiento */

.contenedor-asientos {
  /* background-color: #00BA88; */
  /* width: 100%; */
  overflow: hidden;
  overflow-x: auto;
}

.wrap-row-asientos {
  /* background-color: pink; */
  display: flex;
  gap: 2.5rem;
  /* width: 100%;   */
}

.row-asientos {
  display: flex;
  gap: .25rem;
  margin-bottom: .5rem;
}
.mybadge {
  display: block;
  min-width: 1rem;
  min-height: 1rem;
  max-width: 1rem;
  max-height: 1rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}
.bg-color--noDisponible {
  background-color: var(--Gray5);
}
/* End modal evento butacas */
/* VALE CIRCO 2 */
.vale-gs {
  display: flex;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-gs-left {
  width: 16rem;
  height: 22rem;
  background-image: url(../img/boletos/valeGreatesShowmanLeft.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.vale-gs-right {
  width: 30rem;
  height: 22rem;
  background-image: url(../img/boletos/valeGreatesShowmanRight.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  text-align: center;
  color: var(--white);
  padding: 2.5rem 1rem 1rem 1.5rem;
}

.vale-gs--title {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
}

.vale-gs--desc {
  font-size: .75rem;
  margin-bottom: .5rem;
}

.vale-gs--zona, .vale-gs--label {
  text-transform: uppercase;
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0;
}

.vale-gs--butaca, .vale-gs--horario {
  margin-bottom: .5rem;
}

.vale-gs--recomendacion {
  font-size: .75rem;
  margin-bottom: .5rem;
}

.vale-gs--logo {
  display: flex;
  justify-content: flex-end;
}

.vale-gs--logo img {
  height: 1.2rem;
}
/* END VALE CIRCO 2 */
/* agregado */
/* lampara maravillosa */
.vale-lm {
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-lm-left {
    width: 16rem;
    height: 22rem;
    background-image: url(../img/boletos/lampara_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.vale-lm-right {
    width: 30rem;
    height: 22rem;
    background-image: url(../img/boletos/lampara_2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    color: var(--white);
    padding: 2.5rem 1rem 1rem 1.5rem;
}

.vale-lm--title {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
}

.vale-lm--desc {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.vale-lm--zona, .vale-lm--label {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0;
}

.vale-lm--butaca, .vale-lm--horario {
    margin-bottom: .5rem;
}

.vale-lm--recomendacion {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.vale-lm--logo {
    display: flex;
    justify-content: flex-end;
}

.vale-lm--logo img {
    height: 1.2rem;
}

/* mundo princesas */
.vale-prc {
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-prc-left {
    width: 16rem;
    height: 22rem;
    background-image: url(../img/boletos/princesa_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.vale-prc-right {
    width: 30rem;
    height: 22rem;
    background-image: url(../img/boletos/princesa_2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    color: var(--white);
    padding: 2.5rem 1rem 1rem 1.5rem;
}

.vale-prc--title {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #1162a9;
}

.vale-prc--desc {
    font-size: .75rem;
    margin-bottom: .5rem;
    color: black;
}

.vale-prc--zona, .vale-prc--label {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0;
    color: black;
}

.vale-prc--butaca, .vale-prc--horario {
    margin-bottom: .5rem;
    color: #8841c6;
    font-weight: bold;
}

.vale-prc--recomendacion {
    font-size: .75rem;
    margin-bottom: .5rem;
    color: black;
    font-weight: bold;
}

.vale-prc--logo {
    display: flex;
    justify-content: flex-end;
}

.vale-prc--logo img {
    height: 1.2rem;
}

/* high scchool 2 */
.vale-hsm {
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-hsm-left {
    width: 16rem;
    height: 22rem;
    background-image: url(../img/boletos/HIGH_SCHOOL_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.vale-hsm-right {
    width: 30rem;
    height: 22rem;
    background-image: url(../img/boletos/HIGH_SCHOOL_2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    color: var(--white);
    padding: 2.5rem 1rem 1rem 1.5rem;
}

.vale-hsm--title {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #f8cf28;
    -webkit-text-stroke: 0.5px black;
}

.vale-hsm--desc {
    font-size: .75rem;
    margin-bottom: .5rem;
    color: black;
}

.vale-hsm--zona, .vale-hsm--label {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0;
    color: black;
}

.vale-hsm--butaca, .vale-hsm--horario {
    margin-bottom: .5rem;
    color: #f8cf28;
    font-weight: bold;
}

.vale-hsm--recomendacion {
    font-size: .75rem;
    margin-bottom: .5rem;
    color: black;
    font-weight: bold;
}

.vale-hsm--logo {
    display: flex;
    justify-content: flex-end;
}

.vale-hsm--logo img {
    height: 1.2rem;
}

/* hairspray */
.vale-hpy {
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    box-shadow: 4px 4px 8px rgba(20, 20, 43, .5);
}

.vale-hpy-left {
    width: 16rem;
    height: 22rem;
    background-image: url(../img/boletos/HPY_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.vale-hpy-right {
    width: 30rem;
    height: 22rem;
    background-image: url(../img/boletos/HPY_2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    color: var(--white);
    padding: 2.5rem 1rem 1rem 1.5rem;
}

.vale-hpy--title {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #1162a9;
}

.vale-hpy--desc {
    font-size: .75rem;
    margin-bottom: .5rem;
    color: black;
}

.vale-hpy--zona, .vale-hpy--label {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0;
    color: black;
}

.vale-hpy--butaca, .vale-hpy--horario {
    margin-bottom: .5rem;
    color: #e22a8d;
    font-weight: bold;
}

.vale-hpy--recomendacion {
    font-size: .75rem;
    margin-bottom: .5rem;
    color: black;
    font-weight: bold;
}

.vale-hpy--logo {
    display: flex;
    justify-content: flex-end;
}

.vale-hpy--logo img {
    height: 1.2rem;
}


/* Modal saludo cumpleaños */
.modal-img-full {
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.modal-img-full img {
    width: 100%;
}

.regaloCumple h6 {
    font-weight: 700;
}

.card-regalo-cumple {
    border: solid 1px var(--Gray3);
    padding: .75rem;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
    display: flex;
    gap: .75rem;
    text-align: left;
}

.card-regalo-cumple img {
    width: 3.5rem;
    border: solid 1px var(--Gray3);
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}

.card-regalo-cumple p {
    margin-bottom: 0;
}
/* End modal saludo cumpleaños */

/* Categoría cupones */
.grid-cupones {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  grid-gap: 1rem;
  align-items: stretch;
  margin-bottom: 1.5rem;
}

.card-cupon {
  background-color: var(--white);
  border: solid 1px var(--Gray3);
  padding: 1rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  cursor: pointer;
  color: var(--black);
}

.card-cupon a:hover {
  text-decoration: none;
}

.card-cupon img {
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
  margin-bottom: 1rem;
}

.card-cupon-body h3 {
  font-weight: 600;
  font-size: 1rem;
  color: var(--black);
}

.card-cupon-body p {
  margin-bottom: 0;
  color: var(--george);
}

.cupon-bee-title {
  display: flex;
  margin-bottom: .5rem;
}

.cupon-bee-title h3 {
  margin-top: 3px;
  margin-bottom: 0;
}

.cupon-detalle-link:hover {
  text-decoration: none !important ;
}
/* End categoria cupones */

/* Detalle cupon */
.content-img-product-cupon {
  /* background-color: teal; */
  width: 30rem;
  overflow: hidden;
  border-radius: .5rem;
  margin-left: auto;
  aspect-ratio: 4/3;
}

.bg-detalle-cupon {
  background-image: url(../img/products/cards/cupones1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.content-cod-cupon {
  background-color: var(--primary-default);
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  padding: .5rem;
  margin-bottom: 1rem;
}

.content-cod-cupon h1 {
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

.content-cod-cupon p {
  margin-bottom: 0;
}
/* End detalle cupon */
/* Ticket Grupo Star */
.wrap-vale-ticket-star {
  margin-bottom: 3rem;
  display: flex;
  align-items: end;
}

.ticket-star {
  width: 40rem;
  padding: 1.5rem;
  color: var(--white);
}

.bg-cine-star {
  background-image: url(../img/boletos/bg-boleto-star.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ticket-star--logo {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.ticket-star--logo img {
  height: 6rem;
}

.ticket-star--img img {
  width: 10rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
}

.ticket-star-main {
  /* background-color: tomato; */
  display: flex;
  gap: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.ticket-star--detail h2 {
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: .5rem;
}

.ticket-star--detail p {
  font-size: .75rem;
  margin-bottom: 0;
}

.ticket-star--detail span {
  font-weight: 700;
}

.wrap-star-code {
  margin-top: 1rem;
  margin-bottom: 0;
}

.star-code-label {
  font-weight: 800;
  font-size: 1rem;
  text-align: center;
}

.star-code {
  background-color: var(--white);
  color: var(--Gray8);
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
  margin-bottom: .5rem;
}

.ticket-star--bottom {
  font-size: .625rem;
}

.ticket-star--bottom p {
  margin-bottom: 0;
}

.ticket-star-restricciones {
  background-color: var(--white);
  color: var(--Gray8);
  padding: .5rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  margin-top: .25rem;
}

.bg-cine-star-premium {
  background-image: url(../img/boletos/bg-boleto-star-premium.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ticket-star-vigencia {
  margin-bottom: .5rem;
}
/* End Ticket Grupo Star */

/* MODAL SELECCIONAR INSTITUCION */
.wrap-beneficioInstitucion {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.card-beneficioInstitucion {
  /* background-color: lavender; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  border: solid 1px var(--Gray3);
}

.card-beneficioInstitucion--start {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.card-beneficioInstitucion--start img {
  width: 5rem;
}

.card-beneficioInstitucion--start h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

/* END MODAL SELECCIONAR INSTITUCION */

.t_tooltip {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
}

.t_tooltip .t_tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;

    /* Fade in t_tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

.t_tooltip:hover .t_tooltiptext {
    visibility: visible;
    opacity: 1;
}