/* === Visual rotation por paleta === */
.pp-palette-0 .pp-faq details{border-left-color:#2271b1}
.pp-palette-0 .pp-faq details[open]{border-left-color:#0a4d8c;background:#eef4fb}
.pp-palette-0 article table th, .pp-palette-0 .the-content table th{background:#2271b1}
.pp-palette-0 .pp-faq summary::after{color:#2271b1}
.pp-palette-0 .pp-faq details[open] summary::after{color:#0a4d8c}

.pp-palette-1 .pp-faq details{border-left-color:#0d9488}
.pp-palette-1 .pp-faq details[open]{border-left-color:#075952;background:#e6f4f2}
.pp-palette-1 article table th, .pp-palette-1 .the-content table th{background:#0d9488}
.pp-palette-1 .pp-faq summary::after{color:#0d9488}
.pp-palette-1 .pp-faq details[open] summary::after{color:#075952}

.pp-palette-2 .pp-faq details{border-left-color:#7c3aed}
.pp-palette-2 .pp-faq details[open]{border-left-color:#5b21b6;background:#f3edff}
.pp-palette-2 article table th, .pp-palette-2 .the-content table th{background:#7c3aed}
.pp-palette-2 .pp-faq summary::after{color:#7c3aed}
.pp-palette-2 .pp-faq details[open] summary::after{color:#5b21b6}

.pp-palette-3 .pp-faq details{border-left-color:#ea580c}
.pp-palette-3 .pp-faq details[open]{border-left-color:#9a3412;background:#fff1e6}
.pp-palette-3 article table th, .pp-palette-3 .the-content table th{background:#ea580c}
.pp-palette-3 .pp-faq summary::after{color:#ea580c}
.pp-palette-3 .pp-faq details[open] summary::after{color:#9a3412}

/* === Ocultar wrapper vacio thumbnail === */
.post-thumbnail:empty{display:none !important;margin:0 !important;padding:0 !important}

/* === Layout tighten === */
.the-content{line-height:1.65}
.the-content > p{margin:0 0 14px}
.the-content > h2{margin:26px 0 12px;font-size:1.5em;line-height:1.3}
.the-content > h3{margin:20px 0 8px;font-size:1.18em;line-height:1.35}
.the-content > ul, .the-content > ol{margin:6px 0 14px;padding-left:24px}
.the-content > ul li, .the-content > ol li{margin-bottom:4px;line-height:1.6}
.the-content > table{margin:14px 0 20px}
.the-content .pp-faq{margin:24px 0}
.the-content .pp-faq details{margin-bottom:8px}
.the-content .code-block{margin:10px auto !important;min-height:0}

/* === TOC === */
.post-index.pp-toc-done{display:none !important}
.pp-toc{background:#f6f8fb;border:1px solid #d8e1ec;border-radius:8px;padding:0;margin:18px 0 22px;overflow:hidden}
.pp-toc summary{font-weight:700;font-size:1.02em;cursor:pointer;padding:12px 16px;list-style:none;outline:none;background:#eef3f9;color:#0a4d8c;border-bottom:1px solid transparent;display:flex;align-items:center;justify-content:space-between}
.pp-toc summary::-webkit-details-marker{display:none}
.pp-toc summary::after{content:"\25BC";font-size:.7em;color:#0a4d8c;transition:transform .2s;margin-left:8px}
.pp-toc[open] summary{border-bottom:1px solid #d8e1ec}
.pp-toc[open] summary::after{transform:rotate(180deg)}
.pp-toc ol{margin:0;padding:12px 16px 14px 36px;list-style:decimal;font-size:.95em;line-height:1.5}
.pp-toc ol li{margin-bottom:5px}
.pp-toc ol a{color:#2271b1;text-decoration:none}
.pp-toc ol a:hover{text-decoration:underline}

/* === Tabla base === */
article table, .the-content table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.95em;border:1px solid #e6e9ed}
article table th, .the-content table th{color:#fff;padding:10px 12px;text-align:left;font-weight:600;font-size:.95em}
article table td, .the-content table td{padding:9px 12px;border-bottom:1px solid #e6e9ed;vertical-align:top}
article table tr:nth-child(even) td, .the-content table tr:nth-child(even) td{background:#f8fafc}

/* === FAQ base === */
.pp-faq{margin:24px 0}
.pp-faq details{background:#f7f9fc;border-left:4px solid #2271b1;border-radius:6px;padding:14px 20px;margin-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.pp-faq details[open]{background:#eef4fb;border-left-color:#0a4d8c}
.pp-faq summary{font-weight:700;cursor:pointer;font-size:1.05em;color:#1a1a1a;list-style:none;position:relative;padding-right:28px}
.pp-faq summary::-webkit-details-marker{display:none}
.pp-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5em;color:#2271b1;font-weight:300;line-height:1}
.pp-faq details[open] summary::after{content:"\2212";color:#0a4d8c}
.pp-faq .pp-ans{margin-top:14px;line-height:1.7;color:#333}

/* === Breadcrumbs visibles === */
.pp-breadcrumbs{font-size:.9em;color:#666;margin:0 0 14px;padding:0;line-height:1.5}
.pp-breadcrumbs a{color:#2271b1;text-decoration:none}
.pp-breadcrumbs a:hover{text-decoration:underline}
.pp-bc-sep{color:#ccc;margin:0 4px}
.pp-bc-curr{color:#333;font-weight:500}

/* === Byline === */
.pp-byline{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:.92em;color:#666;margin:0 0 18px;padding:10px 14px;background:#f6f8fb;border-radius:6px;border:1px solid #e4e9ef}
.pp-byline .pp-sep{opacity:.5}

/* === Author card === */
.pp-author-card{margin:30px 0 18px;padding:18px 22px;background:#f6f8fb;border-left:4px solid #2271b1;border-radius:6px;font-size:.95em;line-height:1.65}

/* === Related posts === */
.pp-related{margin:30px 0 18px;padding:20px 22px;background:#fffbe6;border-left:4px solid #f0b400;border-radius:6px;font-size:.96em}
.pp-related strong{display:block;margin-bottom:10px;font-size:1.05em;color:#7a5a00}
.pp-related ul{margin:0;padding-left:20px;list-style:disc}
.pp-related li{margin-bottom:6px;line-height:1.5}
.pp-related a{color:#0a4d8c;text-decoration:none;font-weight:500}
.pp-related a:hover{text-decoration:underline}