.mobi-card{border:1px solid #ddd;padding:20px;border-radius:10px;text-align:center;position:relative;background:#fff;flex:1 1 300px;margin:10px;display:flex;flex-direction:column;justify-content:space-between}
.badge-popular{position:absolute;top:-10px;right:-10px;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;z-index:1}
.highlight{transform:scale(1.05);box-shadow:0 0 15px rgba(0,0,0,.2)}

/* Grid containers */
.mobi-cards-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0}
.mobi-comparativo.mobi-cards-grid{justify-content:flex-start}

/* Card elements */
.mobi-card h3{margin-top:0;font-size:1.25rem;color:#333}
.mobi-price{font-size:1.5rem;font-weight:bold;margin:10px 0;color:#111}
.mobi-specs-list{list-style:none;padding-left:0;margin:10px 0;font-size:0.9rem;color:#555}
.mobi-specs-list li{margin:5px 0}
.mobi-card-actions{display:flex;gap:10px;justify-content:center;margin-top:auto}
.btn{display:inline-block;padding:10px 20px;border-radius:5px;text-decoration:none;color:#fff;transition:opacity 0.2s ease-in-out;font-weight:600;font-size:0.9rem}
.btn-primary{background:#17bdcc}
.btn-secondary{background:#6c757d}
.btn-hero{background:#17bdcc;color:#fff;padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:bold;display:inline-block;margin-top:20px}
.btn:hover{opacity:0.9}

/* Single plan layout */
.mobi-plano{max-width:900px;margin:0 auto;font-family:inherit;color:#333}
.mobi-hero{padding:40px 20px;text-align:center;background:#f5f7f9;border-bottom:1px solid #eee}
.mobi-hero h1{font-size:2rem;margin-bottom:10px;color:#111}
.mobi-hero-sub{font-size:1.1rem;margin-bottom:15px;color:#555}
.mobi-hero-desc{font-size:0.95rem;margin-bottom:20px;color:#444}
.mobi-extra{padding:20px;margin:0 0 20px 0;background:#fff;border:1px solid #f0f0f0;border-radius:5px}
.mobi-specs, .mobi-vantagens{padding:30px 20px;border-bottom:1px solid #eee;background:#fff}
.mobi-specs h2, .mobi-vantagens h2{font-size:1.4rem;margin-bottom:15px;color:#111}
.mobi-specs ul, .mobi-vantagens ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.mobi-specs li, .mobi-vantagens li{flex:1 1 calc(50% - 10px);background:#fafafa;border:1px solid #eee;border-radius:5px;padding:10px;font-size:0.95rem;color:#333}
.mobi-cta-final{text-align:center;padding:40px 20px;background:#f5f7f9}
.mobi-cta-final .btn-primary{font-size:1.1rem;padding:15px 30px}

/* ------------------------------------------------------------------ */
/* Landing page (RapidCloud) styles */
/* These rules define the appearance of the optional landing page that
   can be rendered via the [landing_rapidcloud] shortcode. The design
   loosely follows the referenced template, using a dark hero section
   with purple accents, feature cards on a light background, a pricing
   section that reuses the plan comparison shortcode, and a partner
   banner at the end. */
.rc-hero{background:#0d0036;color:#fff;text-align:center;padding:60px 20px}
.rc-hero h1{font-size:2.5rem;margin-bottom:20px;color:#fff}
.rc-hero p{font-size:1.2rem;margin-bottom:20px;color:#ddd;max-width:700px;margin-left:auto;margin-right:auto}
.rc-hero img{max-width:220px;margin:0 auto 30px;display:block}
.rc-features{display:flex;flex-wrap:wrap;justify-content:center;background:#fff;color:#333;padding:50px 20px;gap:30px}
.rc-feature{flex:1 1 280px;max-width:320px;text-align:center;padding:20px;border-radius:10px;background:#f7f7f7;border:1px solid #eee;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.rc-feature h3{margin:15px 0;font-size:1.4rem;color:#111}
.rc-feature p{font-size:0.9rem;line-height:1.5;color:#444}
.rc-pricing{background:#f9f9f9;padding:60px 20px}
.rc-pricing h2{text-align:center;margin-bottom:40px;font-size:2rem;color:#111}
.rc-cta{background:#0d0036;color:#fff;text-align:center;padding:50px 20px}
.rc-cta h2{font-size:2rem;margin-bottom:20px;color:#fff}
.rc-cta p{font-size:1rem;margin-bottom:30px;color:#ddd;max-width:600px;margin:0 auto}
.rc-partner{background:#fff;padding:40px 20px;text-align:center}
.rc-partner img{max-width:220px;margin:0 auto}