.mode-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.mode-btn{padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;color:var(--color-text-secondary);background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-family:inherit}.mode-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--bg-card-hover)}.mode-btn.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.mode-panel{margin-bottom:2rem}.mode-panel[hidden]{display:none}.panel{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .3s,box-shadow .3s}.panel:hover{border-color:rgba(6,182,212,.3);box-shadow:0 0 20px rgba(6,182,212,.08)}.panel-title{font-size:1.2rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.panel-hint{color:var(--color-text-muted);font-size:.85rem;margin-bottom:1rem}.form-group{margin-bottom:1.25rem}.form-group label,.form-group>label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text);font-size:.95rem}.form-hint{display:block;color:var(--color-text-muted);font-size:.8rem;margin-top:.35rem}.input-text{width:100%;height:44px;padding:0 .75rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--color-text);outline:0;transition:border-color .2s;font-family:inherit}.input-text:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.input-select{width:100%;height:44px;padding:0 .75rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--color-text);outline:0;transition:border-color .2s;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:2rem}.input-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.ingredient-search-wrap{margin-bottom:1rem}.ingredient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;max-height:300px;overflow-y:auto;padding-right:.25rem}.ingredient-card{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;user-select:none;font-size:.88rem;font-weight:500;color:var(--color-text-secondary)}.ingredient-card:hover{border-color:var(--color-primary);background:var(--bg-card-hover);color:var(--color-text)}.ingredient-card.selected{border-color:var(--color-primary);background:var(--color-primary-muted);color:var(--color-primary-hover);font-weight:700}.ingredient-card .card-emoji{font-size:1.15rem;flex-shrink:0}.ingredient-card .card-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ingredient-grid::-webkit-scrollbar{width:6px}.ingredient-grid::-webkit-scrollbar-track{background:var(--bg-input);border-radius:3px}.ingredient-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.ingredient-grid::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.amount-row{display:flex;gap:.75rem}.amount-row .input-text{flex:0 0 100px}.amount-row .input-select{flex:1}.convert-row{display:grid;grid-template-columns:80px 1fr auto 1fr;gap:.75rem;align-items:end}.convert-arrow{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-primary);padding-bottom:.5rem;font-weight:700}@media (max-width:640px){.convert-row{grid-template-columns:1fr 1fr}.convert-arrow{grid-column:1/-1;justify-content:center;padding:.25rem 0}.convert-row .form-group:first-child{grid-column:1/-1}}.section-title{font-size:1.5rem;font-weight:800;color:var(--color-primary);margin-bottom:1.5rem;text-align:center}.resultados{margin-top:1.5rem;margin-bottom:2rem;animation:fadeInUp .4s ease-out}.resultados[hidden]{display:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.equiv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.equiv-card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;text-align:center;transition:all .2s}.equiv-card:hover{border-color:rgba(6,182,212,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(6,182,212,.1)}.equiv-card.selected{border-color:var(--color-primary);background:var(--color-primary-muted)}.equiv-label{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.equiv-value{display:block;font-size:1.4rem;font-weight:800;color:var(--color-primary-hover);line-height:1.2}.equiv-unit{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-top:.15rem}.ref-table-wrap{overflow-x:auto}.ref-table{width:100%;border-collapse:collapse;font-size:.9rem}.ref-table th{text-align:left;padding:.65rem .75rem;background:var(--bg-input);color:var(--color-primary);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--color-border);white-space:nowrap}.ref-table td{padding:.6rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.ref-table tr:hover td{background:var(--bg-card-hover)}.ref-table td:first-child{font-weight:600;color:var(--color-text)}.ref-table td:nth-child(2),.ref-table td:nth-child(3),.ref-table td:nth-child(4){color:var(--color-primary-hover);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.ref-table td:last-child{text-align:right;color:var(--color-text-muted);font-size:.85rem}.tips-section{margin-bottom:2.5rem}.tips-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:600px){.tips-grid{grid-template-columns:1fr 1fr}}.tip-card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;transition:all .3s}.tip-card:hover{border-color:rgba(6,182,212,.3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tip-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:800;font-size:.85rem;border-radius:50%;margin-bottom:.5rem}.tip-card h3{font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:.4rem}.tip-card p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.more-tools-section{margin-bottom:2.5rem}.tools-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:600px){.tools-grid{grid-template-columns:1fr 1fr}}.tool-link-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all .2s}.tool-link-card:hover{border-color:var(--color-primary);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(6,182,212,.1)}.tool-icon{font-size:2rem;flex-shrink:0}.tool-name{display:block;font-weight:700;font-size:1rem}.tool-desc{display:block;font-size:.85rem;color:var(--color-text-muted)}.nota-legal{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:2rem}.nota-legal p{font-size:.85rem;color:var(--color-text-muted);line-height:1.6}.nota-legal strong{color:var(--color-text-secondary)}.footer{text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--color-border);margin-top:2rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.75rem}.footer-links a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s}.footer-links a:hover{color:var(--color-primary-hover);text-decoration:underline}.footer-text{color:var(--color-text-muted);font-size:.85rem}@media print{body{background:#fff;color:#111}.breadcrumb,.footer,.ingredient-search-wrap,.mode-selector,.more-tools-section,.nota-legal,.tips-section{display:none!important}.container{max-width:100%;padding:0}.panel{background:#fff;border:1px solid #ddd;box-shadow:none}.resultados{display:block!important}.resultados[hidden]{display:block!important}.equiv-card{background:#fff;border:1px solid #ddd;box-shadow:none;break-inside:avoid}.section-title{color:#0891b2}.ref-table th{background:#f3f4f6;color:#111}.ref-table td{color:#333}.ref-table td:nth-child(2),.ref-table td:nth-child(3),.ref-table td:nth-child(4){color:#0891b2}.tip-card{background:#fff;border:1px solid #ddd}.tool-header h1{background:0 0;-webkit-text-fill-color:#0891b2;color:#0891b2}.subtitle{color:#555}.ingredient-card{background:#fff;border:1px solid #ddd;color:#333}}@media (max-width:480px){.container{padding:0 1rem 2rem}.panel{padding:1rem}.mode-selector{flex-direction:column}.mode-btn{text-align:center}.amount-row{flex-direction:column}.amount-row .input-text{flex:unset}.equiv-grid{grid-template-columns:1fr 1fr}.ingredient-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:220px}}