.categorias-claude{background:var(--cc-color-fondo,#fff);color:var(--cc-color-texto,#1e1a1d);padding:var(--cc-padding-superior-movil,32px) 16px var(--cc-padding-inferior-movil,32px)}
.categorias-claude__header{text-align:center;margin:0 auto 20px;max-width:900px}
.categorias-claude__eyebrow{margin:0 0 8px;font-size:var(--cc-tamano-eyebrow-movil,11px);letter-spacing:.2em;text-transform:uppercase;color:var(--cc-color-eyebrow,#6b6167)}
.categorias-claude__titulo{margin:0;font-family:var(--font-body--family);font-weight:500;font-size:var(--cc-tamano-titulo-movil,24px);line-height:1.2;color:var(--cc-color-texto)}
.categorias-claude__grid{display:grid;grid-template-columns:repeat(var(--cc-columnas-movil,2),minmax(0,1fr));gap:var(--cc-gap,12px);max-width:1080px;margin:0 auto}
.categorias-claude__item{position:relative;display:block;aspect-ratio:var(--cc-aspect-ratio,1/1);overflow:hidden;background:#f1eae1;text-decoration:none}
.categorias-claude__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .9s cubic-bezier(.22,.61,.36,1);will-change:transform}
.categorias-claude__item::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0));pointer-events:none}
.categorias-claude__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b6167}
.categorias-claude__nombre{position:absolute;left:8px;right:8px;bottom:12px;z-index:1;text-align:center;color:var(--cc-color-nombre,#fff);font-size:var(--cc-tamano-categoria-movil,15px);font-weight:500;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.35)}
@media (hover:hover){.categorias-claude__item:hover img,.categorias-claude__item:focus-visible img{transform:scale(1.08)}}
@media screen and (min-width:750px){
  .categorias-claude{padding:var(--cc-padding-superior,48px) var(--cc-margen-lateral,5%) var(--cc-padding-inferior,48px)}
  .categorias-claude__header{margin-bottom:24px}
  .categorias-claude__eyebrow{font-size:var(--cc-tamano-eyebrow,12px)}
  .categorias-claude__titulo{font-size:var(--cc-tamano-titulo,34px)}
  .categorias-claude__grid{grid-template-columns:repeat(var(--cc-columnas,3),minmax(0,1fr))}
  .categorias-claude__nombre{bottom:20px;font-size:var(--cc-tamano-categoria,22px)}
}