/* INDICE */

/*
    1- Titulos Genéricos
    2- Botones Genéricos
    3- Pelotas Precios Genéricos
    4- Degradados para Background
    5- Bolas enumeración
    6- Owl Carusel - Flechas centradas
    7- Listas de selecion de opciones
    8- Desplegables collapse
*/

/*ESTILOS TITULOS GENERICOS*/
.row {
  padding: 0;
  margin: 0;
}

.alinear-contenido-centro {
  text-align: center;
  margin: 0 auto;
}

.titular-h1-generic {
  font-family: Lato-Bold;
  font-size: 48px;
  color: #ffffff;
  margin: 20px 0;
}

.titular-h1-generic-verde {
  font-family: Lato-Bold;
  font-size: 48px;
  color: #5c8819;
  padding: 2% 2% 0 2%;
}

.posicionar-izquierda {
  text-align: left;
}

.titular-h2-generic {
  font-family: Lato-Bold;
  font-size: 48px;
  color: #ffffff;
  margin: 20px 0;
}

.titular-h3-generic,
.titulo-h3-blanco-generic {
  font-family: Lato-Bold;
  font-size: 32px;
  color: #ffffff;
  margin: 10px 0;
}

.titulo-h3-verde-generic {
  font-family: Lato-Bold;
  font-size: 32px;
  color: #5c8819;
  margin: 60px 0 30px 0px;
}

.titulo-h3-gris-oscuro-generic {
  font-family: Lato-Bold;
  font-size: 32px;
  color: #2c2c2c;
}

.enlace-pdf-generic {
  font-family: Lato-Bold;
  color: #707070;
  font-size: 18px;
  margin: 20px 0;
}

.texto-descriptivo-generic {
  font-family: Lato-Bold;
  color: #ffffff;
  font-size: 18px;
}

.texto-descriptivo-generic-gris {
  font-family: Lato-Regular;
  color: #727272;
  font-size: 18px;
  width: 520px;
}

.titulo-p-gris-oscuro-generic {
  font-family: Lato-Bold;
  font-size: 18px;
  color: #2c2c2c;
}

.descripcion-elemento-gris {
  font-size: 14px;
  color: #707070;
}

.tipografia-verde-generic {
  font-family: Lato-Bold;
  color: #8abd37;
  z-index: 9999 !important;
}

.texto-gris-16-generic {
  font-family: Lato-Bold;
  font-size: 16px;
  color: #3f3f3f;
}

/*FINESTILOS TITULOS GENERICOS*/

/*ESTILOS BOTONES GENERICOS*/

a.btn-generic {
  text-align: center;
  padding: 10px 0;
  margin: 20px 5px;
  border-radius: 31px;
  min-width: 250px;
  font-family: Lato-Black;
  color: #ffffff;
  cursor: pointer;
}

a.btn-generic img {
  padding-left: 10px;
}

a.btn-generic.btn-sin-flecha img {
  display: none;
}

a.btn-generic-orange {
  background-color: #f5a623;
  border: solid 1px #f5a623;
}

a.btn-generic-orange:hover {
  background-color: #ffffff;
  border: solid 1px #f5a623;
  color: #f5a623;
}

a.btn-generic-green-dark {
  background-color: #689f38;
  border: solid 1px #689f38;
}

a.btn-generic-green-dark:hover {
  background-color: #ffffff;
  border: solid 1px #689f38;
  color: #8abd37;
}

a.btn-generic-green {
  background-color: #8abd37;
  border: solid 1px #8abd37;
}

a.btn-generic-green:hover {
  background-color: #ffffff;
  border: solid 1px #8abd37;
  color: #8abd37;
}

a.btn-generic-orange-trans {
  background-color: #ffffff;
  border: solid 1px #f5a623;
  color: #f5a623;
}

a.btn-generic-orange-trans:hover {
  background-color: #f5a623;
  border: solid 1px #f5a623;
  color: #ffffff;
}

a.btn-generic-orange-dark {
  background-color: #f5a623;
  border: solid 1px #f5a623;
  color: #ffffff;
}

a.btn-generic-orange-dark:hover {
  background-color: #d86600;
  border: solid 1px #d86600;
  color: #ffffff;
}

a.btn-generic-green-trans {
  background-color: #ffffff;
  border: solid 1px #8abd37;
  color: #8abd37;
}

a.btn-generic-green-trans:hover {
  background-color: #8abd37;
  border: solid 1px #8abd37;
  color: #ffffff;
}

a.btn-generic-green-dark {
  background-color: #689f38;
  border: solid 1px #689f38;
}

a.btn-generic-green-dark:hover {
  background-color: #8abd37;
  border: solid 1px #8abd37;
  color: #ffffff;
}

/*FIN ESTILOS BOTONES GENERICOS*/

/*ESTILOS PELOTAS PRECIO*/

.bullet-amarillo-generic {
  background-color: #f5a623;
  width: 100px;
  height: 100px;
  padding-top: 10px;
  border-radius: 50px;
}

.bullet-azul-generic {
  background-color: #52bcec;
  width: 100px;
  height: 100px;
  padding-top: 10px;
  border-radius: 50px;
}

.bullet-amarillo-generic .cantidad-descuento,
.bullet-azul-generic .cantidad-descuento {
  margin-bottom: 0px;
  font-family: Lato-Regular;
  font-size: 40px;
  font-weight: 900;
  text-align: center;
  color: #ffffff;
}

.bullet-amarillo-generic .texto-descuento,
.bullet-azul-generic .texto-descuento {
  margin-top: -10px;
  font-family: Lato-Regular;
  font-size: 11px;
  line-height: 1.07;
  text-align: center;
  color: #ffffff;
}

/*FIN ESTILOS PELOTAS PRECIO*/

/*DEGRADADOS BACKGROUND*/

.degradado-fondo-verde {
  background-image: linear-gradient(200deg, #95bd36, #5c8819);
}

/*FIN DEGRADADOS BACKGROUND*/

/*BOLAS DE ENUMERACIÓN*/

.bola-enumeracion {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  color: #5c8819;
  border: 1px solid #5c8819;
  line-height: 70px;
  border-radius: 50px;
  text-align: center;
  vertical-align: middle;
}

.sombra-bola-enumeracion-1 {
  width: 95px;
  height: 95px;
  border: 12px solid #3f610c26;
  border-radius: 50px;
}

.sombra-bola-enumeracion-2 {
  width: 95px;
  height: 95px;
  border: 12px solid #3f610c36;
  border-radius: 50px;
}

.sombra-bola-enumeracion-3 {
  width: 95px;
  height: 95px;
  border: 12px solid #3f610c57;
  border-radius: 50px;
}

.sombra-bola-enumeracion-4 {
  width: 95px;
  height: 95px;
  border: 12px solid #3f610c7a;
  border-radius: 50px;
}

/*FIN BOLAS DE ENUMERACIÓN*/

/* OWL CAROUSEL - FLECHAS CENTRADAS */

.owl-carousel.flechas-centradas {
  position: relative;
}

.owl-carousel.flechas-centradas .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.owl-carousel.flechas-centradas .owl-nav .owl-prev,
.owl-carousel.flechas-centradas .owl-nav .owl-next {
  width: calc(100% / 12);
}

.owl-carousel.flechas-centradas .owl-nav .owl-prev {
  float: left;
}

.owl-carousel.flechas-centradas .owl-nav .owl-next {
  float: right;
}

/* FIN OWL CAROUSEL - FLECHAS CENTRADAS */

/* LISTAS DE SELECCION SIMPLE*/

.contenedor-opciones {
  background-color: #f9f9f9;
}

.lista-opciones-simple.nav-tabs {
  border: none;
}

.lista-opciones-simple .nav-link {
  color: #2c2c2c;
  border: initial;
}

.lista-opciones-simple .nav-item {
  padding-bottom: 1px;
  padding: 0 0 1px 0;
}

.lista-opciones-simple .nav-link.active {
  border-bottom: solid 2px #689f38;
}

.lista-opciones-simple .nav-link p {
  border-right: solid 1px #e7e7e7;
  margin: 12px 0;
  font-size: 14px;
}

.lista-opciones-simple .nav-item:last-child .nav-link p {
  border-right: none;
}

.lista-opciones-simple .nav-link {
  color: #2c2c2c;
  border: none;
  text-align: center;
  padding: 0;
}

/* FIN LISTAS DE SELECCION SIMPLE*/

/* LISTAS DE SELECCION COMPLEJA*/

.contenedor-opciones {
  background-color: #f9f9f9;
}

.lista-opciones-compleja.nav-tabs {
  border: none;
  display: none;
}

.lista-opciones-compleja .nav-link {
  color: #2c2c2c;
  border: initial;
}

.lista-opciones-compleja .nav-item {
  padding-bottom: 1px;
  padding: 0 0 1px 0;
}

.lista-opciones-compleja .nav-link.active {
  border-bottom: solid 2px #689f38;
}

.lista-opciones-compleja .nav-link p {
  border-right: solid 1px #e7e7e7;
  margin: 12px 0;
}

.lista-opciones-compleja .nav-item:last-child .nav-link p {
  border-right: none;
}

.lista-opciones-compleja .nav-link {
  color: #2c2c2c;
  border: none;
  text-align: center;
  padding: 0;
}

.lista-opciones-compleja-desplegable.tab-content > .tab-pane {
  display: block !important;
  opacity: 1;
  border: none;
  background-color: transparent;
  margin: 2% 0;
}

.lista-opciones-compleja-desplegable .tab-pane-secundario {
  display: block !important;
  opacity: 1 !important;
}

.lista-opciones-compleja-desplegable .card.card-principal {
  width: 92%;
  margin: 0 auto;
  margin-top: 2%;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.13);
}

.lista-opciones-compleja-desplegable
  .card.card-principal
  .card-header.card-header-principal {
  background-color: #ffffff;
}

.lista-opciones-compleja-desplegable
  .card.card-principal
  .card-header.card-header-principal
  a:hover {
  text-decoration: none;
}

.lista-opciones-compleja-desplegable
  .card.card-principal
  .card-header.card-header-principal
  .titulo-collapse {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 20px 0;
  color: #3f3f3f;
}

/* FIN LISTAS DE SELECCION COMPLEJA*/

/* DESPLEGABLES COLLAPSE */

.acordeon-collapse .card {
  border: none;
}

.acordeon-collapse .card .card-header {
  background-color: #ffffff;
}

.acordeon-collapse .imagen-down {
  float: right;
}

.acordeon-collapse .btn-link {
  width: 100%;
  text-align: left;
  color: #2c2c2c;
  text-decoration: none !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.acordeon-collapse .btn-link:hover {
  color: #2c2c2c;
  text-decoration: none !important;
}

.acordeon-collapse .btn-link.collapsed img.imagen-down {
  -webkit-animation: spinback 400ms linear forwards;
  -moz-animation: spinback 400ms linear forwards;
  animation: spinback 400ms linear forwards;
}

.acordeon-collapse .btn-link img.imagen-down {
  -webkit-animation: spin 400ms linear forwards;
  -moz-animation: spin 400ms linear forwards;
  animation: spin 400ms linear forwards;
}

.acordeon-collapse .card-body {
  background-color: #fbfbfb;
  font-size: 13px;
  color: #707070;
}

/* FIN DESPLEGABLES COLLAPSE */

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
  /*ESTILOS TITULOS GENERICOS*/
  .titulo-h3-gris-oscuro-generic {
    text-align: center;
  }
  /* FIN LISTAS DE SELECCION COMPLEJA*/
  .lista-opciones-compleja .nav-item .nav-link p span {
    display: none;
  }
  .lista-opciones-compleja-desplegable .card.card-principal {
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .tab-content.lista-opciones-compleja-desplegable {
    width: 100%;
    background: #f9f9f9;
  }
  .tab-content.lista-opciones-compleja-desplegable > .tab-pane {
    display: none !important;
  }
  .tab-content.lista-opciones-compleja-desplegable > .active {
    display: block !important;
  }
  .nav-tabs.lista-opciones-compleja {
    display: flex;
  }
  .lista-opciones-compleja-desplegable .card.card-principal {
    border: none;
  }
  .lista-opciones-compleja-desplegable
    .card.card-principal
    .card-header.card-header-principal {
    display: none;
  }
  .lista-opciones-compleja-desplegable
    .card.card-principal
    .collapse.collapse-principal {
    display: block;
  }
  /* FIN LISTAS DE SELECCION COMPLEJA*/
  /* DESPLEGABLES COLLAPSE */
  .acordeon-collapse .card {
    margin: 10px 0;
    border-radius: 9px;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.12);
  }
  .acordeon-collapse .card .card-header {
    background-color: #ffffff;
  }
  .acordeon-collapse .imagen-down {
    float: right;
  }
  .acordeon-collapse .btn-link {
    width: 100%;
    text-align: left;
    color: #2c2c2c;
    font-size: 14px;
    text-decoration: none !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .acordeon-collapse .btn-link:hover {
    color: #2c2c2c;
    text-decoration: none !important;
  }
  /* FIN DESPLEGABLES COLLAPSE */
}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
  .degradado-fondo-verde {
    background-image: linear-gradient(250deg, #95bd36, #5c8819);
  }
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
  /*ESTILOS TITULOS GENERICOS*/
  .titular-h1-generic {
    font-size: 60px;
  }
}

@-moz-keyframes spinback {
  0% {
    -moz-transform: rotate(-180deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}

@-webkit-keyframes spinback {
  0% {
    -webkit-transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes spinback {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(-180deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(-180deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}