.catalogo-hero{padding:42px 0;background:linear-gradient(120deg,#172554,#1d4ed8);text-align:center}.catalogo-hero h2{font-size:clamp(2rem,4vw,3rem);color:#fff;margin:6px auto}.catalogo-hero p{color:#dbeafe}.etiqueta-catalogo{display:inline-block;padding:5px 13px;background:#93c5fd;border-radius:999px;color:#172554!important;font-size:.9rem;font-weight:800}.buscador-catalogo{display:flex;max-width:680px;margin:24px auto 16px;padding:0 15px;align-items:center;gap:8px;border-radius:14px;background:#fff}.buscador-catalogo input{width:100%;padding:15px 0;border:0;outline:0;font:inherit;font-size:1.05rem;color:#1e293b}.filtros-categoria{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.filtro-categoria{border:1px solid #93c5fd;border-radius:99px;padding:7px 13px;background:transparent;color:#eff6ff;font:inherit;cursor:pointer}.filtro-categoria.activo,.filtro-categoria:hover{background:#fff;color:#1d4ed8}.zona-catalogo{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:26px;align-items:start}.contador-herramientas{margin:0 0 14px;color:#bfdbfe;font-weight:700}.lista-herramientas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.herramienta-card{padding:18px;border:1px solid #334155;border-radius:16px;background:#1f2937;color:#fff;text-align:left;cursor:pointer;transition:.2s}.herramienta-card:hover,.herramienta-card.activa{transform:translateY(-2px);border-color:#60a5fa;background:#263c5c}.herramienta-card h3{font-size:1.05rem;line-height:1.25}.herramienta-card p{margin-top:6px;color:#cbd5e1;font-size:.88rem;line-height:1.4}.categoria-pill{display:inline-block;margin-bottom:8px;color:#93c5fd;font-size:.78rem;font-weight:800}.panel-calculo{position:sticky;top:20px;padding:25px;border-radius:20px;background:#fff;color:#1e293b;box-shadow:0 10px 28px rgba(0,0,0,.22)}.panel-vacio{margin:0;color:#64748b;text-align:center}.panel-calculo h2{margin-bottom:5px;color:#1d4ed8;line-height:1.2}.panel-calculo>p{color:#475569}.form-catalogo{display:grid;gap:12px;margin-top:20px}.form-catalogo label{font-weight:700;color:#334155}.form-catalogo input{display:block;width:100%;margin-top:4px;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.form-catalogo button{padding:13px;border:0;border-radius:10px;background:#2563eb;color:#fff;font:inherit;font-weight:800;cursor:pointer}.form-catalogo button:hover{background:#1d4ed8}.resultado-catalogo{margin-top:18px;padding:16px;border-radius:12px;background:#dcfce7;color:#166534;font-size:1.1rem;font-weight:800}.paso-formula{margin-top:12px;padding:12px;border-radius:10px;background:#eff6ff;color:#1e3a8a;font-size:.9rem}.error-catalogo{margin-top:18px;padding:12px;background:#fee2e2;color:#991b1b;border-radius:10px}.nota-salud{padding-top:5px}.nota-salud h2{color:#93c5fd}.nota-salud p{color:#cbd5e1}@media(max-width:800px){.zona-catalogo{grid-template-columns:1fr}.panel-calculo{position:static;order:-1}.lista-herramientas{grid-template-columns:1fr}}@media(max-width:460px){.lista-herramientas{grid-template-columns:1fr}}

/* Capas de vidrio para el catálogo */
.catalogo-hero{background:transparent}.catalogo-hero .container{padding:30px 22px;border:1px solid rgba(186,220,255,.18);border-radius:24px;background:linear-gradient(135deg,rgba(48,76,130,.66),rgba(23,35,65,.67));box-shadow:0 18px 44px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(18px)}.etiqueta-catalogo{background:rgba(219,234,254,.92)}.buscador-catalogo{background:rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(0,0,0,.13)}.filtro-categoria{background:rgba(15,23,42,.22);backdrop-filter:blur(10px)}.herramienta-card{border-color:rgba(186,220,255,.16);background:linear-gradient(145deg,rgba(39,56,89,.70),rgba(23,32,54,.62));backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.herramienta-card:hover,.herramienta-card.activa{background:linear-gradient(145deg,rgba(59,88,139,.80),rgba(35,52,86,.73));border-color:rgba(147,197,253,.55)}.panel-calculo{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.58);backdrop-filter:blur(20px);box-shadow:0 18px 38px rgba(0,0,0,.23)}