#calculadoras{--primary:#0f172a;--secondary:#1e293b;--accent:#b45309;--accent-light:#fef3c7;--border:#e2e8f0;--white:#fff;padding:clamp(18px,4vw,48px);margin-bottom:32px;font-family:'Segoe UI',system-ui,sans-serif;color:#334155;line-height:1.65;scroll-margin-top:100px}
#calculadoras h2,#calculadoras h3{font-family:inherit;letter-spacing:normal;line-height:1.3;margin-top:0}
#calculadoras .section-header{text-align:center;margin-bottom:3.5rem}
#calculadoras .section-header h2{font-size:2rem;color:var(--primary);margin-bottom:.75rem}
#calculadoras .section-header h2:after{content:'';display:block;width:60px;height:4px;background:var(--accent);margin:.5rem auto 0}
#calculadoras .section-header p{max-width:750px;margin:auto;color:#64748b;font-size:1.05rem}
#calculadoras .grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:2rem}
#calculadoras .calc-note{font-size:.85rem;color:#475569;margin:1.5rem 0 0}
#calculadoras input,#calculadoras select{min-width:0;max-width:100%}

        #calculadoras .calc-box {
            background: var(--white);
            border: 2px solid var(--border);
            border-radius: 12px;
            padding: 2rem;
        }

        #calculadoras .calc-box h3 {
            color: var(--primary);
            margin-bottom: 1rem;
            font-size: 1.35rem;
        }

        #calculadoras .form-group {
            margin-bottom: 1.2rem;
        }

        #calculadoras .form-group label {
            display: block;
            font-weight: 600;
            margin-bottom: 0.4rem;
            font-size: 0.9rem;
            color: var(--secondary);
        }

        #calculadoras .form-group input, #calculadoras .form-group select {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #cbd5e1;
            border-radius: 6px;
            font-size: 1rem;
        }

        #calculadoras .btn-calc {
            width: 100%;
            background: var(--primary);
            color: var(--white);
            border: none;
            padding: 0.9rem;
            font-size: 1rem;
            font-weight: 600;
            border-radius: 6px;
            cursor: pointer;
            transition: background 0.2s;
        }

        #calculadoras .btn-calc:hover {
            background: var(--accent);
        }

        #calculadoras .calc-result {
            margin-top: 1.5rem;
            padding: 1.25rem;
            background: var(--accent-light);
            border-left: 4px solid var(--accent);
            border-radius: 6px;
            display: none;
            font-size: 0.95rem;
            color: #1e293b;
        }

        
@media(max-width:540px){#calculadoras .calc-box{padding:1.2rem}#calculadoras .section-header h2{font-size:1.65rem}#calculadoras select{font-size:.9rem}}