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