#title header.style-8 {height: 25em;}
#open {text-align: center;display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
#open p {max-width: 50em; padding-top: 1em;}

#card-section {display: flex;flex-direction: row;align-items: center;background-color: var(--color-rewards);}
#card-section .container {display: flex;flex-direction: row;flex-wrap: wrap;width: 60em;justify-content: space-between;}
#card-section .card {width: calc(33.33% - 1em);border: 1px solid #ddd;padding: 1em;text-align: center;background-color: #fff;display: flex;flex-direction: column;justify-content: space-between;}
.card img {width: 100%;height: auto;}
.card-text {margin-top: 1em;}
.card-text h3 {font-size: 1.2em;text-transform: capitalize;font-weight: 600;}
.card-text h3 span {color: var(--color-rewards);}
.card-text p {font-size: 0.9em;margin-bottom: 1em;}
.button {color: var(--color-rewards);border: 2px solid var(--color-rewards);background-color: #fff;display: inline-block;margin-top: auto;}
@media screen and (max-width: 480px) {#card-section .card{width: 100%;margin: 1em;}}

#cards-functions {display: flex;flex-direction: row;align-items: center;}
#cards-functions .container {width: 60em; text-align: center; }
#cards-functions .cards {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
#cards-functions .card {width: calc(33.33% - 1em);border: 1px solid #F3F8FC;padding: 1em;text-align: center;background-color: #F3F8FC;}
#cards-functions .card img {max-width: 8em;}
#cards-functions .card p span {color: var(--color-rewards); font-weight: 500;}
#cards-functions .titles h2 {color: var(--color-gris);}
#cards-functions .titles h2 span{color: var(--color-rewards);}
#cards-functions .titles p{font-size: 1.3em;}
#cards-functions .titles p span{font-weight: 500; color: #000;}
@media screen and (max-width: 480px) {#cards-functions .card{width: 100%;margin: 1em;}}

#cards-tickets {display: flex;flex-direction: row;align-items: center;}
#cards-tickets .container {width: 60em; text-align: center;padding-top: 2em;}
#cards-tickets .cards {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;padding-bottom: 2em;}
#cards-tickets .card {width: calc(33.33% - 1em);border: 2px dashed var(--color-rewards);padding: 1em;text-align: center;background-color: #F3F8FC;  display: flex;flex-direction: column;justify-content: center;align-items: center}
#cards-tickets .titles h2 {color: var(--color-rewards);}
#cards-tickets .titles p{font-size: 1.3em;}
#cards-tickets .titles p span{font-weight: 500; color: #000;}
#cards-tickets .card h2 {color: var(--color-gris);}
#cards-tickets .card h2 span{color: var(--color-rewards);}
#cards-tickets .terms p{font-size: 0.9em;text-align: justify;margin-top: 2em;}
@media screen and (max-width: 480px) {#cards-tickets .card{width: 100%;margin: 1em;}}
