:root{--bg:#fce5cd;--card:#fff3e0;--text:#222;--text-light:#444;--primary:#d35400;--primary-light:#f97316;--secondary:#ffda77;--success:#27ae60;--danger:#c0392b;--radius:20px;--shadow:0 8px 20px rgba(0,0,0,.1)}
body.dark{--bg:#0a0a14;--card:#1a1a2e;--text:#fff;--text-light:#e0e0e0;--primary:#ff8c42;--primary-light:#ffa75e;--secondary:#2d3748;--success:#2ecc71;--danger:#e74c3c}
*{box-sizing:border-box}
body{font-family:'Comic Neue',cursive,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;padding-top:68px;transition:background .3s,color .3s;line-height:1.6}
h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700}
a:not(.btn){color:var(--primary);text-decoration:none;font-weight:600}
a:not(.btn):hover{color:var(--primary-light);text-decoration:underline}
.navbar-cartoon{background:var(--secondary)!important;border-bottom:3px solid var(--primary);box-shadow:var(--shadow)}
.navbar-cartoon .nav-link{color:var(--text)!important;font-weight:600;border-radius:10px;font-size:.9rem;padding:.4rem .75rem!important;transition:all .2s}
.navbar-cartoon .nav-link:hover,.navbar-cartoon .nav-link.show{color:var(--primary)!important;background:rgba(255,255,255,.2)!important}
.navbar-toggler{border:2px solid var(--primary);background:var(--primary-light)!important}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.9)' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}
.btn-theme{background:var(--primary);color:#fff!important;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-light);padding:0;transition:all .3s}
.btn-theme:hover{background:var(--primary-light);transform:scale(1.1)}
.cartoon-dropdown{background:var(--card)!important;border:2px solid var(--primary)!important;border-radius:14px!important;box-shadow:var(--shadow)!important;min-width:190px}
.cartoon-dropdown .dropdown-item{color:var(--text)!important;font-weight:600;font-size:.86rem;border-radius:8px;margin:2px 4px;width:calc(100% - 8px);transition:background .15s}
.cartoon-dropdown .dropdown-item:hover{background:var(--primary)!important;color:#fff!important}
.cartoon-dropdown .dropdown-item i{color:var(--primary);width:18px}
.cartoon-dropdown .dropdown-item:hover i{color:#fff}
.cartoon-card{background:var(--card);border:3px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.cartoon-card h2,.cartoon-card h3,.cartoon-card h4{color:var(--primary)}
.cartoon-input{background:#fff;border:3px solid var(--primary);border-radius:15px;padding:.7rem 1rem;font-size:1rem;font-family:inherit;color:#000!important;width:100%;transition:all .3s}
body.dark .cartoon-input{background:#2d3748;color:#fff!important}
.cartoon-input:focus{box-shadow:0 0 0 .25rem rgba(255,140,66,.4);border-color:var(--primary-light);outline:none}
.cartoon-btn{background:var(--primary);color:#fff!important;border:3px solid var(--primary-light);border-radius:15px;font-family:inherit;font-weight:700;padding:.7rem 1.5rem;transition:all .3s;cursor:pointer}
.cartoon-btn:hover{background:var(--primary-light);transform:scale(1.04)}
.btn-primary{background:var(--primary)!important;border-color:var(--primary-light)!important;color:#fff!important}
.btn-primary:hover{background:var(--primary-light)!important}
.btn-success{background:var(--success)!important;border-color:#2ecc71!important;color:#fff!important}
.btn-outline-success{border:2px solid #28a745;color:#28a745!important;background:transparent;transition:all .3s}
.btn-outline-success:hover{background:#28a745;color:#fff!important}
.tool-hero{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary-light) 100%);border-radius:0 0 var(--radius) var(--radius);padding:2.2rem 0 1.8rem;margin-bottom:1.5rem}
.tool-hero h1{color:#000!important;font-size:1.8rem}
body.dark .tool-hero h1{color:#fff!important}
.tool-hero p{color:#000!important;font-weight:600;margin-bottom:0}
body.dark .tool-hero p{color:#fff!important}
.result-box{background:var(--card);border:3px solid var(--success);border-radius:var(--radius);padding:1.5rem;margin-top:1.5rem}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.tool-tile{background:var(--card);border:2px solid var(--primary);border-radius:14px;padding:.9rem .6rem;text-align:center;text-decoration:none!important;transition:all .25s;display:block}
.tool-tile:hover{background:var(--primary);transform:translateY(-3px)}
.tool-tile i{font-size:1.5rem;color:var(--primary);display:block;margin-bottom:5px}
.tool-tile:hover i,.tool-tile:hover span{color:#fff}
.tool-tile span{font-size:.78rem;font-weight:700;color:var(--text);display:block}
.site-footer{background:var(--secondary);border-top:4px solid var(--primary)}
.site-footer .btn-link{color:var(--text)!important;text-decoration:none;font-weight:600;font-size:.85rem;padding:.2rem .5rem}
.site-footer .btn-link:hover{color:var(--primary)!important}
.site-footer hr{border-color:var(--primary);opacity:.4}
.whatsapp-float{position:fixed;bottom:22px;right:22px;z-index:999}
.whatsapp-float a{background:#25D366;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .3s;text-decoration:none!important}
.whatsapp-float a:hover{transform:scale(1.15)}
#backToTop{position:fixed;bottom:84px;right:22px;z-index:998;display:none;background:var(--primary);color:#fff;border:none;border-radius:50%;width:42px;height:42px;cursor:pointer;font-size:1.1rem;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s}
#backToTop:hover{background:var(--primary-light);transform:scale(1.1)}
.alert-success{background:rgba(39,174,96,.12);border:2px solid #27ae60}
.alert-info{background:rgba(52,152,219,.12);border:2px solid #3498db}
.alert-warning{background:rgba(243,156,18,.12);border:2px solid #f39c12}
.alert-danger{background:rgba(192,57,43,.12);border:2px solid #c0392b}
body.dark .form-label{color:#fff;font-weight:600}
body.dark .text-muted{color:#a0aec0!important}
body.dark .bg-light{background:#16213e!important}
body.dark .cartoon-dropdown{background:#1a1a2e!important}
@media(max-width:768px){body{padding-top:62px;font-size:15px}.cartoon-card{padding:1.2rem!important}.tool-hero h1{font-size:1.4rem}}