.sylfos-tarjetas{box-sizing:border-box;max-width:1180px;margin:56px auto;padding:38px 24px 44px;text-align:center;color:#173d3b;background:#f5f8f2;border-radius:22px;font-family:inherit}
.sylfos-tarjetas *{box-sizing:border-box}
.sylfos-tarjetas__eyebrow{display:block;color:#9a7837;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sylfos-tarjetas h2{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.5rem);margin:8px 0}
.sylfos-tarjetas__intro{margin:0 auto 24px;max-width:34rem;line-height:1.5}
.sylfos-tarjetas__grid{display:flex;justify-content:center;gap:clamp(7px,1.4vw,18px);max-width:960px;margin:auto}
.sylfos-tarjetas__card{border:0;background:transparent;cursor:pointer;flex:0 1 170px;min-width:0;aspect-ratio:1276/1784;padding:0;perspective:1000px;border-radius:12px;transition:opacity .3s,transform .3s}
.sylfos-tarjetas__card:not(:disabled):hover{transform:translateY(-7px)}
.sylfos-tarjetas__card:focus-visible,.sylfos-tarjetas__retry:focus-visible{outline:3px solid #b18c48;outline-offset:4px}
.sylfos-tarjetas__inner{position:relative;display:block;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d;box-shadow:0 10px 26px #123a3230;border-radius:12px}
.sylfos-tarjetas__card.is-selected .sylfos-tarjetas__inner{transform:rotateY(180deg)}
.sylfos-tarjetas__face{position:absolute;inset:0;display:block;overflow:hidden;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.sylfos-tarjetas__back{background:#154b49 url('/tarjetas-andinas/img/reverso.png') center/100% 100% no-repeat}
.sylfos-tarjetas__front{transform:rotateY(180deg);background:#edf1e9}
.sylfos-tarjetas__front img{display:block;width:100%;height:100%;object-fit:cover}
.sylfos-tarjetas__card.is-dimmed{opacity:.38;cursor:default}
.sylfos-tarjetas__result{max-width:600px;margin:30px auto 0;padding:22px;border:1px solid #d9e6df;background:white;border-radius:15px;box-shadow:0 5px 20px #173d3b0d}
.sylfos-tarjetas__result[hidden]{display:none}
.sylfos-tarjetas__result h3{margin:6px 0;font:normal 1.6rem Georgia,serif}
.sylfos-tarjetas__result strong{display:block;color:#a27b35;font-size:1.05rem}
.sylfos-tarjetas__result p{line-height:1.55;margin:10px 0 0}
.sylfos-tarjetas__retry{margin:24px auto 0;padding:12px 21px;border:0;border-radius:100px;background:#175850;color:white;font:inherit;font-weight:600;cursor:pointer}
.sylfos-tarjetas__retry:hover{background:#0f433e}
@media(max-width:600px){.sylfos-tarjetas{margin:35px 12px;padding:26px 12px}.sylfos-tarjetas__grid{gap:5px}.sylfos-tarjetas__face,.sylfos-tarjetas__inner{border-radius:5px}.sylfos-tarjetas__intro{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.sylfos-tarjetas__inner,.sylfos-tarjetas__card{transition:none}}