/*
 * NautaColecciones — Categorías.
 * CSS exclusivo de esta sección estática.
 */

/*
 * NautaColecciones — estilos del HTML estático.
 * Generado desde la versión limpia; no contiene animaciones ni transiciones.
 */

.nc-categories, .nc-categories * { box-sizing: border-box; }
  .nc-categories { position:relative; left:50%; width:100vw; margin-left:-50vw; overflow:hidden; padding:clamp(64px,8vw,110px) 0; background:#f2eee4; font-family:'Archivo',sans-serif; }
  .nc-categories img { max-width: 100%; }

/* Clases utilizadas por esta sección. */
.nc-style-025 { width:100%; max-width:1280px; margin:0 auto; padding:0 clamp(20px,5vw,40px); text-align:center; }
.nc-style-026 { font-weight:800; font-size:13px; letter-spacing:0.1em; text-transform:uppercase; color:#e6402b; }
.nc-style-027 { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:12px; }
.nc-style-028 { width:34px; height:1px; background:#e6402b; }
.nc-style-029 { color:#e6402b; font-size:13px; line-height:1; }
.nc-style-030 { font-family:'Oswald',sans-serif; font-weight:600; font-size:clamp(28px,5vw,44px); text-transform:uppercase; margin:14px 0 40px; line-height:1.1; }
.nc-style-031 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.nc-style-032 { position:relative; display:block; height:240px; overflow:hidden; background:#151312; box-shadow:0 6px 18px rgba(21,19,18,0.18); text-decoration:none; isolation:isolate; transition:transform .3s ease,box-shadow .3s ease; }
.nc-style-032::after { content:'\2192'; position:absolute; right:26px; bottom:20px; z-index:3; color:#fff; font-size:28px; line-height:1; opacity:0; transform:translateX(-10px); transition:opacity .3s ease,transform .3s ease; }
.nc-style-033 { width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease; }
.nc-style-034 { position:absolute; inset:0; z-index:1; background:linear-gradient(to top, rgba(0,0,0,0.82), rgba(0,0,0,0.08) 58%, transparent 82%); transition:background-color .3s ease; }
.nc-style-035 { position:absolute; left:26px; bottom:22px; z-index:2; color:#fff; font-family:'Oswald',sans-serif; font-weight:400; font-size:30px; text-transform:uppercase; letter-spacing:0.01em; transition:transform .3s ease; }
.nc-style-032:hover,.nc-style-032:focus-visible { transform:translateY(-5px); box-shadow:0 16px 32px rgba(21,19,18,0.28); outline:none; }
.nc-style-032:hover .nc-style-033,.nc-style-032:focus-visible .nc-style-033 { transform:scale(1.065); filter:saturate(1.08); }
.nc-style-032:hover .nc-style-034,.nc-style-032:focus-visible .nc-style-034 { background-color:rgba(230,64,43,0.2); }
.nc-style-032:hover .nc-style-035,.nc-style-032:focus-visible .nc-style-035 { transform:translateX(6px); }
.nc-style-032:hover::after,.nc-style-032:focus-visible::after { opacity:1; transform:translateX(0); }
.nc-style-036 { grid-column:1 / -1; justify-self:center; display:inline-flex; align-items:center; gap:10px; margin-top:6px; background:#e6402b; color:#fff; font-family:'Archivo',sans-serif; font-weight:800; font-size:13px; letter-spacing:0.08em; text-transform:uppercase; text-decoration:none; padding:14px 26px; border:1px solid #151312; box-shadow:3px 3px 0 rgba(21,19,18,0.35); transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease; }
.nc-style-036:hover,.nc-style-036:focus-visible { color:#fff; background:#c52e1e; transform:translate(-2px,-2px); box-shadow:6px 6px 0 rgba(21,19,18,0.35); outline:none; }
.nc-style-036 svg { transition:transform .25s ease; }
.nc-style-036:hover svg,.nc-style-036:focus-visible svg { transform:translateX(4px); }

@media (max-width: 767px) {
  .nc-style-031 { grid-template-columns:1fr; gap:16px; }
  .nc-style-032 { height:220px; }
  .nc-style-035 { left:20px; bottom:20px; font-size:26px; }
  .nc-style-032::after { right:20px; bottom:18px; }
}

@media (prefers-reduced-motion: reduce) {
  .nc-style-032,.nc-style-032::after,.nc-style-033,.nc-style-034,.nc-style-035,.nc-style-036,.nc-style-036 svg { transition:none; }
}

/* Tarjetas de productos: solo el catálogo de la portada. */
.home .elementor-element-553c9b3 .woocommerce ul.products li.product {
  display:flex;
  align-items:stretch;
}
.home .elementor-element-553c9b3 .post_item {
  display:flex;
  flex-direction:column;
  width:100%;
}
.home .elementor-element-553c9b3 .post_featured {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:auto !important;
  aspect-ratio:4 / 5;
  padding:16px;
  overflow:hidden;
  background:#fff;
}
.home .elementor-element-553c9b3 .post_featured > a {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.home .elementor-element-553c9b3 .post_featured img {
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:contain;
  object-position:center;
}
.home .elementor-element-553c9b3 .post_data {
  display:flex;
  flex:1;
  flex-direction:column;
  padding-top:14px;
}
.home .elementor-element-553c9b3 .woocommerce-loop-product__title {
  min-height:2.8em;
}