/*
Theme Name: tangasucio
Theme URI: https://tangasucio.com
Description: Tema hijo de Twenty Twenty-Four para tangasucio.com — reseñas, guías y afiliación (nicho adulto +18). Replica el diseño oscuro de Figma (acento rosa #FF2D78).
Author: tangasucio.com
Template: twentytwentyfour
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
Text Domain: tangasucio
*/

/* ---- Tarjetas de reseña (post grid) ---- */
.wp-block-post-template li.wp-block-post {
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 16px;
  overflow: hidden;
  background: var(--wp--preset--color--surface);
  transition: transform .15s ease, border-color .15s ease;
}
.wp-block-post-template li.wp-block-post:hover {
  transform: translateY(-3px);
  border-color: var(--wp--preset--color--primary);
}
.wp-block-post-featured-image img { aspect-ratio: 16/10; object-fit: cover; width: 100%; }

/* ---- Chips de categorías ---- */
ul.wp-block-categories.ts-chip {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;
}
ul.wp-block-categories.ts-chip li { margin: 0; }
.ts-chip a, .wp-block-categories.ts-chip a {
  display: inline-block; padding: 11px 18px;
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 100px;
  background: var(--wp--preset--color--surface);
  color: var(--wp--preset--color--contrast);
  text-decoration: none; font-weight: 500;
}
.ts-chip a:hover { border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); }
.ts-chip .wp-block-categories__list-item-count, .ts-chip li span { opacity: .5; }

/* ---- Búsqueda ---- */
.ts-search input {
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: 12px !important;
  background: var(--wp--preset--color--surface) !important;
  color: #fff !important;
}

/* ---- Píldora 18+ y badges ---- */
.ts-pill { display:inline-block; }

/* ---- Tarjetas directorio ---- */
.ts-dir-row {
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 12px;
  background: var(--wp--preset--color--surface-2);
}
.ts-logo {
  width: 44px; height: 44px; border-radius: 10px;
  display:flex; align-items:center; justify-content:center;
  font-weight:700; color:#fff;
  background: linear-gradient(135deg,#7C3AED 0%,#FF2D78 100%);
}

/* ---- Slot de anuncios ---- */
.ts-ad {
  border: 1px dashed var(--wp--preset--color--border);
  border-radius: 10px;
  background: var(--wp--preset--color--surface);
}

/* ---- Mejoras tipográficas footer ---- */
.wp-block-separator { border: 0; }