.colores-pagina{max-width:var(--ancho-maximo);padding:clamp(40px, 5vw, 72px) var(--margen-lateral) 96px;color:var(--tinta);margin:0 auto}.agente-panel .colores-pagina{padding:0}.colores-cabecera{margin-bottom:clamp(20px,2.4vw,32px)}.colores-cabecera h1{max-width:20ch;margin:0 0 14px}.colores-intro{max-width:var(--ancho-lectura);color:var(--secundario);font-size:var(--texto-intro);margin:0;line-height:1.55}.colores-privacidad{color:var(--secundario);font-size:var(--texto-pequeno);align-items:center;gap:10px;margin:14px 0 0;display:flex}.colores-privacidad svg{color:var(--acento);flex:none}.colores-espacio{grid-template-columns:minmax(0,1fr) minmax(280px,330px);align-items:start;gap:clamp(16px,2vw,24px);display:grid}.colores-visor{top:calc(var(--cabecera,88px) + 12px);height:min(80vh,860px);min-height:480px;position:sticky}.colores-vacio{z-index:4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.colores-vacio svg{color:var(--acento)}.colores-vacio strong{font-size:var(--texto-titulo)}.colores-vacio span{color:var(--secundario);font-size:var(--texto-pequeno)}.colores-vacio .boton{margin-top:8px}.colores-lateral{flex-direction:column;gap:14px;display:flex}.colores-tarjeta{flex-direction:column;gap:12px;display:flex}.colores-tarjeta h2{font-family:var(--fuente);font-style:normal;font-size:var(--texto-titulo);letter-spacing:0;margin:0;font-weight:600;line-height:1.2}.colores-tarjeta .boton{justify-content:center}.colores-nota{color:var(--secundario);font-size:var(--texto-pequeno);margin:0;line-height:1.5}.colores-nota a{color:var(--acento)}.colores-ejemplos{flex-wrap:wrap;gap:6px;display:flex}.colores-ejemplos button{border:1px solid var(--linea-fuerte);border-radius:var(--radio-boton);min-height:36px;color:var(--tinta);font:500 var(--texto-pequeno) / 1.2 var(--fuente);cursor:pointer;background:0 0;padding:6px 12px}.colores-ejemplos button:hover{border-color:var(--acento);color:var(--acento)}.colores-campo{font-size:var(--texto-pequeno);color:var(--secundario);justify-content:space-between;align-items:center;gap:10px;display:flex}.colores-campo select{border:1px solid var(--linea-fuerte);border-radius:var(--radio-campo);background:var(--superficie-hundida,var(--hueco));min-height:38px;color:var(--tinta);font:600 var(--texto-pequeno) / 1.2 var(--fuente);padding:4px 10px}.colores-recomendados{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.colores-recomendados li{font-size:var(--texto-pequeno);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.colores-recomendados i{border:1px solid var(--linea-fuerte);border-radius:50%;width:24px;height:24px}.colores-recomendados span{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.colores-recomendados small{color:var(--secundario)}.colores-recomendados a{color:var(--acento);white-space:nowrap;align-items:center;gap:3px;font-weight:600;display:inline-flex}.colores-descargas{flex-wrap:wrap;gap:8px;display:flex}.colores-guardar{color:var(--acento);font-size:var(--texto-pequeno);overflow-wrap:anywhere}.colores-error{border-radius:var(--radio-campo);background:var(--error-suave);color:var(--error);font-size:var(--texto-pequeno);align-items:flex-start;gap:8px;margin:0;padding:12px 14px;display:flex}@media (width<=980px){.colores-espacio,.agente-panel .colores-espacio{grid-template-columns:1fr}.colores-visor{height:min(74vh,640px);min-height:400px;position:relative;top:0}}@media (width<=600px){.colores-pagina{padding-top:32px;padding-bottom:72px}.colores-visor{height:72vh;min-height:380px;margin-inline:calc(12px - var(--margen-lateral))}.agente-panel .colores-visor{margin-inline:0}}