.ayuda{background-color:#f7f7f7;display:flex;flex-direction:column}.ayuda__titulo{margin:24px auto;max-width:750px;text-align:center}.ayuda__titulo hr{background-color:var(--gold-color);height:3px!important;margin:24px auto;opacity:1;width:200px}.temas__container{margin:0 auto 48px;max-width:1280px;position:relative;width:100%}.temas__flex{align-items:center;align-items:flex-start;display:flex;justify-content:space-between;overflow-x:auto;padding:1rem;scroll-snap-type:x mandatory;width:100%}.tema{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);cursor:pointer;flex:0 0 20%;margin:.5rem;max-width:220px;min-height:230px;min-width:150px;padding:2rem 1rem;scroll-snap-align:start;text-align:center}.tema:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.tema.active{background-color:var(--gold-color);border:1px solid var(--gold-color)}.tema.active svg{fill:#fff}.tema.active .tema__icon img{filter:brightness(0) invert(1)}.tema.active h4,.tema.active p{color:#fff}.tema__icon{margin:0 auto 24px}.tema__icon img,.tema__icon svg{display:inline-block;height:48px;width:auto;fill:var(--gold-color)}.tema h4{font-weight:400}.tema__descripcion{line-height:1.5}.tema__contenido{display:none}.next-button,.prev-button{background:none;border:none;color:var(--gold-color);display:none;font-size:24px;height:100px;position:absolute;top:50%;transform:translateY(-50%);width:50px}.prev-button{left:0}.next-button{right:0}.arrow{border:solid var(--gold-color);border-width:0 3px 3px 0;display:inline-block;padding:6px}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.tema__explicacion{background:#fff;display:none;flex-grow:1;margin:0 auto 72px;max-width:750px;padding:24px 48px}.tema__explicacion.active{display:block}.tema__explicacion h3{margin-bottom:36px;position:relative}.tema__explicacion h3:after{background-color:var(--gold-color);bottom:-15px;content:"";height:3px;left:0;position:absolute;width:50px}.tema__explicacion .icono{margin-right:6px}@media (max-width:720px){.card{flex:0 0 85%}.tema{min-height:180px;padding:1rem .5rem}.tema__icon{margin-bottom:24px}.tema__icon img,.tema__icon svg{display:inline-block;height:34px;fill:var(--gold-color)}.tema h4{font-size:18px}.tema p{font-size:14px}}.tema__explicacion a,.tema__explicacion li,.tema__explicacion ul{color:var(--gray-color);font-family:var(--AG-Regular-font);font-size:var(--font-size-p);line-height:var(--line-height-p);line-height:1.7}