.iaLayer-preciotecnologia { background-color: var(--pt-bg, var(--ia-color-dark, #1c1c1e)); padding: 80px 0; font-family: inherit; } .iaLayer-preciotecnologia .pt-inner { max-width: 1200px; margin: 0 auto; padding: 0 32px; } .iaLayer-preciotecnologia .pt-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; margin-bottom: 48px; flex-wrap: wrap; } .iaLayer-preciotecnologia .pt-header-left { flex: 1 1 320px; } .iaLayer-preciotecnologia .pt-header-right { flex: 1 1 260px; display: flex; flex-direction: column; align-items: flex-end; gap: 16px; } .iaLayer-preciotecnologia .pt-eyebrow { font-size: 0.85rem; letter-spacing: 0.08em; color: #999; text-transform: uppercase; margin: 0 0 12px; display: flex; align-items: center; gap: 8px; } .iaLayer-preciotecnologia .pt-eyebrow::before { content: ''; display: inline-block; width: 20px; height: 1px; background: #999; } .iaLayer-preciotecnologia .pt-title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; color: var(--pt-title-color, var(--ia-color-text-inverted, #ffffff)); margin: 0; line-height: 1.15; } .iaLayer-preciotecnologia .pt-subtitle { font-size: 0.9rem; color: #aaa; margin: 0; max-width: 280px; text-align: right; line-height: 1.6; } .iaLayer-preciotecnologia .pt-toggle-wrap { display: flex; align-items: center; gap: 10px; } .iaLayer-preciotecnologia .pt-toggle-label { font-size: 0.85rem; color: #ccc; cursor: pointer; } .iaLayer-preciotecnologia .pt-toggle-btn { background: none; border: 1px solid #555; border-radius: 9999px; padding: 3px; cursor: pointer; display: flex; align-items: center; } .iaLayer-preciotecnologia .pt-toggle-track { width: 44px; height: 22px; background: #333; border-radius: 9999px; position: relative; display: block; transition: background 0.25s; } .iaLayer-preciotecnologia .pt-toggle-btn[aria-checked="true"] .pt-toggle-track { background: var(--pt-accent, var(--ia-color-accent, #c8a84b)); } .iaLayer-preciotecnologia .pt-toggle-thumb { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform 0.25s; display: block; } .iaLayer-preciotecnologia .pt-toggle-btn[aria-checked="true"] .pt-toggle-thumb { transform: translateX(22px); } .iaLayer-preciotecnologia .pt-save-badge { background: var(--pt-save-badge-bg, var(--ia-color-accent, #c8a84b)); color: #1c1c1e; font-size: 0.75rem; font-weight: 700; padding: 4px 10px; border-radius: 9999px; white-space: nowrap; } .iaLayer-preciotecnologia .pt-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .iaLayer-preciotecnologia .pt-card { background: var(--pt-card-bg, #2a2a2e); border-radius: 12px; padding: 28px 24px; display: flex; flex-direction: column; gap: 0; border: 1px solid transparent; transition: border-color 0.25s; } .iaLayer-preciotecnologia .pt-card--featured { border-color: var(--pt-accent, var(--ia-color-accent, #c8a84b)); } .iaLayer-preciotecnologia .pt-card-header { margin-bottom: 12px; } .iaLayer-preciotecnologia .pt-plan-name { font-size: 0.85rem; font-weight: 600; color: #fff; background: #3a3a3e; padding: 4px 12px; border-radius: 4px; display: inline-block; } .iaLayer-preciotecnologia .pt-card--featured .pt-plan-name { background: var(--pt-accent, var(--ia-color-accent, #c8a84b)); color: #1c1c1e; } .iaLayer-preciotecnologia .pt-card-price { display: flex; align-items: baseline; gap: 4px; margin-bottom: 10px; } .iaLayer-preciotecnologia .pt-price-amount { font-size: 2.6rem; font-weight: 800; color: #fff; line-height: 1; } .iaLayer-preciotecnologia .pt-price-period { font-size: 0.85rem; color: #aaa; } .iaLayer-preciotecnologia .pt-card-desc { font-size: 0.85rem; color: #bbb; margin: 0 0 20px; line-height: 1.6; flex-grow: 0; } .iaLayer-preciotecnologia .pt-cta-btn { display: flex; align-items: center; justify-content: space-between; background: #111; color: #fff; border: none; border-radius: 8px; padding: 14px 20px; font-size: 0.95rem; font-weight: 600; text-decoration: none; cursor: pointer; margin-bottom: 24px; transition: background 0.2s; } .iaLayer-preciotecnologia .pt-cta-btn:hover { background: #222; } .iaLayer-preciotecnologia .pt-cta-ic { font-size: 1rem; } .iaLayer-preciotecnologia .pt-features-title { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; color: #888; margin: 0 0 12px; font-weight: 600; } .iaLayer-preciotecnologia .pt-features-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .iaLayer-preciotecnologia .pt-features-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 0.82rem; color: #ccc; line-height: 1.5; } .iaLayer-preciotecnologia .pt-check-ic { color: var(--pt-accent, var(--ia-color-accent, #c8a84b)); flex-shrink: 0; margin-top: 2px; } @media (max-width: 900px) { .iaLayer-preciotecnologia .pt-cards { grid-template-columns: 1fr; } .iaLayer-preciotecnologia .pt-header { flex-direction: column; } .iaLayer-preciotecnologia .pt-header-right { align-items: flex-start; } .iaLayer-preciotecnologia .pt-subtitle { text-align: left; } }