/* Compact summaries; details remain available to touch and keyboard users. */
:root{
 --plan-premium-burgundy:oklch(0.32 0.11 18);
 --plan-premium-gold:oklch(0.84 0.14 85);
 --plan-preview-ink:oklch(0.16 0.02 85);
 --plan-preview-sheen:oklch(0.98 0.02 85 / 0.2);
}
#planos .plans.plans-4{align-items:start}
#planos .plans.plans-4 .plan{padding:38px 18px 18px;min-width:0;border-radius:8px}
#planos .plans.plans-4 .plan .tag{position:absolute;top:12px;right:18px;left:auto;margin:0}
#planos .plans.plans-4 .plan h3{min-height:48px;font-size:19px;line-height:1.25;letter-spacing:0;margin:0 0 8px}
#planos .plans.plans-4 .plan>p:not(.pay-note){min-height:70px;font-size:11.5px;line-height:1.6;margin:0 0 10px}
#planos .plans.plans-4 .plan-ideal{display:none}
#planos .plans.plans-4 .plan .pricebox{padding:10px 0;margin:0}
#planos .plans.plans-4 .plan .price{font-size:30px;letter-spacing:0}
#planos .plans.plans-4 .plan .plannote{display:none}
#planos .plans.plans-4 .plan .button{margin-top:12px;font-size:11px;min-height:40px;padding:10px 8px}
#planos .plans.plans-4 .plan .button+.button{margin-top:8px}
#planos .plans.plans-4 .plan .pay-note{min-height:86px;margin:10px 0 0;padding:8px;font-size:9.5px;line-height:1.5}
#planos .plan-preview{padding:0;border:0;margin:0}
#planos .plan-preview>summary{min-height:42px;padding:10px 12px;font-size:11px;color:var(--tier);border:1px solid var(--tier-edge);border-radius:6px;background:var(--tier-bg);letter-spacing:0}
#planos .plan-preview>summary:after{color:var(--tier);font-size:18px}
#planos .plan-preview[open]>summary{border-radius:6px 6px 0 0}
#planos .plan-preview-content{padding-top:12px;animation:plan-preview-enter .5s var(--v2-ease) both}
#planos .plans.plans-4 .plan-preview-content .plan-includes{min-height:0;margin:0 0 8px;font-size:9px;letter-spacing:0;padding:6px 9px}
#planos .plans.plans-4 .plan-preview-content ul{display:block;min-height:0;flex:none;padding:8px 0 12px}
#planos .plans.plans-4 .plan-preview-content li{font-size:10.5px;line-height:1.5;padding-top:5px;padding-bottom:5px;letter-spacing:0}
#planos .plans.plans-4 .plan-preview-content .plan-more-label{min-height:0;font-size:10px;letter-spacing:0;padding:12px 10px 6px;color:var(--tier);background:var(--tier-bg);border-color:var(--tier-edge);text-shadow:none;box-shadow:0 0 22px var(--tier-bg)}
#planos .plans.plans-4 .plan-more-label:before{background:var(--tier);box-shadow:0 0 12px var(--tier-dim)}
#planos .plans.plans-4 .plan-more-label:after{background:var(--tier-dim)}
#planos .plans.plans-4 .plan-preview-content .plan-extras{padding:8px 10px 12px;border-color:var(--tier-edge);background:var(--tier-bg);box-shadow:inset 0 0 24px var(--tier-bg)}
#planos .plans.plans-4 .plan-extras li{color:var(--tier)}
#planos .plans.plans-4 .plan-extras li:before{background:var(--tier);color:var(--plan-preview-ink);box-shadow:0 0 12px var(--tier-dim)}
#planos .plans.plans-4 #catalogo{--tier:var(--plan-premium-gold);background:linear-gradient(145deg,var(--plan-premium-burgundy),var(--panel) 72%)}
#planos .plans.plans-4 #catalogo .plan-more-label,#planos .plans.plans-4 #catalogo .plan-extras{background:linear-gradient(110deg,var(--plan-premium-burgundy),var(--tier-bg));border-color:var(--tier-edge)}
#planos .plans.plans-4 #catalogo .button{background:linear-gradient(110deg,var(--plan-premium-gold),color-mix(in oklch,var(--plan-premium-gold) 75%,var(--plan-premium-burgundy)));color:var(--plan-preview-ink)}
@keyframes plan-preview-enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){#planos .plans.plans-4 .plan>p:not(.pay-note){min-height:0}#planos .plans.plans-4 .plan .pay-note{min-height:0}}