.widget_blog_subscription #subscribe-blog p {
	color: #f0f0f0;
}

input#subscribe-field {
	height: 45px;
}

footer#colophon.site-footer.cf {
}


:root{
  --thumb-gap: 6px;
  --thumb-radius: 10px;
  --neon-a: 255 20 147;
  --neon-b: 0 180 255;
  --neon-w: 255 210 80;
}

/* Solo miniaturas, no imágenes full-width */
.home .post img:not(.alignfull):not(.full-bleed):not(.hero-img):not(.no-neon){
  display:block;
  width: calc(100% - (var(--thumb-gap)*2));
  margin: var(--thumb-gap);
  height:auto;
  border-radius: var(--thumb-radius);
  box-shadow:
    0 1px 4px rgba(0,0,0,.12),
    0 2px 6px rgba(var(--neon-b) / .28),
    0 2px 8px rgba(var(--neon-a) / .24),
    0 -1px 5px rgba(var(--neon-w) / .18),
    inset 0 0 0 1px rgba(255,255,255,.35);
  transition: box-shadow .28s ease, filter .28s ease;
  will-change: box-shadow;
}

/* Hover con misma forma redondeada */
.home .post:hover img:not(.alignfull):not(.full-bleed):not(.hero-img):not(.no-neon){
  box-shadow:
    0 1px 5px rgba(0,0,0,.16),
    0 3px 9px rgba(var(--neon-b) / .36),
    0 3px 11px rgba(var(--neon-a) / .34),
    0 -2px 8px rgba(var(--neon-w) / .26),
    inset 0 0 0 1px rgba(255,255,255,.5);
  filter: saturate(1.02);
}

/* Reset para imágenes grandes */
img.alignfull,
img.full-bleed,
img.hero-img,
.no-neon img{
  margin: 0 !important;
  width: 100% !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Asegura que la sombra siga el borde redondeado */
.home .post img{
  background-clip: padding-box;
  overflow: hidden;
}

/* Responsive */
@media (max-width:640px){
  :root{
    --thumb-gap: 4px;
  }
}

/*
 * EXCEPCIÓN:
 * Sin sombra en las imágenes grandes de “Últimas Entradas”.
 * Mantiene el borde redondeado y el tamaño original.
 */
@media (min-width:641px){

  .home #primary .post .entry-thumbnail img:not(.alignfull):not(.full-bleed):not(.hero-img):not(.no-neon),
  .home #primary .post:hover .entry-thumbnail img:not(.alignfull):not(.full-bleed):not(.hero-img):not(.no-neon){
    box-shadow: none !important;
    filter: none !important;
    border-radius: var(--thumb-radius);
  }
}

/* Sombra de la sección */
#front-section-three{
  box-shadow:
    0 -6px 10px rgba(0,0,0,.15),
    0 6px 10px rgba(0,0,0,.15);
  border-radius: 8px;
}

/*
 * Tarjetas grandes de “Últimas Entradas”.
 * Funciona en portada, páginas antiguas y carga dinámica.
 */
body.blog #blog-wrap #primary article.post:nth-of-type(4n),
body.blog #blog-wrap #primary article.post:nth-of-type(4n) .entry-thumbnail,
body.blog #blog-wrap #primary article.post:nth-of-type(4n) .entry-thumbnail > a,
body.blog #blog-wrap #primary article.post:nth-of-type(4n) .entry-thumbnail img,
body.blog #blog-wrap #primary article.post:nth-of-type(4n):hover .entry-thumbnail img,
body.blog #blog-wrap #primary article.post:nth-of-type(4n) .entry-thumbnail::before,
body.blog #blog-wrap #primary article.post:nth-of-type(4n) .entry-thumbnail::after,
body.blog #blog-wrap #primary article.post:nth-of-type(4n) .entry-thumbnail > a::before,
body.blog #blog-wrap #primary article.post:nth-of-type(4n) .entry-thumbnail > a::after{
  box-shadow: none !important;
  border-radius: 0 !important;
  filter: none !important;
  transform: none !important;
}

/* Imagen grande sin márgenes ni decoración */
body.blog #blog-wrap #primary article.post:nth-of-type(4n) .entry-thumbnail img,
body.blog #blog-wrap #primary article.post:nth-of-type(4n):hover .entry-thumbnail img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  clip-path: none !important;
  transition: none !important;
  will-change: auto !important;
}