/* Bloom Tools catalogue: animation motifs adapted from user-supplied HTML. */
.page-herramientas{--thub-ink:#284732;--thub-muted:#627c65;--thub-line:#c6d8c3}
.page-herramientas .thub-hero{padding:clamp(56px,7vw,100px) clamp(20px,5vw,90px) 48px;background:#eef4e8;color:var(--thub-ink);border-bottom:1px solid var(--thub-line)}
.page-herramientas .thub-eyebrow{font:800 10px/1.6 'DM Sans',sans-serif;letter-spacing:.16em;color:#638269}
.page-herramientas .thub-hero h1{max-width:900px;margin:18px 0;font:700 clamp(45px,6vw,86px)/1.03 'DM Sans',sans-serif;letter-spacing:-.063em}
.page-herramientas .thub-hero h1 em{font-style:normal;color:#bd7359}
.page-herramientas .thub-hero p{max-width:690px;margin:0;color:var(--thub-muted);font:400 16px/1.7 'DM Sans',sans-serif}
.page-herramientas .thub-count{display:inline-block;margin-top:27px;font:800 10px/1.4 'DM Sans',sans-serif;letter-spacing:.1em;color:#5e8063}
.page-herramientas .thub-section{padding:clamp(35px,5vw,70px) clamp(20px,5vw,90px) 90px;background:#f5f7ed}
.page-herramientas .thub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,38px)}
.page-herramientas .thub-card{display:flex;flex-direction:column;min-width:0;border-radius:24px;border:1px solid #c2d5bc;background:#fffdf6;color:var(--thub-ink);text-decoration:none;overflow:hidden;box-shadow:0 16px 35px #35533b13;transition:transform .28s,box-shadow .28s}
.page-herramientas .thub-card:hover,.page-herramientas .thub-card:focus-visible{transform:translateY(-5px);box-shadow:0 24px 40px #35533b25}
.page-herramientas .thub-card:focus-visible{outline:3px solid #c58169;outline-offset:4px}
.page-herramientas .thub-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:22px 26px;background:#f8fbf3}
.page-herramientas .thub-card-top strong{font:800 clamp(20px,2.3vw,27px)/1.2 'DM Sans',sans-serif;letter-spacing:-.03em}
.page-herramientas .thub-card-top small{color:#68806b;font:800 10px/1.3 'DM Sans',sans-serif;letter-spacing:.07em}
.page-herramientas .thub-art{position:relative;min-height:335px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#ebf3e6,#dfeadd 80%);overflow:hidden;isolation:isolate}
.page-herramientas .thub-art::before{content:"";inset:0;position:absolute;background-image:linear-gradient(#64866712 1px,transparent 1px),linear-gradient(90deg,#64866712 1px,transparent 1px);background-size:25px 25px;opacity:.7;pointer-events:none}
.page-herramientas .thub-card-bottom{padding:23px 26px 26px;display:flex;flex-direction:column;gap:19px;flex:1}
.page-herramientas .thub-card-bottom p{font:400 13px/1.7 'DM Sans',sans-serif;color:#5c755f;margin:0;flex:1}
.page-herramientas .thub-card-bottom>span{display:flex;align-items:center;justify-content:space-between;gap:15px;font:800 11px/1.4 'DM Sans',sans-serif;letter-spacing:.09em;color:#457454;border-top:1px solid #d2dfcd;padding-top:18px}
.page-herramientas .thub-card-bottom b{font-size:23px;color:#bc785e}
.page-herramientas .thub-footnote{font:400 12px/1.6 'DM Sans',sans-serif;color:#748576;margin:24px 0 0}
/* Paper and scanner: illustrative "compiling" motion from the submitted PDF sample. */
.thub-pdf-stage{position:relative;z-index:1;width:185px;height:245px;perspective:850px}
.thub-pdf-sheet{position:absolute;inset:0;border:2px solid #6c9977;border-radius:14px;background:#fffcf2;padding:22px;box-shadow:0 16px 28px #2a50382d;overflow:hidden}
.thub-pdf-fold{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 27px 27px 0;border-color:transparent #d5e4d1 transparent transparent}
.thub-pdf-label{display:inline-block;background:#bb705c;color:#fff;padding:4px 9px;border-radius:5px;font:800 11px 'DM Sans',sans-serif;letter-spacing:.04em;margin-bottom:17px}
.thub-pdf-title,.thub-pdf-line{display:block;height:7px;border-radius:8px;background:#b6cbb4;margin:0 0 13px}
.thub-pdf-title{width:60%;height:10px;background:#668c72}
.thub-pdf-line.short{width:68%}
.thub-pdf-chart{height:51px;margin:19px 0 12px;border:1px dashed #b1c8b0;border-radius:7px;display:flex;align-items:flex-end;justify-content:space-around;padding:6px}
.thub-pdf-chart i{display:block;width:14%;height:48%;background:#bd8268;border-radius:3px 3px 0 0;transform-origin:bottom}
.thub-pdf-chart i:nth-child(2){height:76%}.thub-pdf-chart i:nth-child(3){height:35%}.thub-pdf-chart i:nth-child(4){height:93%}
.thub-pdf-laser{position:absolute;top:0;left:0;right:0;height:2px;background:#c2765d;box-shadow:0 0 10px 2px #ca7b67}
.thub-pdf-seal{position:absolute;right:15px;bottom:24px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid #bc775e;color:#bc775e;transform:rotate(-12deg);font:900 13px 'DM Sans',sans-serif}
.thub-pdf-art.thub-active .thub-pdf-sheet{animation:thub-sheet 5.5s cubic-bezier(.4,0,.2,1) infinite}
.thub-pdf-art.thub-active .thub-pdf-laser{animation:thub-laser 5.5s ease-in-out infinite}
.thub-pdf-art.thub-active .thub-pdf-seal{animation:thub-stamp 5.5s ease-out infinite}
.thub-pdf-art.thub-active .thub-pdf-chart i{animation:thub-bar 5.5s ease-in-out infinite}
@keyframes thub-sheet{0%{transform:translateY(25px) scale(.94);opacity:.5}16%,84%{transform:none;opacity:1}100%{transform:translateY(-22px) scale(.95);opacity:.5}}
@keyframes thub-laser{0%,18%{top:0;opacity:0}26%{opacity:1}61%{top:100%;opacity:1}72%,100%{top:100%;opacity:0}}
@keyframes thub-stamp{0%,56%{transform:scale(1.6) rotate(-24deg);opacity:0}70%,87%{transform:scale(1) rotate(-12deg);opacity:1}98%,100%{opacity:0}}
@keyframes thub-bar{0%,29%{transform:scaleY(.1)}53%,84%{transform:scaleY(1)}100%{transform:scaleY(.1)}}
/* Scan motif based on the QR illustration from the supplied animation HTML. */
.thub-qr-stage{position:relative;z-index:1;display:grid;justify-items:center;gap:12px}
.thub-qr-url{width:194px;display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid #a2c5ad;border-radius:8px;background:#f9fcf4;color:#568469;font:800 10px/1.4 monospace}
.thub-qr-url i{color:#c27d64;font-style:normal}
.thub-qr-url b{white-space:nowrap;overflow:hidden;font-weight:700}
.thub-qr-frame{position:relative;width:214px;height:214px;padding:19px;background:#fffef8;border:2px solid #95b89e;border-radius:16px;box-shadow:0 16px 28px #2b5b3930}
.thub-qr-symbol{width:100%;height:100%;color:#46745a}
.thub-qr-corner{position:absolute;width:15px;height:15px;border:2px solid #bc8062}
.thub-qr-corner.tl{left:6px;top:6px;border-right:0;border-bottom:0}.thub-qr-corner.tr{right:6px;top:6px;border-left:0;border-bottom:0}.thub-qr-corner.bl{left:6px;bottom:6px;border-right:0;border-top:0}.thub-qr-corner.br{right:6px;bottom:6px;border-left:0;border-top:0}
.thub-qr-scan{position:absolute;top:13%;left:12px;right:12px;height:2px;background:#bc8669;box-shadow:0 0 11px 2px #bb816a8a;opacity:0}
.thub-qr-ping{position:absolute;inset:2px;border:2px solid #7baf83;border-radius:15px;opacity:0}
.thub-qr-art.thub-active .thub-qr-eyes{animation:thub-qr-in 5s ease-in-out infinite}
.thub-qr-art.thub-active .thub-qr-pupils{animation:thub-qr-in 5s .25s ease-in-out infinite}
.thub-qr-art.thub-active .thub-qr-pixels{animation:thub-qr-in 5s .5s ease-in-out infinite}
.thub-qr-art.thub-active .thub-qr-scan{animation:thub-qr-laser 5s ease-in-out infinite}
.thub-qr-art.thub-active .thub-qr-ping{animation:thub-qr-ring 5s ease-out infinite}
@keyframes thub-qr-in{0%,17%,95%,100%{opacity:.25;transform:scale(.8)}36%,83%{opacity:1;transform:scale(1)}}
@keyframes thub-qr-laser{0%,35%{top:13%;opacity:0}43%,68%{opacity:1}74%,100%{top:86%;opacity:0}}
@keyframes thub-qr-ring{0%,71%{transform:scale(.96);opacity:0}77%{opacity:1}93%,100%{transform:scale(1.1);opacity:0}}
@media(max-width:800px){.page-herramientas .thub-grid{grid-template-columns:1fr;max-width:650px}.page-herramientas .thub-art{min-height:300px}}
@media(max-width:470px){.page-herramientas .thub-hero{padding:56px 20px 40px}.page-herramientas .thub-section{padding:35px 18px 75px}.page-herramientas .thub-card-top,.page-herramientas .thub-card-bottom{padding:19px}.page-herramientas .thub-art{min-height:295px}}
@media(prefers-reduced-motion:reduce){.page-herramientas .thub-grid *, .page-herramientas .thub-card{animation:none!important;transition:none!important}}
/* New lightweight animation motifs: sound wave, bitrate and image batches. */
.thub-wave-scene,.thub-audio-opt-scene,.thub-image-scene{display:grid;place-items:center;position:relative;z-index:1;color:#628f71;min-width:0}
.thub-wave-scene svg{display:block;width:min(80%,300px);height:auto;filter:drop-shadow(0 10px 12px #3f6b4a28)}
.thub-wave-caption,.thub-image-caption{font:800 10px 'DM Sans',sans-serif;color:#7b927c;letter-spacing:.1em;margin-top:12px}
.thub-audio-art.thub-active .thub-wave-sound{animation:thub-audio-wave 2.5s ease-in-out infinite;transform-origin:center}
.thub-audio-art.thub-active .thub-wave-cut{animation:thub-audio-scan 4.2s ease-in-out infinite}
@keyframes thub-audio-wave{0%,100%{transform:scaleY(.75)}50%{transform:scaleY(1.08)}}
@keyframes thub-audio-scan{0%,100%{transform:translateX(-60px);opacity:.25}50%{transform:translateX(50px);opacity:1}}
.thub-audio-opt-scene{gap:15px}
.thub-opt-bars{display:flex;align-items:center;justify-content:center;gap:11px;height:125px}
.thub-opt-bars i{display:block;width:13px;height:36%;background:linear-gradient(#91b79a,#bc846e);border-radius:10px;transform-origin:center}
.thub-opt-bars i:nth-child(2){height:63%}.thub-opt-bars i:nth-child(3){height:91%}.thub-opt-bars i:nth-child(4){height:48%}.thub-opt-bars i:nth-child(5){height:76%}.thub-opt-bars i:nth-child(6){height:55%}.thub-opt-bars i:nth-child(7){height:83%}
.thub-audio-opt-scene strong{font:900 30px/1 'DM Sans',sans-serif;letter-spacing:.06em;color:#517d5d}
.thub-audio-opt-scene small{font:800 10px 'DM Sans',sans-serif;letter-spacing:.08em;color:#7d967c}
.thub-audio-opt-art.thub-active .thub-opt-bars i{animation:thub-opt-pulse 1.8s ease-in-out infinite alternate}
.thub-audio-opt-art.thub-active .thub-opt-bars i:nth-child(2n){animation-delay:-.7s}
.thub-audio-opt-art.thub-active .thub-opt-bars i:nth-child(3n){animation-delay:-1.1s}
@keyframes thub-opt-pulse{to{transform:scaleY(.48)}}
.thub-image-scene{width:230px;height:220px;place-content:center}
.thub-image-layer,.thub-image-front{position:absolute;display:block;width:167px;height:145px;border-radius:16px;top:24px;left:30px;box-shadow:0 8px 17px #375c4d2a}
.thub-image-layer.back{background:#b7cdb7;transform:rotate(-16deg) translate(-14px,6px)}
.thub-image-layer.middle{background:#a8bebe;transform:rotate(11deg) translate(14px,3px)}
.thub-image-front{width:190px;height:161px;top:15px;left:20px;stroke:#507b60}
.thub-image-caption{position:absolute;bottom:0;white-space:nowrap}
.thub-image-art.thub-active .thub-image-layer.back{animation:thub-layer-back 5s ease-in-out infinite}
.thub-image-art.thub-active .thub-image-layer.middle{animation:thub-layer-middle 5s ease-in-out infinite}
.thub-image-art.thub-active .thub-image-front{animation:thub-layer-front 5s ease-in-out infinite}
@keyframes thub-layer-back{50%{transform:rotate(-24deg) translate(-25px,4px)}}
@keyframes thub-layer-middle{50%{transform:rotate(17deg) translate(25px,4px)}}
@keyframes thub-layer-front{50%{transform:translateY(-9px)}}

.thub-doc-scene{position:relative;z-index:1;width:210px;height:205px;display:grid;place-items:center;color:#729776}
.thub-doc-svg{width:180px;height:180px;filter:drop-shadow(0 10px 12px #35533b25)}
.thub-doc-badge{position:absolute;left:6px;bottom:15px;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:#b77b60;color:#fff;font:900 32px Georgia,serif}
.thub-doc-scan{position:absolute;left:14px;right:14px;top:15%;height:3px;background:#c57d64;box-shadow:0 0 8px #bb816d;opacity:0}
.thub-doc-art.thub-active .thub-doc-svg{animation:thub-docfloat 4s ease-in-out infinite}
.thub-doc-art.thub-active .thub-doc-scan{animation:thub-docscan 4s ease-in-out infinite}
@keyframes thub-docfloat{50%{transform:translateY(-8px)}}
@keyframes thub-docscan{0%,15%{top:15%;opacity:0}30%,65%{opacity:.85}85%,100%{top:80%;opacity:0}}

/* Search & filters — adapted from supplied interactive directory.
   Intentionally scoped; preserve Bloom's cream, green and coral palette. */
.page-herramientas .thub-search{margin:0 0 clamp(28px,4vw,45px)}
.page-herramientas .thub-search-label{display:block;margin:0 0 13px;color:#355a41;font:800 clamp(18px,2.4vw,24px)/1.25 'DM Sans',sans-serif;letter-spacing:-.025em}
.page-herramientas .thub-search-field{position:relative;display:flex;align-items:center}
.page-herramientas .thub-search-input{display:block;appearance:none;width:100%;min-width:0;min-height:66px;padding:16px 125px 16px 61px;border:1.5px solid #b4cbb2;border-radius:18px;background:#fffef7;box-shadow:0 10px 24px #3e654015;color:#294b34;font:500 clamp(14px,1.65vw,18px)/1.45 'DM Sans',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.page-herramientas .thub-search-input::placeholder{color:#718979;opacity:1}
.page-herramientas .thub-search-input:focus{border-color:#4e845d;background:#fff;box-shadow:0 0 0 4px #77a88128,0 10px 26px #436a4922}
.page-herramientas .thub-search-input::-webkit-search-cancel-button{appearance:none}
.page-herramientas .thub-search-icon{position:absolute;left:21px;width:24px;height:24px;color:#668670;pointer-events:none;transition:color .2s,transform .2s}
.page-herramientas .thub-search-field:focus-within .thub-search-icon{color:#477e55;transform:scale(1.1)}
.page-herramientas .thub-search-clear{position:absolute;right:81px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #cedec9;border-radius:50%;color:#4f7458;background:#eef4e9;font:800 16px 'DM Sans',sans-serif;cursor:pointer}
.page-herramientas .thub-search-clear:hover{background:#c27f66;border-color:#c27f66;color:#fff}
.page-herramientas .thub-shortcut{position:absolute;right:20px;padding:6px 9px;border:1px solid #cfddca;border-radius:7px;background:#eef3e8;color:#53765c;white-space:nowrap;font:800 12px/1 monospace;pointer-events:none}
.page-herramientas .thub-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;margin-top:18px}
.page-herramientas .thub-chips{display:flex;gap:9px;max-width:100%;flex-wrap:wrap}
.page-herramientas .thub-chips button{min-height:42px;padding:9px 17px;border:1px solid #c0d3bf;border-radius:999px;background:#fffdf6;color:#56725b;font:700 12px/1.3 'DM Sans',sans-serif;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s}
.page-herramientas .thub-chips button:hover{transform:translateY(-1px);border-color:#719a75;color:#345a3f}
.page-herramientas .thub-chips button[aria-pressed="true"]{background:#3e7350;color:#fff;border-color:#3e7350;box-shadow:0 5px 13px #3e735034}
.page-herramientas .thub-search-clear:focus-visible,.page-herramientas .thub-chips button:focus-visible,.page-herramientas .thub-empty button:focus-visible{outline:3px solid #c27f66;outline-offset:3px}
.page-herramientas .thub-results{margin:0;color:#667f6b;font:600 12px/1.5 'DM Sans',sans-serif;white-space:nowrap}
.page-herramientas .thub-results strong{color:#356d47;font-size:15px}
.page-herramientas .thub-card[hidden]{display:none!important}
.page-herramientas .thub-empty{padding:60px 22px 70px;text-align:center;display:grid;justify-items:center;gap:12px}
.page-herramientas .thub-empty[hidden],.page-herramientas .thub-search-clear[hidden]{display:none!important}
.page-herramientas .thub-empty-icon{width:76px;height:76px;border:2px dashed #b4cdb4;border-radius:50%;display:grid;place-items:center;color:#769b7c}
.page-herramientas .thub-empty-icon svg{width:37px;height:37px}
.page-herramientas .thub-empty h2{margin:2px 0 0;font:800 clamp(20px,3vw,28px)/1.2 'DM Sans',sans-serif;color:#335640}
.page-herramientas .thub-empty p{max-width:440px;margin:0;color:#647d6c;font:400 14px/1.65 'DM Sans',sans-serif}
.page-herramientas .thub-empty button{margin:8px 0 0;padding:12px 19px;border:1px solid #668e72;border-radius:999px;background:#e8f2e5;color:#416c4a;cursor:pointer;font:800 12px/1.3 'DM Sans',sans-serif}
.page-herramientas .thub-card mark{padding:0 2px;border-radius:3px;background:#f7d2a9;color:#314b32;font:inherit}
@media(max-width:620px){
 .page-herramientas .thub-search-input{min-height:59px;padding-left:51px;padding-right:64px;font-size:14px}
 .page-herramientas .thub-search-icon{left:16px;width:21px;height:21px}
 .page-herramientas .thub-shortcut{display:none}
 .page-herramientas .thub-search-clear{right:14px}
 .page-herramientas .thub-chips{flex-wrap:nowrap;overflow:auto;padding:0 0 6px;scrollbar-width:thin;width:100%}
 .page-herramientas .thub-chips button{flex:none}
 .page-herramientas .thub-results{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .page-herramientas .thub-search-input,.page-herramientas .thub-search-icon,.page-herramientas .thub-chips button{transition:none!important;transform:none!important}
}