@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-qdykkb {grid-template-columns: 1fr 1fr 1fr}@media (max-width: 767px) {#brxe-qdykkb {grid-template-columns: 1fr}}#brxe-ivelss {font-size: 1.4rem}.planes-section { max-width: 1200px; margin: 0 auto; padding: 80px 20px;} .section-header { text-align: center; margin-bottom: 60px;} .section-header h2 { font-size: 2.5rem; font-weight: 700; margin-bottom: 20px; line-height: 1.2;} .section-header .subtitle { font-size: 1.2rem; color: #f4c430; font-weight: 500;} .intro-text { max-width: 800px; margin: 0 auto 80px; padding: 40px; background-color: rgba(255, 255, 255, 0.03); border-left: 4px solid #f4c430; border-radius: 8px;} .intro-text p { font-size: 1.05rem; line-height: 1.8; color: #e0e0e0; margin-bottom: 20px;} .intro-text p:last-child { margin-bottom: 0;} .planes-grid { display: grid; gap: 30px; margin-bottom: 60px;} .plan-card { background: linear-gradient(135deg, rgba(20, 35, 60, 0.8) 0%, rgba(15, 25, 45, 0.9) 100%); border: 1px solid rgba(244, 196, 48, 0.2); border-radius: 12px; padding: 40px; position: relative; overflow: hidden; transition: transform 0.3s ease, border-color 0.3s ease;} .plan-card:hover { transform: translateY(-5px); border-color: rgba(244, 196, 48, 0.5);} .plan-card::before { content: ''; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: linear-gradient(180deg, #f4c430 0%, #d4a017 100%);} .plan-nivel { display: inline-block; background-color: #f4c430; color: #0a1628; padding: 8px 20px; border-radius: 30px; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;} .plan-card h3 { font-size: 1.8rem; margin-bottom: 15px; color: #ffffff;} .plan-descripcion { font-size: 1.05rem; color: #b0b0b0; margin-bottom: 30px; line-height: 1.6;} .plan-resuelve { margin-bottom: 30px;} .plan-resuelve h4 { font-size: 1.1rem; color: #f4c430; margin-bottom: 15px; font-weight: 600;} .plan-resuelve ul { list-style: none;} .plan-resuelve li { padding-left: 30px; margin-bottom: 12px; position: relative; color: #d0d0d0; line-height: 1.6;} .plan-resuelve li::before { content: '✓'; position: absolute; left: 0; color: #f4c430; font-weight: bold; font-size: 1.2rem;} .plan-simple { background-color: rgba(244, 196, 48, 0.1); border-left: 3px solid #f4c430; padding: 20px 25px; border-radius: 8px;} .plan-simple strong { color: #f4c430; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.5px;} .plan-simple p { margin-top: 8px; color: #ffffff; font-size: 1.05rem; line-height: 1.5;} .cual-plan { text-align: center; max-width: 700px; margin: 80px auto 60px; padding: 40px; background: linear-gradient(135deg, rgba(30, 50, 80, 0.5) 0%, rgba(20, 35, 60, 0.5) 100%); border-radius: 12px; border: 1px solid rgba(244, 196, 48, 0.3);} .cual-plan h3 { font-size: 1.8rem; margin-bottom: 20px; color: #f4c430;} .cual-plan p { font-size: 1.1rem; line-height: 1.7; color: #d0d0d0;} .cta-container { text-align: center; margin: 60px auto; padding: 60px 40px; background: linear-gradient(135deg, #1a8fd9 0%, #1570b0 100%); border-radius: 12px; max-width: 800px;} .cta-container h3 { font-size: 2rem; margin-bottom: 30px;} .cta-button { display: inline-block; background-color: #f4c430; color: #0a1628; padding: 18px 40px; border-radius: 50px; font-size: 1.1rem; font-weight: 700; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 4px 15px rgba(244, 196, 48, 0.3);} .cta-button:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(244, 196, 48, 0.5);} .frase-cierre { text-align: center; max-width: 700px; margin: 60px auto 0; padding: 30px; font-size: 1.2rem; font-style: italic; color: #f4c430; line-height: 1.7; border-top: 2px solid rgba(244, 196, 48, 0.3); border-bottom: 2px solid rgba(244, 196, 48, 0.3);}@media (max-width: 768px) { .section-header h2 { font-size: 2rem; } .section-header .subtitle { font-size: 1rem; } .plan-card { padding: 30px 25px; } .plan-card h3 { font-size: 1.5rem; } .cta-container { padding: 40px 25px; } .cta-container h3 { font-size: 1.6rem; } .frase-cierre { font-size: 1.05rem; }}