/*! Pixel Santo — herramientas gratis (D3). * El hub usa el sistema de la home (home-resto + esto);las páginas del * diagnóstico y de la ficha siguen con el bundle del sitio porque el * componente de Livewire vive de esas clases. Aquí solo se re-maqueta la * cabecera y el marco de esas dos páginas. */ .herr-hero{padding:30px 0 0}.herr-hero .display{font-size:clamp(42px,7.4vw,104px);line-height:.92}.herr-hero .hero-bajo{align-items:flex-start;margin:30px 0 48px}.herr-hero .lead{max-width:54ch}.hero-lugar{margin:0 0 20px;font-size:14px;color:var(--ceniza)}.herr-escena{background:var(--piedra);padding:96px 0}.herr-lienzo{margin:44px 0 0;background:var(--piedra-alta);border-radius:12px;padding:18px 18px 14px}.herr-lienzo canvas{display:block;width:100%;height:auto;aspect-ratio:1000/420}.herr-lienzo figcaption{padding:14px 6px 4px;font-size:13px;line-height:1.55;color:var(--ceniza);max-width:78ch}.herr-lista{background:var(--basilica)}.herr-herramientas{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.herr-herramienta{display:flex;flex-direction:column;gap:14px;height:100%;padding:30px;border-radius:12px;background:var(--piedra);text-decoration:none;color:inherit;transition:background var(--transicion)}.herr-herramienta:hover{background:var(--piedra-alta)}.herr-icono{width:46px;height:46px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:rgba(91,77,224,.12)}.herr-titulo{font-family:var(--serif);font-size:clamp(23px,2.2vw,30px);letter-spacing:-.02em;color:var(--cirio);line-height:1.15}.herr-texto{font-size:15px;line-height:1.6;color:var(--ceniza)}.herr-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:10px;font-size:13px;color:var(--ceniza)}.herr-flecha{font-size:18px}.herr-tool{padding:56px 0 12px}.herr-tool .wrap{max-width:1000px}.herr-tool h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,5.4vw,54px);line-height:1.02;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance;color:var(--cirio)}.herr-tool p{font-size:17px;line-height:1.65;color:var(--ceniza);max-width:62ch;margin:0 0 14px}.herr-tool .herr-migas{margin:0 0 18px;font-size:13.5px;color:var(--ceniza)}.herr-tool .herr-migas a{color:var(--ceniza);text-decoration:none}.herr-tool .herr-migas a:hover{color:var(--cirio)}.herr-tool .herr-nota{font-size:13.5px;color:var(--ceniza)}.herr-tool .herr-etiquetas{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.herr-tool .herr-etiquetas span{padding:7px 12px;border-radius:4px;background:var(--piedra);border:1px solid var(--cincel);font-size:12.5px;color:var(--ceniza)}.herr-cuerpo{padding:8px 0 72px}.herr-cuerpo .wrap{max-width:1000px}.herr-pasos{list-style:none;margin:22px 0 0;padding:0;display:flex;gap:12px 34px;flex-wrap:wrap;font-size:13.5px;color:var(--ceniza)}.herr-pasos li{display:flex;align-items:baseline;gap:8px}.herr-paso-cifra{font-family:var(--serif);font-size:20px;color:var(--oro);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.herr-rotulo{margin:0 0 14px;font-size:13.5px;letter-spacing:.02em;color:var(--ceniza)}.herr-rotulo strong{color:var(--oro);font-weight:600}.herr-siguiente{margin-top:40px;padding:28px 30px;border-radius:12px;background:var(--piedra-alta);display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}.herr-siguiente h3{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.1vw,27px);letter-spacing:-.02em;margin:0 0 8px;color:var(--cirio)}.herr-siguiente p{margin:0;font-size:15px;line-height:1.55;color:var(--ceniza);max-width:62ch}.herr-siguiente .btn{flex:none}.herr-ejemplos{background:var(--piedra);padding:88px 0}.herr-ejemplos-grid{margin:44px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.herr-ejemplo{margin:0;display:flex;flex-direction:column;gap:16px}.herr-ejemplo picture{display:block;border:1px solid var(--cincel);border-radius:12px;overflow:hidden;background:var(--piedra-alta)}.herr-ejemplo figcaption{font-size:14px;line-height:1.6;color:var(--ceniza);max-width:60ch}.herr-ejemplo figcaption strong{display:block;margin-bottom:4px;font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:-.01em;color:var(--cirio)}.herr-ejemplo-nota{display:block;margin-top:6px;font-size:12.5px;color:var(--oro)}.herr-detalle{display:flex;flex-direction:column;gap:10px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--cincel)}.herr-detalle-fila{display:block;font-size:13.5px;line-height:1.5;color:var(--ceniza)}.herr-detalle-fila b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--oro);font-weight:600;margin-bottom:3px}@media (max-width:900px){.herr-siguiente{padding:22px;flex-direction:column;align-items:flex-start}.herr-siguiente .btn{width:100%}}@media (max-width:1024px){.herr-herramientas{grid-template-columns:1fr}.herr-ejemplos-grid{grid-template-columns:1fr;gap:42px}}@media (max-width:900px){.herr-escena{padding:64px 0}.herr-ejemplos{padding:64px 0}.herr-hero{padding:18px 0 0}.herr-hero .hero-acciones{width:100%}.herr-hero .hero-acciones .btn{width:100%}}