/**
 * Fijate Tools - Módulo Canónico de Afiliación Amazon.es
 * Tag oficial: fijate01-21
 * Versión: 20261003_1
 */

:root {
  --aff-bg: rgba(15, 23, 42, 0.6);
  --aff-card-bg: rgba(30, 41, 59, 0.7);
  --aff-border: rgba(255, 255, 255, 0.09);
  --aff-border-hover: rgba(245, 158, 11, 0.45);
  --aff-amber: #f59e0b;
  --aff-amber-light: #fbbf24;
  --aff-meta-color: #38bdf8;
  --aff-text-main: #f8fafc;
  --aff-text-muted: #94a3b8;
  --aff-text-dim: #64748b;
  --aff-prime-bg: rgba(255, 153, 0, 0.12);
  --aff-prime-border: rgba(255, 153, 0, 0.35);
  --aff-prime-text: #ff9900;
  --aff-btn-bg: rgba(245, 158, 11, 0.08);
  --aff-btn-border: rgba(245, 158, 11, 0.3);
  --aff-btn-text: #fbbf24;
  --aff-btn-hover-bg: rgba(245, 158, 11, 0.2);
  --aff-btn-hover-border: #f59e0b;
  --aff-btn-hover-text: #ffffff;
}

[data-theme="light"] {
  --aff-bg: #f8fafc;
  --aff-card-bg: #ffffff;
  --aff-border: #e2e8f0;
  --aff-border-hover: #f59e0b;
  --aff-amber: #d97706;
  --aff-amber-light: #b45309;
  --aff-meta-color: #0284c7;
  --aff-text-main: #0f172a;
  --aff-text-muted: #475569;
  --aff-text-dim: #64748b;
  --aff-prime-bg: #fffbeb;
  --aff-prime-border: #fde68a;
  --aff-prime-text: #b45309;
  --aff-btn-bg: #fef3c7;
  --aff-btn-border: #fcd34d;
  --aff-btn-text: #92400e;
  --aff-btn-hover-bg: #fde68a;
  --aff-btn-hover-border: #f59e0b;
  --aff-btn-hover-text: #78350f;
}

/* Contenedor principal del escaparate */
.affiliate-showcase-container {
  margin: 2.25rem 0 1.5rem;
  background: var(--aff-bg);
  border: 1.5px solid var(--aff-border);
  border-radius: 16px;
  padding: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  scroll-margin-top: 85px;
}

/* Cabecera del escaparate */
.affiliate-showcase-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.35rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--aff-border);
  flex-wrap: wrap;
}

.affiliate-showcase-title {
  font-family: var(--font-heading, 'Outfit', sans-serif);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--aff-text-main);
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  line-height: 1.3;
}

.affiliate-showcase-title svg {
  color: var(--aff-amber);
  flex-shrink: 0;
}

.affiliate-showcase-desc {
  font-size: 0.85rem;
  color: var(--aff-text-muted);
  margin: 0.35rem 0 0 0;
  line-height: 1.45;
}

/* Badge de Amazon.es */
.amazon-prime-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.8rem;
  background: var(--aff-prime-bg);
  border: 1px solid var(--aff-prime-border);
  border-radius: 9999px;
  font-size: 0.775rem;
  font-weight: 700;
  color: var(--aff-prime-text);
  white-space: nowrap;
  flex-shrink: 0;
}

.amazon-prime-pill .pill-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff9900;
  box-shadow: 0 0 6px rgba(255, 153, 0, 0.8);
  display: inline-block;
}

/* Cuadrícula de productos */
.affiliate-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.25rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Tarjeta individual de producto */
.aff-product-card {
  background: var(--aff-card-bg);
  border: 1px solid var(--aff-border);
  border-radius: 12px;
  padding: 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
}

.aff-product-card:hover {
  transform: translateY(-2px);
  border-color: var(--aff-border-hover);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

[data-theme="light"] .aff-product-card:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

.aff-card-badge {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--aff-amber);
  line-height: 1.2;
}

.aff-card-title {
  font-family: var(--font-heading, 'Outfit', sans-serif);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--aff-text-main);
  line-height: 1.35;
  margin: 0;
}

.aff-card-meta {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 0.775rem;
  font-weight: 600;
  color: var(--aff-meta-color);
  line-height: 1.3;
}

.aff-card-desc {
  font-size: 0.8rem;
  color: var(--aff-text-muted);
  line-height: 1.45;
  margin: 0 0 auto 0;
}

/* Botón de compra principal (ASIN directo para compra adscrita directa) */
.btn-aff-product,
.btn-aff-direct {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  min-height: 40px;
  padding: 0.55rem 0.85rem;
  margin-top: 0.5rem;
  background: var(--aff-btn-bg);
  border: 1px solid var(--aff-btn-border);
  border-radius: 8px;
  color: var(--aff-btn-text);
  font-size: 0.825rem;
  font-weight: 600;
  text-decoration: none;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

.btn-aff-product:hover,
.btn-aff-direct:hover {
  background: var(--aff-btn-hover-bg);
  border-color: var(--aff-btn-hover-border);
  color: var(--aff-btn-hover-text);
  transform: translateY(-1px);
}

.btn-aff-product svg,
.btn-aff-direct svg {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.btn-aff-product:hover svg,
.btn-aff-direct:hover svg {
  transform: translateX(2px);
}

/* Enlace secundario de búsqueda técnica (red de seguridad) */
.aff-search-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 100%;
  padding: 0.3rem 0;
  font-size: 0.75rem;
  color: var(--aff-text-muted);
  text-decoration: none;
  border-bottom: 1px dashed transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
  line-height: 1.3;
}

.aff-search-fallback:hover {
  color: var(--aff-amber);
  border-bottom-color: var(--aff-amber);
}

.aff-search-fallback svg {
  flex-shrink: 0;
  opacity: 0.7;
}

/* Divulgación legal obligatoria de Amazon Afiliados */
.amazon-affiliate-disclosure {
  padding-top: 0.85rem;
  border-top: 1px solid var(--aff-border);
  font-size: 0.75rem;
  color: var(--aff-text-dim);
  line-height: 1.5;
}

.amazon-affiliate-disclosure p {
  margin: 0;
}

.amazon-affiliate-disclosure strong {
  color: var(--aff-text-muted);
}

/* Adaptación responsive */
@media (max-width: 992px) {
  .affiliate-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .affiliate-showcase-container {
    padding: 1.15rem;
  }

  .affiliate-showcase-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .affiliate-products-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .btn-aff-product {
    min-height: 42px;
  }
}

/* Reglas de impresión (@media print) */
@media print {
  .affiliate-showcase-container {
    display: none !important;
  }
}