.compara-section{background:var(--white);padding:140px 0 80px;position:relative}.compara-header{text-align:center;margin-bottom:50px}.compara-subtitle{font-size:1.3rem;color:var(--primary-color);margin-bottom:1rem;font-weight:600}.compara-intro{font-size:1.1rem;color:var(--gray);max-width:800px;margin:0 auto}.compara-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.compara-tab{background:var(--light-gray);border:2px solid transparent;padding:15px 25px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:var(--gray)}.compara-tab:hover{background:var(--secondary-color);color:var(--white);transform:translateY(-2px)}.compara-tab.active{background:var(--primary-color);color:var(--white);border-color:var(--secondary-color);box-shadow:0 5px 15px rgba(0,51,102,.3)}.compara-content{position:relative;min-height:400px}.compara-example{display:none;animation:fadeIn .5s ease-in-out;margin-bottom:56px}.compara-example.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.example-header{text-align:center;margin-bottom:40px}.example-header h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:10px}.example-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:start}.example-text{background:#f8f9fa;padding:30px;border-radius:15px;border-left:5px solid var(--secondary-color)}.example-bullets{display:flex;flex-direction:column;gap:15px}.bullet-item{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.bullet-icon{font-size:1.2rem;min-width:25px;margin-top:2px}.calculation{display:flex;align-items:center;gap:12px;background:var(--primary-color);padding:12px 15px;border-radius:8px;margin-left:37px}.calculation,.highlight-quote{color:var(--white);font-weight:600}.highlight-quote{background:var(--accent-color);padding:15px 20px;border-radius:10px;font-style:italic;text-align:center;margin-top:20px}.example-chart{background:var(--white);padding:30px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);border:2px solid var(--light-gray)}.example-chart h4{text-align:center;color:var(--primary-color);margin-bottom:64px;font-size:1.3rem}.chart-container{gap:20px}.chart-bar,.chart-container{display:flex;flex-direction:column}.chart-bar{gap:8px}.bar-label{font-weight:600;color:var(--text-color);font-size:.95rem}.bar-wrapper{background:var(--light-gray);border-radius:8px;overflow:hidden;height:40px;position:relative}.bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:15px;font-weight:600;color:var(--white);transition:width 1s ease-in-out}.bar-before{background:linear-gradient(90deg,#666,#888)}.bar-after{background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%)}.bar-value{font-size:.9rem;font-weight:700}.chart-savings{text-align:center;background:var(--accent-color);color:var(--white);padding:12px;border-radius:8px;font-weight:600;font-size:1.1rem;margin-top:10px}.compara-reinforcement{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:var(--white);padding:40px;border-radius:20px;margin:50px 0;text-align:center}.reinforcement-content{max-width:800px;margin:0 auto}.reinforcement-text{font-size:1.2rem;margin-bottom:15px;line-height:1.6}.reinforcement-highlight{font-size:1.4rem;font-weight:700;color:#ffd700}.compara-cta{text-align:center;margin-top:40px}.compara-cta .cta-button{font-size:1.2rem;padding:18px 40px;background:var(--accent-color);border:none;border-radius:35px;color:var(--white);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px rgba(34,139,34,.3)}.compara-cta .cta-button:hover{background:#1a7a1a;transform:translateY(-3px);box-shadow:0 8px 25px rgba(34,139,34,.4)}@media (max-width:768px){.compara-section{padding:60px 0}.compara-tabs{flex-direction:column;align-items:center}.compara-tab{width:100%;max-width:300px;text-align:center}.example-grid{grid-template-columns:1fr;gap:30px}.example-chart,.example-text{padding:20px}.compara-reinforcement{padding:30px 20px;margin:40px 0}.reinforcement-text{font-size:1.1rem}.reinforcement-highlight{font-size:1.2rem}.compara-cta .cta-button{font-size:1.1rem;padding:15px 30px}}@media (max-width:480px){.compara-subtitle{font-size:1.1rem}.compara-intro{font-size:1rem}.example-header h3{font-size:1.5rem}.bullet-item{font-size:.95rem}.calculation{font-size:.9rem;padding:10px 12px}.highlight-quote{font-size:.95rem;padding:12px 15px}}.chart-container-vertical{display:flex;justify-content:center;align-items:flex-end;gap:10px;min-height:120px;height:auto;padding-top:0;overflow:visible}.chart-bar-vertical{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:48px}.bar-vertical{width:28px;min-width:20px;max-width:32px;min-height:24px;max-height:80px;border-radius:16px 16px 0 0;display:flex;align-items:flex-end;justify-content:center;position:relative;margin-bottom:8px;transition:height 1s cubic-bezier(.4,2,.6,1);box-shadow:0 4px 16px rgba(0,0,0,.08)}.bar-before-vertical{background:linear-gradient(180deg,#888,#666)}.bar-after-vertical{background:linear-gradient(180deg,var(--secondary-color) 0,var(--primary-color) 100%)}.bar-label-vertical{font-size:.85rem;color:var(--text-color);font-weight:400;margin-top:6px;text-align:center}.bar-value-vertical{left:50%;transform:translateX(-50%);background:var(--white);color:var(--primary-color);font-weight:700;font-size:.85rem;padding:2px 4px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.07);margin-bottom:2px;display:block;text-align:center}@media (max-width:768px){.example-chart h4{margin-bottom:40px}.chart-container-vertical{gap:10px;min-height:120px;height:auto;padding-top:0}.chart-bar-vertical{width:48px}.bar-vertical{width:28px;min-width:20px;max-width:32px;min-height:24px;max-height:80px}.bar-value-vertical{font-size:.85rem;padding:2px 4px;margin-bottom:2px}.bar-label-vertical{font-size:.85rem}}