/*
 * blog.css — estilos específicos del blog.
 * Replica el layout y look de la tienda en el listado, y un single post editorial.
 */

/* =====================================================================
   LISTADO: Layout principal (sidebar + main)
   ===================================================================== */
.ntc-blog-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: var(--ntc-space-8);
  align-items: start;
  padding-top: var(--ntc-space-6);
  padding-bottom: var(--ntc-section-y);
}

.ntc-blog-main {
  min-width: 0;
}

.ntc-blog-sidebar {
  position: sticky;
  top: 90px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: var(--ntc-radius-lg);
  padding: var(--ntc-space-5);
  box-shadow: var(--ntc-shadow-sm);
}

.ntc-blog-sidebar__titulo {
  font-size: var(--ntc-fs-sm);
  font-weight: var(--ntc-fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 0 var(--ntc-space-3);
  padding-bottom: var(--ntc-space-3);
  border-bottom: 1px solid #eee;
  color: #555;
}

.ntc-blog-sidebar__lista {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ntc-blog-sidebar__lista li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--ntc-space-2);
  padding: var(--ntc-space-2) var(--ntc-space-3);
  color: #444;
  font-size: var(--ntc-fs-sm);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--ntc-radius-md);
  transition: color var(--ntc-transition), background var(--ntc-transition);
}

.ntc-blog-sidebar__lista li a:hover,
.ntc-blog-sidebar__lista li.is-active a {
  color: var(--ntc-color-primario);
  background: #fdf0f4;
}

.ntc-blog-sidebar__count {
  font-size: var(--ntc-fs-xs);
  color: #999;
  font-weight: 400;
  background: #f5f5f5;
  border-radius: 999px;
  padding: 2px 8px;
}

.ntc-blog-sidebar__lista li.is-active .ntc-blog-sidebar__count {
  background: #fff;
  color: var(--ntc-color-primario);
}

/* Cabecera del main — mismo look que la tienda */
.ntc-blog-main__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--ntc-space-4);
  flex-wrap: wrap;
  margin-bottom: var(--ntc-space-5);
}

.ntc-blog-main__head-info {
  min-width: 0;
}

.ntc-blog-main__titulo {
  font-size: var(--ntc-fs-xl);
  font-weight: var(--ntc-fw-black);
  color: var(--ntc-color-secundario);
  line-height: 1.2;
  margin: 0 0 var(--ntc-space-2);
}

.ntc-blog-main__count {
  font-size: var(--ntc-fs-sm);
  color: #888;
  margin: 0;
}

/* Selector "Ordenar por" — idéntico al de WooCommerce */
.ntc-blog-ordering {
  margin: 0;
}
.ntc-blog-ordering__select {
  border: 1px solid #ddd;
  border-radius: var(--ntc-radius-md);
  padding: var(--ntc-space-2) var(--ntc-space-4);
  font-size: var(--ntc-fs-sm);
  font-family: var(--ntc-font-base);
  background: #fff;
  color: #333;
  outline: none;
  cursor: pointer;
  transition: border-color var(--ntc-transition);
}
.ntc-blog-ordering__select:focus {
  border-color: var(--ntc-color-primario);
}

/* Grid de posts */
.ntc-grid--posts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ntc-space-6);
  justify-content: stretch;
}

@media (max-width: 980px) {
  .ntc-grid--posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .ntc-grid--posts { grid-template-columns: 1fr; }
}

/* Card de post */
.ntc-card-post {
  background: #fff;
  border-radius: var(--ntc-radius-lg);
  overflow: hidden;
  box-shadow: var(--ntc-shadow-sm);
  transition: transform var(--ntc-transition), box-shadow var(--ntc-transition);
  display: flex;
  flex-direction: column;
}
.ntc-card-post:hover {
  transform: translateY(-4px);
  box-shadow: var(--ntc-shadow-lg);
}
.ntc-card-post__link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}
.ntc-card-post__imagen {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--ntc-color-fondo-alt);
}
.ntc-card-post__img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--ntc-transition-slow);
}
.ntc-card-post:hover .ntc-card-post__img { transform: scale(1.04); }
.ntc-card-post__placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: var(--ntc-color-fondo-alt);
  color: #c8c8c8;
}
.ntc-card-post__placeholder svg { width: 56px; height: 56px; }
.ntc-card-post__titulo {
  padding: var(--ntc-space-4) var(--ntc-space-4) var(--ntc-space-1);
  font-size: var(--ntc-fs-lg);
  font-weight: var(--ntc-fw-bold);
  line-height: 1.35;
  color: var(--ntc-color-secundario);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(2 * 1.35em + var(--ntc-space-4) + var(--ntc-space-1));
  transition: color var(--ntc-transition);
}
.ntc-card-post:hover .ntc-card-post__titulo { color: var(--ntc-color-primario); }
.ntc-card-post__fecha {
  display: block;
  padding: 0 var(--ntc-space-4) var(--ntc-space-4);
  color: var(--ntc-color-primario);
  font-weight: var(--ntc-fw-bold);
  font-size: var(--ntc-fs-base);
}
.ntc-card-post__btn {
  display: block;
  margin: auto var(--ntc-space-4) var(--ntc-space-4);
  background: var(--ntc-color-primario);
  color: #fff;
  border-radius: var(--ntc-radius-pill);
  font-weight: var(--ntc-fw-bold);
  text-align: center;
  padding: var(--ntc-space-3) var(--ntc-space-5);
  text-decoration: none;
  transition: background var(--ntc-transition);
}
.ntc-card-post__btn:hover {
  background: var(--ntc-color-primario-hover);
  color: #fff;
}

/* Responsive del listado */
@media (max-width: 880px) {
  .ntc-blog-layout {
    grid-template-columns: 1fr;
    gap: var(--ntc-space-5);
  }
  .ntc-blog-sidebar {
    position: static;
    padding: var(--ntc-space-4);
  }
  .ntc-blog-sidebar__lista {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ntc-space-1);
  }
  .ntc-blog-sidebar__lista li a {
    padding: 6px var(--ntc-space-3);
  }
}

/* =====================================================================
   SINGLE POST: cabecera
   ===================================================================== */
.ntc-post {
  background: #fff;
}

.ntc-post__header {
  position: relative;
  padding: clamp(3rem, 2rem + 4vw, 5.5rem) 0 var(--ntc-space-8);
  overflow: hidden;
  text-align: center;
}
.ntc-post__header-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 25% 20%, rgba(214, 56, 98, 0.08), transparent 50%),
    radial-gradient(circle at 75% 80%, rgba(255, 209, 102, 0.10), transparent 50%),
    linear-gradient(180deg, var(--ntc-color-fondo-alt) 0%, var(--ntc-color-fondo) 100%);
}
.ntc-post__header-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(61, 61, 61, 0.07) 1px, transparent 1px);
  background-size: 24px 24px;
  mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
  opacity: 0.6;
}
.ntc-post__header-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--ntc-space-4);
}

.ntc-post__cat {
  display: inline-block;
  background: var(--ntc-color-primario);
  color: #fff;
  padding: 5px 14px;
  border-radius: var(--ntc-radius-pill);
  font-size: var(--ntc-fs-xs);
  font-weight: var(--ntc-fw-black);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-decoration: none;
  transition: background var(--ntc-transition);
}
.ntc-post__cat:hover {
  background: var(--ntc-color-primario-hover);
  color: #fff;
}

.ntc-post__titulo {
  font-size: clamp(2rem, 1.4rem + 2.8vw, 3.4rem);
  font-weight: var(--ntc-fw-black);
  line-height: 1.15;
  color: var(--ntc-color-secundario);
  margin: 0;
  max-width: 720px;
}

.ntc-post__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntc-space-3);
  align-items: center;
  justify-content: center;
  font-size: var(--ntc-fs-sm);
  color: var(--ntc-color-texto-suave);
  margin: 0;
}
.ntc-post__autor {
  display: inline-flex;
  align-items: center;
  gap: var(--ntc-space-2);
}
.ntc-post__avatar {
  border-radius: 50%;
  width: 36px !important;
  height: 36px !important;
}
.ntc-post__autor-nombre {
  font-weight: var(--ntc-fw-bold);
  color: var(--ntc-color-secundario);
}
.ntc-post__dot { opacity: 0.5; }

/* Hero (imagen destacada) — banner arriba del título, estilo magazine */
.ntc-post__hero {
  padding-top: var(--ntc-space-8);
  padding-bottom: var(--ntc-space-2);
}
.ntc-post__hero-img {
  width: 100%;
  height: clamp(300px, 32vw, 520px);
  object-fit: cover;
  border-radius: var(--ntc-radius-lg);
  box-shadow: var(--ntc-shadow-md);
  display: block;
}
.ntc-post--has-hero .ntc-post__header {
  padding-top: var(--ntc-space-6);
}
.ntc-post--has-hero .ntc-post__header-bg {
  display: none;
}

/* =====================================================================
   SINGLE POST: contenido
   ===================================================================== */
.ntc-post__contenido {
  font-size: var(--ntc-fs-lg);
  line-height: 1.8;
  color: var(--ntc-color-texto);
  padding: var(--ntc-space-6) var(--ntc-container-pad) var(--ntc-space-10);
}
.ntc-post__contenido h2 {
  margin-top: var(--ntc-space-10);
  margin-bottom: var(--ntc-space-4);
  font-size: var(--ntc-fs-2xl);
  font-weight: var(--ntc-fw-black);
}
.ntc-post__contenido h3 {
  margin-top: var(--ntc-space-8);
  margin-bottom: var(--ntc-space-3);
  font-size: var(--ntc-fs-xl);
}
.ntc-post__contenido p { margin: 0 0 var(--ntc-space-5); }
.ntc-post__contenido img,
.ntc-post__contenido figure {
  border-radius: var(--ntc-radius-lg);
  margin: var(--ntc-space-6) 0;
  box-shadow: var(--ntc-shadow-sm);
}
.ntc-post__contenido blockquote {
  position: relative;
  border-left: 4px solid var(--ntc-color-primario);
  padding: var(--ntc-space-3) var(--ntc-space-6);
  margin: var(--ntc-space-8) 0;
  font-size: var(--ntc-fs-xl);
  font-style: italic;
  color: var(--ntc-color-secundario);
  line-height: 1.5;
}
.ntc-post__contenido blockquote::before {
  content: "“";
  position: absolute;
  top: -0.4em;
  right: 0.3em;
  font-size: 6rem;
  line-height: 1;
  font-family: Georgia, serif;
  color: var(--ntc-color-acento);
  opacity: 0.6;
  z-index: 0;
}
.ntc-post__contenido pre {
  background: var(--ntc-color-fondo-alt);
  padding: var(--ntc-space-5);
  border-radius: var(--ntc-radius-md);
  overflow-x: auto;
  font-size: var(--ntc-fs-sm);
}
.ntc-post__contenido code {
  background: var(--ntc-color-fondo-alt);
  padding: 2px 6px;
  border-radius: var(--ntc-radius-sm);
  font-size: 0.9em;
}
.ntc-post__contenido ul,
.ntc-post__contenido ol {
  margin: 0 0 var(--ntc-space-5);
  padding-left: var(--ntc-space-6);
}
.ntc-post__contenido li { margin-bottom: var(--ntc-space-2); }
.ntc-post__contenido a {
  color: var(--ntc-color-primario);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
}
.ntc-post__contenido a:hover { color: var(--ntc-color-primario-hover); }

/* =====================================================================
   SINGLE POST: footer (tags + autor box)
   ===================================================================== */
.ntc-post__footer {
  padding-bottom: var(--ntc-space-10);
}

.ntc-post__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ntc-space-2);
  padding: var(--ntc-space-6) 0;
  border-top: 1px solid var(--ntc-color-borde);
  border-bottom: 1px solid var(--ntc-color-borde);
}
.ntc-post__tags-label {
  font-size: var(--ntc-fs-sm);
  color: var(--ntc-color-texto-suave);
  font-weight: var(--ntc-fw-bold);
  margin-right: var(--ntc-space-2);
}
.ntc-post__tag {
  background: var(--ntc-color-fondo-alt);
  color: var(--ntc-color-texto-suave);
  padding: 5px 12px;
  border-radius: var(--ntc-radius-pill);
  font-size: var(--ntc-fs-sm);
  font-weight: var(--ntc-fw-medium);
  text-decoration: none;
  transition: background var(--ntc-transition), color var(--ntc-transition);
}
.ntc-post__tag:hover {
  background: var(--ntc-color-primario);
  color: #fff;
}

.ntc-post__autor-box {
  display: flex;
  align-items: center;
  gap: var(--ntc-space-5);
  margin-top: var(--ntc-space-8);
  padding: var(--ntc-space-6);
  background: var(--ntc-color-fondo-alt);
  border-radius: var(--ntc-radius-lg);
}
.ntc-post__autor-box-avatar {
  flex-shrink: 0;
  border-radius: 50%;
  width: 80px !important;
  height: 80px !important;
  border: 3px solid #fff;
  box-shadow: var(--ntc-shadow-sm);
}
.ntc-post__autor-box-info {
  flex: 1;
  min-width: 0;
}
.ntc-post__autor-box-label {
  display: block;
  font-size: var(--ntc-fs-xs);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--ntc-color-primario);
  font-weight: var(--ntc-fw-bold);
  margin-bottom: 4px;
}
.ntc-post__autor-box-nombre {
  font-size: var(--ntc-fs-xl);
  font-weight: var(--ntc-fw-black);
  margin: 0 0 var(--ntc-space-2);
  color: var(--ntc-color-secundario);
}
.ntc-post__autor-box-bio {
  font-size: var(--ntc-fs-sm);
  color: var(--ntc-color-texto-suave);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 600px) {
  .ntc-post__autor-box {
    flex-direction: column;
    text-align: center;
  }
}

/* =====================================================================
   SINGLE POST: navegación anterior/siguiente
   ===================================================================== */
.ntc-post__nav {
  background: var(--ntc-color-fondo-alt);
  padding: var(--ntc-space-8) 0;
  border-top: 1px solid var(--ntc-color-borde);
}
.ntc-post__nav-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--ntc-space-4);
}
.ntc-post__nav-link {
  display: flex;
  flex-direction: column;
  gap: var(--ntc-space-2);
  padding: var(--ntc-space-5);
  background: #fff;
  border-radius: var(--ntc-radius-lg);
  border: 1px solid var(--ntc-color-borde);
  text-decoration: none;
  color: inherit;
  transition: transform var(--ntc-transition), box-shadow var(--ntc-transition), border-color var(--ntc-transition);
  min-width: 0;
}
.ntc-post__nav-link:hover {
  transform: translateY(-2px);
  box-shadow: var(--ntc-shadow-md);
  border-color: transparent;
}
.ntc-post__nav-link--next {
  text-align: right;
  margin-left: auto;
  width: 100%;
}
.ntc-post__nav-label {
  display: inline-flex;
  align-items: center;
  gap: var(--ntc-space-2);
  font-size: var(--ntc-fs-xs);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--ntc-color-primario);
  font-weight: var(--ntc-fw-bold);
}
.ntc-post__nav-link--next .ntc-post__nav-label {
  justify-content: flex-end;
}
.ntc-post__nav-label svg {
  width: 14px;
  height: 14px;
  transition: transform var(--ntc-transition);
}
.ntc-post__nav-link--prev:hover .ntc-post__nav-label svg {
  transform: translateX(-4px);
}
.ntc-post__nav-link--next:hover .ntc-post__nav-label svg {
  transform: translateX(4px);
}
.ntc-post__nav-titulo {
  font-size: var(--ntc-fs-base);
  font-weight: var(--ntc-fw-bold);
  color: var(--ntc-color-secundario);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 600px) {
  .ntc-post__nav-inner { grid-template-columns: 1fr; }
  .ntc-post__nav-link--next { text-align: left; }
  .ntc-post__nav-link--next .ntc-post__nav-label { justify-content: flex-start; }
}

/* =====================================================================
   Relacionados
   ===================================================================== */
.ntc-relacionados {
  background: var(--ntc-color-fondo-alt);
  padding: var(--ntc-section-y) 0;
}
.ntc-relacionados__titulo {
  text-align: center;
  margin-bottom: var(--ntc-space-8);
  font-size: var(--ntc-fs-2xl);
  font-weight: var(--ntc-fw-black);
}

/* =====================================================================
   Comentarios
   ===================================================================== */
.ntc-comments-section {
  background: #fff;
  padding: var(--ntc-section-y) 0;
}
.ntc-comments__header {
  margin-bottom: var(--ntc-space-6);
}
.ntc-comments__titulo {
  font-size: var(--ntc-fs-xl);
  font-weight: var(--ntc-fw-black);
  color: var(--ntc-color-secundario);
  margin: 0;
  padding-bottom: var(--ntc-space-4);
  border-bottom: 2px solid var(--ntc-color-primario);
  display: inline-block;
}

.ntc-comments__lista {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--ntc-space-8);
}
.ntc-comments__lista .children {
  list-style: none;
  padding-left: clamp(var(--ntc-space-4), 4vw, var(--ntc-space-8));
  margin-top: var(--ntc-space-4);
  border-left: 2px solid var(--ntc-color-borde);
}

.ntc-comment {
  margin-bottom: var(--ntc-space-5);
}
.ntc-comment__inner {
  background: var(--ntc-color-fondo-alt);
  border-radius: var(--ntc-radius-lg);
  padding: var(--ntc-space-5);
}
.ntc-comment__header {
  display: flex;
  align-items: center;
  gap: var(--ntc-space-3);
  margin-bottom: var(--ntc-space-3);
}
.ntc-comment__avatar {
  border-radius: 50%;
  flex-shrink: 0;
}
.ntc-comment__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ntc-comment__autor {
  font-weight: var(--ntc-fw-bold);
  color: var(--ntc-color-secundario);
}
.ntc-comment__autor a {
  color: inherit;
  text-decoration: none;
}
.ntc-comment__autor a:hover { color: var(--ntc-color-primario); }
.ntc-comment__fecha {
  font-size: var(--ntc-fs-xs);
  color: var(--ntc-color-texto-suave);
}
.ntc-comment__contenido {
  font-size: var(--ntc-fs-base);
  line-height: 1.6;
  color: var(--ntc-color-texto);
}
.ntc-comment__contenido p { margin: 0 0 var(--ntc-space-3); }
.ntc-comment__contenido p:last-child { margin: 0; }
.ntc-comment__footer {
  margin-top: var(--ntc-space-3);
  font-size: var(--ntc-fs-sm);
}
.ntc-comment__footer a {
  color: var(--ntc-color-primario);
  font-weight: var(--ntc-fw-bold);
  text-decoration: none;
}
.ntc-comment__footer a:hover { color: var(--ntc-color-primario-hover); }
.ntc-comment__pendiente {
  margin-top: var(--ntc-space-3);
  padding: var(--ntc-space-2) var(--ntc-space-3);
  background: #fff8e1;
  border-left: 3px solid #ffc107;
  border-radius: var(--ntc-radius-sm);
  font-size: var(--ntc-fs-sm);
  color: var(--ntc-color-secundario);
}

.ntc-comments__cerrado {
  text-align: center;
  color: var(--ntc-color-texto-suave);
  font-style: italic;
  margin: var(--ntc-space-6) 0;
}

/* Formulario de comentarios */
.ntc-comments__form-titulo,
#reply-title {
  font-size: var(--ntc-fs-xl);
  font-weight: var(--ntc-fw-black);
  color: var(--ntc-color-secundario);
  margin: 0 0 var(--ntc-space-4);
  padding-bottom: var(--ntc-space-3);
  border-bottom: 2px solid var(--ntc-color-primario);
  display: inline-block;
}

.comment-form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ntc-space-4);
  background: var(--ntc-color-fondo-alt);
  padding: var(--ntc-space-6);
  border-radius: var(--ntc-radius-lg);
  margin-top: var(--ntc-space-4);
}

.comment-form > * {
  flex: 1 1 100%;
  margin: 0;
}

.comment-form .logged-in-as {
  background: #fff;
  padding: var(--ntc-space-3) var(--ntc-space-4);
  border-radius: var(--ntc-radius-md);
  font-size: var(--ntc-fs-sm);
  color: var(--ntc-color-texto-suave);
  border-left: 3px solid var(--ntc-color-primario);
}
.comment-form .logged-in-as a {
  color: var(--ntc-color-primario);
  font-weight: var(--ntc-fw-bold);
  text-decoration: none;
}
.comment-form .logged-in-as a:hover { text-decoration: underline; }

.comment-form .comment-notes {
  font-size: var(--ntc-fs-sm);
  color: var(--ntc-color-texto-suave);
}

.ntc-comment-form__field {
  display: flex;
  flex-direction: column;
  gap: var(--ntc-space-2);
}
.ntc-comment-form__field--half {
  flex: 1 1 calc(50% - var(--ntc-space-2));
  min-width: 220px;
}

.ntc-comment-form__field label,
.comment-form label {
  font-size: var(--ntc-fs-sm);
  font-weight: var(--ntc-fw-bold);
  color: var(--ntc-color-secundario);
}
.ntc-comment-form__field input,
.ntc-comment-form__field textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%;
  padding: var(--ntc-space-3) var(--ntc-space-4);
  background: #fff;
  border: 1px solid var(--ntc-color-borde);
  border-radius: var(--ntc-radius-md);
  font-family: var(--ntc-font-base);
  font-size: var(--ntc-fs-base);
  color: var(--ntc-color-texto);
  transition: border-color var(--ntc-transition), box-shadow var(--ntc-transition);
}
.ntc-comment-form__field input:focus,
.ntc-comment-form__field textarea:focus,
.comment-form input:focus,
.comment-form textarea:focus {
  outline: none;
  border-color: var(--ntc-color-primario);
  box-shadow: 0 0 0 3px rgba(214, 56, 98, 0.12);
}
.ntc-comment-form__field textarea,
.comment-form textarea {
  resize: vertical;
  min-height: 160px;
  font-family: var(--ntc-font-base);
  line-height: 1.6;
}

.required { color: var(--ntc-color-primario); }

.ntc-comment-form__cookies {
  display: flex;
  align-items: center;
  font-size: var(--ntc-fs-sm);
  color: var(--ntc-color-texto-suave);
}
.ntc-comment-form__cookies label {
  display: inline-flex;
  align-items: center;
  gap: var(--ntc-space-2);
  font-weight: var(--ntc-fw-medium);
  cursor: pointer;
}
.ntc-comment-form__cookies input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--ntc-color-primario);
  cursor: pointer;
}

.form-submit {
  display: flex;
  justify-content: flex-end;
}
.form-submit input[type="submit"],
input#submit {
  display: inline-block;
  padding: var(--ntc-space-3) var(--ntc-space-8);
  background: var(--ntc-color-primario);
  color: #fff;
  border: 0;
  border-radius: var(--ntc-radius-pill);
  font-family: var(--ntc-font-base);
  font-weight: var(--ntc-fw-bold);
  font-size: var(--ntc-fs-base);
  cursor: pointer;
  transition: background var(--ntc-transition), transform var(--ntc-transition);
}
.form-submit input[type="submit"]:hover,
input#submit:hover {
  background: var(--ntc-color-primario-hover);
  transform: translateY(-1px);
}

@media (max-width: 600px) {
  .ntc-comment-form__field--half { flex: 1 1 100%; }
  .form-submit { justify-content: stretch; }
  .form-submit input[type="submit"],
  input#submit { width: 100%; }
}