/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.cliente_cuadros_redondos_pronosticos{
        border-radius     : 50px;
        background        : #198754;
        text-align        : center;
        padding-left      : 15px;
        padding-right     : 15px;
        padding-bottom    : 15px;
        margin-left       : 10px:
        margin-right      : 10px;
        margin-bottom     : 10px;
        text-align        : center;
}
.h3_cuadrosPronosticos{
  color         : white;
  font-size     : 28px;
  text-transform: uppercase;
  text-align    : center;
  line-height   : 1;
  font-family   : 'Work Sans', sans-serif;
  font-weight   : 900;
}
.fancy {
  position          : relative;
  white-space       : nowrap;
  &:after 
  {
    --deco-height       : 0.3125em;
    content             : "";
    position            : absolute;
    left                : 0;
    right               : 0;
    bottom              : calc(var(--deco-height) * -0.625);
    height              : var(--deco-height);
    background-image    : url("data:image/svg+xml,%3Csvg width='100' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M-17 30.5C-1 22 72-4 54 13 37.9 28.2-2.5 57.5 16 55.5s72-29 104-40' stroke='%2300FDCF' stroke-width='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h100v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size     : auto 100%;
    background-repeat   : round;
    background-position : 0em;
  }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.ag-format-container {
  width: 1142px;
  margin: 0 auto;
}



.ag-courses_box {
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-align : start;
  -ms-flex-align    : start;
  align-items       : flex-start;
  -ms-flex-wrap     : wrap;
  flex-wrap         : wrap;
  padding           : 50px 0;
}
.ag-courses_item {
  -ms-flex-preferred-size: calc(33.33333% - 30px);
  flex-basis             : calc(33.33333% - 30px);
  margin                 : 0 15px 30px;
  overflow               : hidden;
  border-radius          : 28px;
}
.ag-courses-item_link {
  display           : block;
  padding           : 30px 20px;
  background-color  : #834982;
  overflow          : hidden;

  position: relative;
}
.ag-courses-item_link:hover,
.ag-courses-item_link:hover .ag-courses-item_date {
  text-decoration: none;
  color: #FFF;
}
.ag-courses-item_link:hover .ag-courses-item_bg {
  -webkit-transform : scale(10);
  -ms-transform     : scale(10);
  transform         : scale(10);
}
.ag-courses-item_title {
  min-height    : 87px;
  margin        : 0 0 25px;
  overflow      : hidden;
  font-weight   : bold;
  font-size     : 30px;
  color         : #FFF;
  z-index       : 2;
  position      : relative;
}
.ag-courses-item_date-box {
  font-size     : 18px;
  color         : #FFF;
  z-index       : 2;
  position      : relative;
}
.ag-courses-item_date {
  font-weight        : bold;
  color              : #f9b234;
  -webkit-transition : color .5s ease;
  -o-transition      : color .5s ease;
  transition         : color .5s ease
}
.ag-courses-item_bg {
  height: 128px;
  width: 128px;
  background-color: #f9b234;

  z-index: 1;
  position: absolute;
  top: -75px;
  right: -75px;

  border-radius: 50%;

  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.ag-courses_item:nth-child(2n) .ag-courses-item_bg {
  background-color: #3ecd5e;
}
.ag-courses_item:nth-child(3n) .ag-courses-item_bg {
  background-color: #e44002;
}
.ag-courses_item:nth-child(4n) .ag-courses-item_bg {
  background-color: #952aff;
}
.ag-courses_item:nth-child(5n) .ag-courses-item_bg {
  background-color: #cd3e94;
}
.ag-courses_item:nth-child(6n) .ag-courses-item_bg {
  background-color: #4c49ea;
}



@media only screen and (max-width: 979px) {
  .ag-courses_item {
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
  }
  .ag-courses-item_title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .ag-format-container {
    width: 96%;
  }

}
@media only screen and (max-width: 639px) {
  .ag-courses_item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .ag-courses-item_title {
    min-height: 72px;
    line-height: 1;

    font-size: 24px;
  }
  .ag-courses-item_link {
    padding: 22px 40px;
  }
  .ag-courses-item_date-box {
    font-size: 16px;
  }
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* PARA LAS LISTAS DE ARTICULOS DISPONIBLES PARA CANJEAR */

.div_articulos
{
  background-image: linear-gradient(white,white,white, #D879D8);
  margin          :  5px;
  max-width       : 35%;
  word-wrap       : break-word;
  padding-top     : 5px;
  border          : 1px solid #D879D8;
  border-radius   : 30px;
}
.input_articulos_detalles
{
  font-size: 12px;
  background-color: none;
  border: none;
}

.div_boton_alineado_abajo
{
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* CUADRO DENTRAL DE CANCELAR CANJEO */

.div_cancelarCanjeo
{
  border            : 5px solid;
  border-color      : #512D51; 
  border-radius     : 50px;
  margin            : auto;
  width             : 90%;
  padding           : 10px;
  background-color  : #834982;
  color             : white;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/








/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* TARJETA CONTACTO DE LA EMPRESA */
.card_empresaContact {
  width                    : 17em;
  height                   : 100%;
  background               : #834982;
  transition               : 1s ease-in-out;
  clip-path                : polygon(30px 0%, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0% 30px);
  border-top-right-radius  : 20px;
  border-bottom-left-radius: 20px;
  display                  : flex;
  flex-direction           : column;
}

.card_empresaContact span {
  font-weight              : bold;
  color                    : white;
  text-align               : center;
  display                  : block;
  font-size                : 1em;
}

.card_empresaContact .info_empresaContact {
  font-weight              : 400;
  color                    : white;
  display                  : block;
  text-align               : center;
  font-size                : 0.72em;
  margin                   : 1em;
}

.card_empresaContact .img_empresaContact {
  width                    : 4.8em;
  height                   : 4.8em;
  background               : white;
  border-radius            : 15px;
  margin                   : auto;
}

.card_empresaContact .share_empresaContact {
  margin-top               : 1em;
  display                  : flex;
  justify-content          : center;
  gap                      : 1em;
}

.card_empresaContact a {
  color                    : white;
  transition               : .4s ease-in-out;
}

.card_empresaContact a:hover {
  color                    : red;
}

.card_empresaContact button {
  padding                  : 0.8em 1.7em;
  display                  : block;
  margin                   : auto;
  border-radius            : 25px;
  border                   : none;
  font-weight              : bold;
  background               : #61A542;
  color                    : white;
  transition               : .4s ease-in-out;
}

.card_empresaContact button:hover {
  background               : #46772F;
  color                    : white;
  cursor                   : pointer;
}