/* Estilos de las vistas generales y de las herramientas. */
.cabecera{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--borde)}.marca{font-size:1.2rem;font-weight:850;letter-spacing:-.05em}.marca span{color:var(--acento)}nav{display:flex;gap:28px;color:var(--texto-suave);font-size:.9rem}nav a:hover{color:var(--texto)}.hero{padding-block:110px 88px;text-align:center}.hero h1{font-size:clamp(3rem,8vw,6.5rem);max-width:900px;margin:16px auto}.hero h1 em{font-style:normal;color:var(--acento)}.hero-texto{max-width:570px;margin:0 auto 32px;color:var(--texto-suave);font-size:1.08rem}.buscador{max-width:650px;margin:auto;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--superficie);border:1px solid var(--borde);border-radius:12px;box-shadow:var(--sombra);text-align:left}.buscador span{font-size:1.5rem;color:var(--texto-suave)}.buscador input{flex:1;border:0;background:transparent;padding:17px 0;outline:0}.buscador kbd{font-size:.7rem;color:var(--texto-suave);border:1px solid var(--borde);padding:3px 6px;border-radius:4px}.hero .texto-secundario{height:22px;margin-top:10px}.encabezado-seccion{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.encabezado-seccion h2,.acerca h2{font-size:clamp(2rem,4vw,3.25rem);margin-top:8px}.categorias{display:flex;gap:10px;flex-wrap:wrap}.filtro{border:1px solid var(--borde);border-radius:99px;background:transparent;color:var(--texto-suave);padding:9px 14px}.filtro[aria-pressed="true"]{background:var(--texto);color:var(--fondo);border-color:var(--texto)}.rejilla-herramientas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.herramienta{display:flex;flex-direction:column;min-height:220px;background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:22px;transition:transform .2s,border-color .2s}.herramienta:hover{transform:translateY(-4px);border-color:var(--texto-suave)}.icono-herramienta{font-size:1.65rem;margin-bottom:auto}.herramienta h3{font-size:1.25rem;margin-top:28px}.herramienta p{color:var(--texto-suave);font-size:.9rem;margin-top:8px}.herramienta small{color:var(--acento);margin-top:16px;font-weight:700}.acerca{border-top:1px solid var(--borde);display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end}.acerca .etiqueta{grid-column:1/-1}.acerca p:last-child{color:var(--texto-suave);font-size:1.1rem}.pie{margin-top:40px;border-top:1px solid var(--borde);background:var(--superficie)}.pie-contenido{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.85rem;color:var(--texto-suave)}.metadatos{display:flex;gap:14px;flex-wrap:wrap}.estado-vacio{min-height:80vh;display:grid;align-content:center;justify-items:start;gap:18px}.estado-vacio h1{font-size:clamp(2.5rem,7vw,5rem)}.pagina-herramienta{padding-block:65px}.cabecera-herramienta{max-width:760px;margin-bottom:35px}.cabecera-herramienta h1{font-size:clamp(2.5rem,6vw,4.5rem);margin:12px 0}.cabecera-herramienta p{color:var(--texto-suave);font-size:1.05rem}.area-herramienta{max-width:900px}.resultado{margin-top:20px}.previsualizacion{display:grid;place-items:center;min-height:250px;background:var(--superficie);border:1px dashed var(--borde);border-radius:12px;padding:20px}.previsualizacion img{image-rendering:auto}.grupo-doble{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rango{accent-color:var(--acento)}.contrasena{font:700 1.35rem ui-monospace,monospace;letter-spacing:.04em}.acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.imagen-info{color:var(--texto-suave);font-size:.9rem}