/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/* ── IMÁGENES EN ARTÍCULOS ── */
.entry-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px;
    display: block;
    margin: 16px auto;
}
.single-post .entry-content[data-ast-blocks-layout] {
    --wp--custom--ast-content-width-size: 100%;
}

/* ── TIPOGRAFÍA EN ARTÍCULOS ── */
.single-post .entry-content h2 {
    font-size: 1.4em;
    color: #111;
    margin-top: 2em;
    border-bottom: 2px solid #eee;
    padding-bottom: 8px;
}
.single-post .entry-content h3 {
    font-size: 1.1em;
    color: #222;
    margin-top: 1.5em;
}
.single-post .entry-content blockquote {
    border-left: 3px solid #ccc;
    margin: 0;
    padding: 0 16px;
    color: #555;
    font-style: italic;
}
.single-post .entry-content ul {
    padding-left: 20px;
}
.single-post .entry-content li {
    margin-bottom: 5px;
}
.img-caption {
    text-align: center;
    font-size: 0.82em;
    color: #888;
    margin-top: -10px;
    margin-bottom: 16px;
}
.reading-time {
    color: #888;
    font-size: 0.9em;
}

/* ── TABLAS ── */
.single-post .entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.93em;
}
.single-post .entry-content th {
    background: #1a1a2e;
    color: white;
    padding: 10px 12px;
    text-align: left;
}
.single-post .entry-content td {
    padding: 9px 12px;
    border-bottom: 1px solid #eee;
}
.single-post .entry-content tr:nth-child(even) td {
    background: #f9f9f9;
}
.td-good, .winner, .winner-cell, .td-winner { color: #1a6b3a; font-weight: 700; }
.td-bad { color: #c53030; }

/* ── BOTONES ── */
.btn-amazon {
    display: inline-block;
    background: #ff9900;
    color: #111 !important;
    text-decoration: none;
    padding: 11px 20px;
    border-radius: 6px;
    font-weight: bold;
    margin: 6px 4px;
    font-size: 0.95em;
}
.btn-amazon:hover { background: #e68900; }
.btn-ts {
    display: inline-block;
    background: #1a1a2e;
    color: white !important;
    text-decoration: none;
    padding: 11px 20px;
    border-radius: 6px;
    font-weight: bold;
    margin: 6px 4px;
    font-size: 0.95em;
}

/* ── CAJAS DE CONTENIDO ── */
.afiliado {
    background: #fff8e1;
    border-left: 4px solid #ffc107;
    padding: 12px 16px;
    font-size: 0.9em;
    font-style: italic;
    margin: 20px 0;
}
.info-box {
    background: #f0f7ff;
    border: 2px solid #2d6da4;
    border-radius: 8px;
    padding: 18px 20px;
    margin: 20px 0;
}
.warning-box {
    background: #fff8e1;
    border: 2px solid #f6ad55;
    border-radius: 8px;
    padding: 16px;
    margin: 20px 0;
}
.winner-box {
    background: #f0fff4;
    border: 2px solid #38a169;
    border-radius: 8px;
    padding: 16px;
    margin: 20px 0;
}
.veredicto-box {
    background: #f0f7ff;
    border: 2px solid #2d6da4;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

/* ── LISTAS CON ICONOS ── */
.check-list { list-style: none; padding: 0; }
.check-list li::before { content: "✅ "; }
.cross-list { list-style: none; padding: 0; }
.cross-list li::before { content: "❌ "; }

/* ── PROS / CONS ── */
.pros-cons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 14px 0;
    font-size: 0.88em;
}
.pros {
    background: #f0fff4;
    border-left: 4px solid #38a169;
    border-radius: 8px;
    padding: 12px;
}
.pros h4, .pros p { color: #38a169; margin: 0 0 8px; font-weight: 700; font-size: 0.9em; }
.cons, .contras {
    background: #fff5f5;
    border-left: 4px solid #e53e3e;
    border-radius: 8px;
    padding: 12px;
}
.cons h4, .contras h4, .cons p { color: #e53e3e; margin: 0 0 8px; font-weight: 700; font-size: 0.9em; }
.pros ul, .cons ul { list-style: none; padding: 0; margin: 0; }
.pros li, .cons li { margin-bottom: 4px; }
.pros li::before { content: "✅ "; }
.cons li::before { content: "❌ "; }

/* ── TARJETAS DE MÓVILES (mejores-oneplus) ── */
.phone-card {
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 22px 24px;
    margin: 28px 0;
}
.phone-card.top    { border-color: #c0392b; }
.phone-card.best-value { border-color: #2d6da4; }
.phone-card.mid    { border-color: #38a169; }
.phone-card.avoid  { border-color: #dd6b20; background: #fffaf0; }
.phone-card h3     { margin-top: 0; }
.price-tag  { font-size: 1.3em; font-weight: 800; color: #111; margin: 12px 0 4px; }
.price-note { font-size: 0.82em; color: #888; margin-bottom: 12px; }

/* ── SPECS GRID ── */
.specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 24px;
    font-size: 0.88em;
    margin: 14px 0;
}
.spec-item  { display: flex; gap: 6px; }
.spec-label { color: #888; min-width: 100px; flex-shrink: 0; }
.spec-value { color: #111; font-weight: 500; }
.spec-value.highlight { color: #c0392b; font-weight: 700; }

/* ── VEREDICTO BOX (dark) ── */
.verdict-box {
    background: #1a1a2e;
    color: #fff;
    border-radius: 12px;
    padding: 24px;
    margin: 28px 0;
}
.verdict-box h3 { color: #a78bfa; margin-top: 0; }
.verdict-row { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 10px; font-size: 0.9em; }
.verdict-budget {
    background: #a78bfa;
    color: #fff;
    font-size: 0.72em;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-top: 2px;
    white-space: nowrap;
}

/* ── VS HEADER (oneplus-vs-xiaomi) ── */
.vs-header {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #1a1a2e;
    color: #fff;
    border-radius: 10px;
    padding: 20px 24px;
    margin: 24px 0;
}
.vs-brand { flex: 1; text-align: center; }
.vs-brand strong { font-size: 1.4em; display: block; }
.vs-brand span { font-size: 0.82em; opacity: 0.7; }
.vs-circle {
    background: #e53e3e;
    border-radius: 50%;
    width: 44px; height: 44px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 1em; flex-shrink: 0;
}

/* ── TARJETAS PRODUCTOS (tradingshenzhen) ── */
.producto-card { border: 2px solid #eee; border-radius: 10px; padding: 20px; margin: 24px 0; }
.producto-card.destacado { border-color: #2d6da4; background: #f8fbff; }
.precio-tag {
    display: inline-block;
    background: #1a7a4a;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 1.1em;
    margin: 6px 0;
}
.grid-productos {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
    margin: 16px 0;
}
.card-mini { border: 1px solid #eee; border-radius: 8px; padding: 14px; }
.card-mini.eu { border-color: #2d6da4; background: #f8fbff; }

/* ── BADGES ── */
.badge {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}
.badge-top    { background: #fed7d7; color: #c53030; }
.badge-value  { background: #bee3f8; color: #2a69ac; }
.badge-mid    { background: #c6f6d5; color: #276749; }
.badge-avoid  { background: #feebc8; color: #c05621; }
.badge-winner, .badge-mejor { background: #2d6da4; color: white; }
.badge-perf   { background: #c53030; color: white; }
.badge-foto   { background: #6b46c1; color: white; }
.badge-gaming { background: #c53030; color: white; }

/* ── SCORE BOX ── */
.score { font-size: 2em; font-weight: bold; color: #2d6da4; }

/* ── RESPONSIVE ── */
@media (max-width: 600px) {
    .pros-cons    { grid-template-columns: 1fr; }
    .specs-grid   { grid-template-columns: 1fr; }
    .grid-productos { grid-template-columns: 1fr 1fr; }
    .vs-header    { flex-direction: column; text-align: center; }
}