#addons.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:10px 20px;text-align:center}#addons .card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 2px 8px #2d6a4f14;border:1px solid #d8d3cb;transition:all .3s ease;display:flex;flex-direction:column;padding-bottom:20px;max-width:500px;margin-bottom:20px}#addons .card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #2d6a4f29}#addons .card:hover .card__image{transform:scale(1.08)}#addons .card__image-wrapper{position:relative;height:auto}#addons .card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}#addons .card__badges{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem;flex-wrap:wrap}#addons .badge{padding:.375rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}#addons .badge--discount{background:#000;color:#fff}#addons .badge--complete{background:linear-gradient(135deg,#2d6a4f,#d4a373);color:#fff}#addons .card__content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}#addons .card__title{font-size:1.375rem;font-weight:700;color:#000;margin-bottom:.75rem;line-height:1.3}#addons .card__description{flex-grow:1}#addons .card__features{list-style:none;margin-bottom:1.5rem;text-align:left}#addons .card__feature{display:flex;align-items:center;gap:.625rem;padding:.5rem 0;font-size:1rem;color:#2d3a2e;border-bottom:1px dashed #d8d3cb}#addons .card__feature:last-child{border-bottom:none}#addons .card__feature-icon{color:#2d6a4f;font-size:1rem;flex-shrink:0}#addons .card--featured{border:2px solid #d4a373;position:relative}#addons .card--featured:before{content:"Mas Popular";position:absolute;top:-1px;right:1.5rem;background:#d4a373;color:#000;padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:0 0 .5rem .5rem;z-index:10}#addons .button-open-modal{background:transparent;border:none;color:#a36159;margin-bottom:20px}@media (max-width: 720px){#addons .card__features{padding-left:0}}#modalSpa .modal-dialog{max-width:1000px!important}
