@media (max-width: 767px) {
  #preco { padding-top: 8px; scroll-margin-top: 8px; }
  #preco .plan-basic { padding: 16px; margin-bottom: 20px; border-radius: 28px; }
  #preco .plan-basic > :not([hidden]) ~ :not([hidden]) { margin-top: 10px; }
  #preco .plan-basic > .plan-content > :not([hidden]) ~ :not([hidden]) { margin-top: 10px; }
  #preco .plan-basic .plan-badge { padding: 5px 10px; font-size: 11px; line-height: 16px; }
  #preco .plan-basic h3 { font-size: 24px; line-height: 1.15; }
  #preco .plan-basic .plan-benefits { padding: 10px 12px; margin-bottom: 0; }
  #preco .plan-basic .plan-benefits ul { gap: 4px; font-size: 12px; line-height: 1.4; }
  #preco .plan-basic .plan-price { padding-top: 0; }
  #preco .plan-basic .plan-action { padding-top: 0; }
  #preco .plan-basic .plan-action a { padding: 16px 12px; font-size: 17px; line-height: 1.2; min-height: 56px; }
  #preco .plan-premium { padding-top: 18px; border-radius: 28px; }
}