@charset "UTF-8";
:root {
  --white: #fff !important;
  --blue-button: #0c468f;
  --grey: #f7f7f7;
}

main {
  padding: 0;
  width: 100vw;
  height: 100vh;
}
main .container__tablet {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 0.7fr repeat(5, 1fr) 1.3fr;
  grid-template-rows: 2.3fr 1.5fr repeat(4, 1fr);
  gap: 0px 0px;
  grid-template-areas: "SideBar BannerArea BannerArea BannerArea BannerArea BannerArea ContainerCapacitaciones" "SideBar CapacitacioneSolicitud CapacitacioneSolicitud CatalogoFG CatalogoValmact Fichas ContainerCapacitaciones" "SideBar TiendasEnLinea TiendasEnLinea TiendasEnLinea SobreNosotros SobreNosotros ContainerCapacitaciones" "SideBar TiendasEnLinea TiendasEnLinea TiendasEnLinea SobreNosotros SobreNosotros ContainerCapacitaciones" "SideBar TiendasEnLinea TiendasEnLinea TiendasEnLinea Merch Merch ContainerCapacitaciones" "SideBar TiendasEnLinea TiendasEnLinea TiendasEnLinea Merch Merch ContainerCapacitaciones";
}
main .SideBar {
  grid-area: SideBar;
}
main .BannerArea {
  padding-bottom: 2rem;
  grid-area: BannerArea;
}
main .ContainerCapacitaciones {
  grid-area: ContainerCapacitaciones;
}
main .CapacitacioneSolicitud {
  grid-area: CapacitacioneSolicitud;
}
main .CatalogoFG {
  grid-area: CatalogoFG;
}
main .CatalogoValmact {
  grid-area: CatalogoValmact;
}
main .SobreNosotros {
  grid-area: SobreNosotros;
}
main .TiendasEnLinea {
  grid-area: TiendasEnLinea;
}
main .Merch {
  padding: 2.5rem 0 0 0;
  grid-area: Merch;
}
main .Fichas {
  grid-area: Fichas;
}

/*Banner Section*/
.carousel-inner {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.carousel_banner {
  width: 100%;
  height: 100%;
}

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

.banner__containers {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.banner__containers img {
  border-radius: 10px;
}
.banner__containers .banner__content__background {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 9;
}
.banner__containers .banner__content {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  padding: 0rem 2rem 1rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  width: 70%;
}
.banner__containers .banner__content .banner__content__type {
  font-size: 20px;
  color: var(--white);
  letter-spacing: 4px;
  font-weight: 300;
}
.banner__containers .banner__content .banner__content__title {
  font-size: 33px;
  text-wrap: balance;
  color: var(--white);
  font-weight: normal;
  padding: 0.5rem 0 0rem 0;
}
.banner__containers .banner__content .banner__content__title .banner__content__strong {
  font-weight: 600;
}
.banner__containers .banner__content .banner__content__button {
  background-color: var(--blue-button);
  color: var(--white);
  font-size: 20px;
  font-weight: 500;
  padding: 0.5rem 1rem;
  text-decoration: none;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.banner__containers .banner__content .banner__content__button span svg {
  width: 2rem;
  height: 2rem;
}

.carousel_control_arrow {
  position: absolute;
  bottom: -38px;
  right: 1px;
  width: 60px;
  height: 30px;
  z-index: 13;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.carousel_control_arrow .carousel-control-prev,
.carousel_control_arrow .carousel-control-next {
  border-radius: 5px;
  background-color: var(--blue-button);
  width: 25px;
  height: 25px;
}
.carousel_control_arrow .carousel-control-prev .carousel-control-next-icon,
.carousel_control_arrow .carousel-control-prev .carousel-control-prev-icon,
.carousel_control_arrow .carousel-control-next .carousel-control-next-icon,
.carousel_control_arrow .carousel-control-next .carousel-control-prev-icon {
  width: 20px;
}

/* Banner Section*/
/* Catalogos*/
.CatalogoFG,
.CatalogoValmact {
  padding: 1rem 0 1rem 1rem;
}
.CatalogoFG .catalog__content,
.CatalogoValmact .catalog__content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgb(12, 70, 143);
  background: linear-gradient(164deg, rgb(12, 70, 143) 32%, rgb(6, 42, 48) 93%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c468f",endColorstr="#062a30",GradientType=1);
  border-radius: 10px;
  text-align: center;
  height: 180px;
}
.CatalogoFG .catalog__content .catalog__content__paper,
.CatalogoValmact .catalog__content .catalog__content__paper {
  width: 4rem;
  height: 4rem;
}
.CatalogoFG .catalog__content .catalog__content__paper path,
.CatalogoValmact .catalog__content .catalog__content__paper path {
  fill: var(--white);
}
.CatalogoFG .catalog__content .catalog__content__image,
.CatalogoValmact .catalog__content .catalog__content__image {
  box-shadow: 2px 4px 35px rgba(0, 0, 0, 0.442), 0px 10px 10px rgba(0, 0, 0, 0.4235294118);
  width: 120px;
  height: 150px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translateY(-1.5rem);
  z-index: 14;
  transition: all 500ms ease-in-out;
}
.CatalogoFG .catalog__content .catalog__content__image:hover,
.CatalogoValmact .catalog__content .catalog__content__image:hover {
  transform: translateY(-2rem);
}
.CatalogoFG .catalog__content .catalog__content__title,
.CatalogoValmact .catalog__content .catalog__content__title {
  font-size: 15px;
  color: var(--white);
  padding: 0 0 2rem 0;
  text-wrap: balance;
}
.CatalogoFG .catalog__content .catalog__content__paragraph,
.CatalogoValmact .catalog__content .catalog__content__paragraph {
  font-size: 13px;
}
.CatalogoFG .catalog__content .catalog__content__button,
.CatalogoValmact .catalog__content .catalog__content__button {
  background-color: var(--blue-button);
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 10px;
  padding: 0.5rem;
}

.Fichas {
  padding: 1rem 0 1rem 1rem;
}
.Fichas .catalog__content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgb(12, 70, 143);
  background: linear-gradient(164deg, rgb(12, 70, 143) 32%, rgb(6, 42, 48) 93%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c468f",endColorstr="#062a30",GradientType=1);
  border-radius: 10px;
  text-align: center;
  height: 180px;
}
.Fichas .catalog__content .catalog__content__paper {
  width: 4rem;
  height: 4rem;
  transition: all 500ms ease-in-out;
}
.Fichas .catalog__content .catalog__content__paper path {
  fill: var(--white);
}
.Fichas .catalog__content .catalog__content__paper:hover {
  transform: scale(1.1);
}
.Fichas .catalog__content .catalog__content__image {
  width: 120px;
  height: 150px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translateY(-1.5rem);
  z-index: 14;
}
.Fichas .catalog__content .catalog__content__title {
  transform: translateY(28px);
  font-size: 15px;
  color: var(--white);
  text-wrap: balance;
}
.Fichas .catalog__content .catalog__content__paragraph {
  font-size: 13px;
}
.Fichas .catalog__content .catalog__content__button {
  background-color: var(--blue-button);
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 10px;
  padding: 0.5rem;
}

/* Catalogos*/
/* Menú */
.menu {
  background-color: #0c468f;
}

/* Menú */
/* Capacitaciones */
.CapacitacioneSolicitud {
  padding: 1rem 0 0 0;
}

.capacitaciones__content {
  background: url("https://as1.ftcdn.net/v2/jpg/05/86/55/88/1000_F_586558830_oHp89N66zAfBHBLn639u8YBhl3dALpOf.jpg");
  border-radius: 10px;
  background-size: cover;
  height: 180px;
  padding: 1rem;
  overflow: hidden;
  position: relative;
}
.capacitaciones__content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(24, 25, 26, 0.3333333333);
}
.capacitaciones__content .capacitaciones__content__politicies {
  z-index: 10;
  position: relative;
  font-size: 11px;
  margin: 0.5rem 0;
  color: var(--white);
  padding-top: 0.5rem;
}
.capacitaciones__content .capacitaciones__content__title {
  z-index: 10;
  position: relative;
  color: var(--white);
  font-size: 22px;
}
.capacitaciones__content .capacitaciones__content__form form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.capacitaciones__content .capacitaciones__content__form form input {
  background-color: rgba(93, 93, 115, 0.6392156863);
  border: 0;
  border-radius: 5px;
  font-size: 10px;
  padding: 5px;
  color: var(--white);
}
.capacitaciones__content .capacitaciones__content__form form input::-moz-placeholder {
  color: var(--white);
}
.capacitaciones__content .capacitaciones__content__form form input::placeholder {
  color: var(--white);
}
.capacitaciones__content .capacitaciones__content__form form #submit {
  background-color: var(--blue-button);
  color: var(--white);
  font-weight: 500;
}
.capacitaciones__content .capacitaciones__content__form form #correo {
  width: 64%;
}
.capacitaciones__content .capacitaciones__content__form form #datetime,
.capacitaciones__content .capacitaciones__content__form form #asistentes {
  width: 32%;
  color: var(--white);
  font-size: 10px;
}
.capacitaciones__content .capacitaciones__content__form form #asistentes {
  width: 31%;
  color: var(--white);
  font-size: 10px;
}
.capacitaciones__content .capacitaciones__content__form form #direccion {
  width: 65%;
}

/* Capacitaciones */
/*Tiendas En linea*/
.TiendasEnLinea {
  padding: 0rem 2rem 0 1rem;
}
.TiendasEnLinea .TiendaEnLinea__Content {
  padding: 1rem 0;
  border-radius: 10px;
  background-color: #0c468f;
}
.TiendasEnLinea .TiendaEnLinea__Content img {
  width: 250px;
  height: 250px;
}
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__FG,
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__FGM {
  text-align: center;
  padding: 1rem;
}
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__FG h2,
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__FGM h2 {
  color: var(--white);
  font-size: 20px;
  font-weight: 300;
  padding: 0;
}
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__FG h2 span,
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__FGM h2 span {
  font-weight: 700;
}
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__FG img,
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__FGM img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__codigo {
  padding: 0.8rem;
  color: var(--white);
}
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__codigo h3 {
  font-size: 20px;
}
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__codigo p {
  font-size: 13px;
  text-wrap: balance;
}
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__codigo .TiendaEnLinea__codigo__discount {
  display: flex;
  justify-content: start;
  align-items: center;
  border-style: dashed;
  width: auto !important;
  padding: 0.5rem;
  font-size: 18px;
  text-align: left;
  width: 100% !important;
  border-radius: 10px;
  text-transform: uppercase;
  transform: translateY(-20px);
  margin: 1rem 0 0 0;
}
.TiendasEnLinea .TiendaEnLinea__Content .TiendaEnLinea__codigo .TiendaEnLinea__codigo__discount span {
  font-weight: 700;
}

/*Tiendas En linea*/
/*Sobre nosotros*/
.SobreNosotros .SobreNosotros__content {
  border-radius: 10px;
  padding: 0.9rem 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  padding: 0.7rem 1rem;
}
.SobreNosotros .SobreNosotros__content .SobreNosotros__background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #2c2e31;
  z-index: 19;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.SobreNosotros .SobreNosotros__content .SobreNosotros__propuestaValor {
  color: var(--white);
  padding: 0 !important;
  width: 80%;
  text-align: left;
  z-index: 20;
}
.SobreNosotros .SobreNosotros__content .SobreNosotros__propuestaValor h2 {
  font-size: 25px;
  margin: 0;
}
.SobreNosotros .SobreNosotros__content .SobreNosotros__propuestaValor p {
  font-size: 10px;
  margin: 0;
  margin: 0.4rem 0;
}
.SobreNosotros .SobreNosotros__content .SobreNosotros__propuestaValor a {
  text-align: left;
  background-color: var(--blue-button);
  color: var(--white);
  font-weight: 500;
  border-radius: 5px;
  font-size: 15px;
  padding: 0.3rem;
  border: 0;
  text-decoration: none;
}
.SobreNosotros .SobreNosotros__content .SobreNosotros__play {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 21;
}
.SobreNosotros .SobreNosotros__content .SobreNosotros__play svg {
  width: 3rem;
  height: 3rem;
}
.SobreNosotros .SobreNosotros__content .SobreNosotros__play svg path {
  fill: var(--white);
}

/*Sobre nosotros*/
/*Merch*/
.Merch .Merch__content {
  padding: 0.7rem 1rem;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  background: rgb(12, 70, 143);
  background: linear-gradient(164deg, rgb(12, 70, 143) 32%, rgb(6, 42, 48) 93%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c468f",endColorstr="#062a30",GradientType=1);
}
.Merch .Merch__content .Merch__background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #2c2e31;
  z-index: 19;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.Merch .Merch__content .Merch__propuestaValor {
  color: var(--white);
  padding: 0 !important;
  width: 80%;
  text-align: left;
  z-index: 20;
}
.Merch .Merch__content .Merch__propuestaValor h2 {
  font-size: 25px;
  margin: 0;
}
.Merch .Merch__content .Merch__propuestaValor p {
  font-size: 10px;
  margin: 0;
  margin: 0.4rem 0;
}
.Merch .Merch__content .Merch__propuestaValor a {
  text-align: left;
  color: var(--white);
  font-weight: 500;
  border-radius: 5px;
  font-size: 15px;
  border: 0;
  text-decoration: none;
}
.Merch .Merch__content .Merch__play {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 21;
}
.Merch .Merch__content .Merch__play svg {
  width: 3rem;
  height: 3rem;
}
.Merch .Merch__content .Merch__play svg path {
  fill: var(--white);
}

/*Merch*/
/*Eventos y Concursos*/
.ContainerCapacitaciones {
  padding: 0rem 0 0.5rem 2rem;
}
.ContainerCapacitaciones .event__container {
  box-shadow: 2px 4px 15px #bebebe, 0px 0px 10px #ffffff;
  background: var(--grey);
  height: 100%;
  border-radius: 10px;
  padding: 0 1rem;
}
.ContainerCapacitaciones .event__container .event__intranet {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ContainerCapacitaciones .event__container .event__intranet h4 {
  font-size: 1.2rem;
  font-weight: bold;
}
.ContainerCapacitaciones .event__container .event__intranet p {
  text-align: center;
  font-size: 15px;
}
.ContainerCapacitaciones .event__container .event__intranet a {
  text-align: center;
  background-color: var(--blue-button);
  color: var(--white);
  font-weight: 500;
  border-radius: 5px;
  font-size: 15px;
  width: 100%;
  padding: 5px;
  border: 0;
  text-decoration: none;
}
.ContainerCapacitaciones .event__container .event__title h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 1rem 0;
}
.ContainerCapacitaciones .event__container .event__title .event__content {
  border: 1px solid var(--blue-button);
  border-radius: 10px;
  border-left: 10px solid var(--blue-button);
  justify-content: center;
  align-items: center;
  padding: 0 0 1rem 0;
  margin-bottom: 1rem;
}
.ContainerCapacitaciones .event__container .event__title .event__content img {
  width: 5rem;
  height: 4rem;
}
.ContainerCapacitaciones .event__container .event__title .event__content i {
  font-size: 14px;
  margin-bottom: 10px;
}
.ContainerCapacitaciones .event__container .event__title .event__content a {
  text-align: left;
  background-color: var(--blue-button);
  color: var(--white);
  font-weight: 500;
  border-radius: 5px;
  font-size: 15px;
  padding: 5px;
  border: 0;
  text-decoration: none;
}
.ContainerCapacitaciones .event__container .ranking__sales {
  text-align: center;
}
.ContainerCapacitaciones .event__container .ranking__sales h2 {
  font-size: 1rem;
  font-weight: 700;
}
.ContainerCapacitaciones .event__container .ranking__sales ul {
  list-style: decimal;
  font-weight: 600;
  font-size: 15px;
  padding: 15px;
  margin: 0;
}
.ContainerCapacitaciones .event__container .container__boton {
  width: 100%;
  text-align: center;
}
.ContainerCapacitaciones .event__container .container__boton a {
  background-color: var(--blue-button);
  color: var(--white);
  font-weight: 500;
  border-radius: 5px;
  padding: 0.5rem;
  width: 100%;
  text-decoration: none;
}
.ContainerCapacitaciones .event__container .social__media {
  padding: 1rem 0rem;
}

/*Eventos y Concursos*/
.SideBar {
  padding: 0 1rem 0rem 1rem;
}
.SideBar .Menu__content {
  box-shadow: 2px 4px 25px rgba(190, 190, 190, 0.7294117647), 0px 0px 20px #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  padding: 1rem;
  background-color: var(--grey);
  border-radius: 15px;
}
.SideBar .Menu__content a {
  text-decoration: none;
  color: var(--blue-button);
}
.SideBar .Menu__content .Menu__header,
.SideBar .Menu__content .Menu__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  gap: 2rem;
}
.SideBar .Menu__content .Menu__header .menu__icon,
.SideBar .Menu__content .Menu__footer .menu__icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
}
.SideBar .Menu__content .Menu__header .menu__icon svg,
.SideBar .Menu__content .Menu__footer .menu__icon svg {
  width: 3rem;
  height: 3rem;
}
.SideBar .Menu__content .Menu__footer .menu__icon {
  transform: rotate(90deg);
}

/*Footer*/
footer {
  background: rgb(12, 70, 143);
  background: linear-gradient(164deg, rgb(12, 70, 143) 32%, rgb(6, 42, 48) 93%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c468f",endColorstr="#062a30",GradientType=1);
  color: var(--white);
  position: absolute;
  width: 100%;
  height: 40px;
  display: grid;
  place-content: center;
  bottom: 0;
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.modal-header button {
  background-color: transparent !important;
}

.capacitaciones__button {
  background-color: var(--white);
  color: var(--blue-button);
  font-size: 15px;
  font-weight: 500;
  padding: 0.5rem 1rem;
  text-decoration: none;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  border: none !important;
  gap: 0rem;
  z-index: 10;
  position: relative;
}

/*Footer*//*# sourceMappingURL=main.css.map */