.elementor-2082 .elementor-element.elementor-element-ea1cd6b{font-size:20px;line-height:1px;letter-spacing:-1.8px;word-spacing:0px;}/* Start custom CSS for theme-post-content, class: .elementor-element-ea1cd6b */:root{ --text:#101114; --muted:#5a5f6a; --brand:#b4001f; } body{ font-family:'Cairo',system-ui,-apple-system,'Segoe UI',Roboto,'Noto Naskh Arabic',Arial,sans-serif; line-height:1.95; color:var(--text); } h1{ font-weight:900; font-size:clamp(2.4rem, 6vw, 3.6rem); line-height:1.25; margin:0 0 18px; color:var(--brand); } h2{ font-weight:900; font-size:clamp(2.0rem, 4.8vw, 2.8rem); line-height:1.35; margin:48px 0 14px; color:var(--brand); } h3{ font-weight:800; font-size:clamp(1.6rem, 3.6vw, 2.1rem); line-height:1.45; margin:30px 0 12px; color:#101114; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-40263d6 *//* =========================================================== SINGLE POST • RTL AR • Typography + Layout + Blocks (Pro) =========================================================== */ :root{ /* marca y tipografía */ --brand:#c1272d; --ink:#0f172a; --muted:#6b7280; --border:#e5e7eb; --bg:#ffffff; /* escalas fluidas (ajusta máximos si quieres más grande) */ --h1:clamp(34px,6.5vw,56px); --h2:clamp(28px,5.5vw,44px); --h3:clamp(22px,4.2vw,30px); --lead:clamp(18px,2.4vw,21px); --body:18px; /* base */ } /* dark mode opcional (activar con data-theme="dark" en ) */ html[data-theme="dark"]{ --ink:#e5e7eb; --muted:#9aa3b2; --border:#263040; --bg:#0b1220; --brand:#f43f5e; } .single, .single-post{ background:var(--bg); color:var(--ink); font-family:"Cairo", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Naskh Arabic", Arial, sans-serif; line-height:1.95; direction:rtl; } /* contenedor principal */ .single .site, .single .container, .single .content-area, .single .entry-content{ max-width: 1080px; margin-inline:auto; padding-inline: 16px; } /* breadcrumbs si los tienes */ .breadcrumbs, .rank-math-breadcrumb{ font-size:.95rem; color:var(--muted); margin:8px 0 14px; } .breadcrumbs a, .rank-math-breadcrumb a{ color:var(--muted); text-decoration:none; } .breadcrumbs a:hover, .rank-math-breadcrumb a:hover{ color:var(--brand); text-decoration:underline; } /* título */ .single .entry-title, .post .entry-title, .post-title{ color:var(--brand); font-weight:900; font-size:var(--h1); line-height:1.22; margin: 4px 0 10px; text-wrap:balance; } /* metadatos */ .single .entry-meta, .meta{ color:var(--muted); font-size:1rem; display:flex; gap:.6rem; flex-wrap:wrap; } /* imagen destacada */ .single .post-thumbnail, .post-thumb, .wp-block-post-featured-image{ margin: 18px 0 24px; border:1px solid var(--border); border-radius:14px; overflow:hidden; background:#fafafa; } .single .post-thumbnail img, .post-thumb img, .wp-block-post-featured-image img{ display:block; width:100%; height:auto; max-height:680px; object-fit:cover; border-radius:12px; } /* cuerpo del artículo */ .entry-content, .single .entry-content, .ms-main, .post-content{ font-size: var(--body); color:#1e293b; } .entry-content > p:first-of-type{ font-size: var(--lead); color:#0f172a; } /* encabezados dentro del contenido */ .entry-content h2, .ms-main h2{ color:var(--brand); font-weight:900; font-size:var(--h2); line-height:1.28; margin: 1.6em 0 .7em; } .entry-content h3, .ms-main h3{ color:var(--brand); font-weight:800; font-size:var(--h3); line-height:1.35; margin: 1.2em 0 .5em; } /* párrafos y listas */ .entry-content p{ margin:0 0 1.2em; } .entry-content ul, .entry-content ol{ margin:0 0 1.1em; padding-inline-start: 1.2em; } .entry-content li{ margin:.4em 0; } .entry-content a{ color:var(--brand); text-decoration:none; } .entry-content a:hover{ text-decoration:underline; } /* tablas */ .entry-content table, .wp-block-table{ width:100%; border-collapse:separate; border-spacing:0; margin:1em 0; border:1px solid var(--border); border-radius:12px; overflow:hidden; } .entry-content table th, .entry-content table td{ padding:.75rem .9rem; border-bottom:1px solid var(--border); } .entry-content table thead th{ background:#fafafa; font-weight:800; color:#0f172a; } /* citas / blockquote */ .entry-content blockquote, .wp-block-quote{ border-inline-start: 6px solid var(--brand); background:linear-gradient(90deg, rgba(193,39,45,.06), transparent 60%); padding: .9rem 1rem; margin:1.2em 0; border-radius:10px; color:#0f172a; } .entry-content blockquote p{ margin:0; } /* código */ pre, code, .wp-block-code{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; background:#0b1220; color:#e5e7eb; border-radius:10px; border:1px solid #0f1a2b; } pre{ padding:1rem 1.2rem; overflow:auto; } /* imágenes internas / figure */ .entry-content figure{ margin:1.2em auto; text-align:center; } .entry-content figure img{ border-radius:12px; border:1px solid var(--border); } .entry-content figcaption{ font-size:.93rem; color:var(--muted); margin-top:.5rem; } /* tabla de contenidos (Rank Math o plugin TOC) */ .toc, .rank-math-toc-block, .ez-toc-container{ border:1px solid var(--border); border-radius:14px; padding:12px 14px; background:#fff; margin:18px 0; } .toc .toc-title, .rank-math-toc-block .rank-math-toc-title{ font-weight:900; color:var(--brand); margin:0 0 8px; font-size:1.1rem; } .rank-math-toc-block ul, .ez-toc-container ul{ margin:0; padding:0; list-style:none; } .rank-math-toc-block li, .ez-toc-container li{ margin:.35rem 0; } .rank-math-toc-block a{ color:#0f172a; text-decoration:none; } .rank-math-toc-block a:hover{ color:var(--brand); text-decoration:underline; } /* etiquetas/tags */ .post-tags{ margin-top:18px; color:#334155; } .post-tags a{ color:var(--brand); } /* navegación siguiente/anterior */ .mig-nextprev, .post-navigation{ display:flex; justify-content:space-between; gap:12px; margin-top:26px; flex-wrap:wrap; } .mig-nextprev a, .post-navigation a{ color:#0f172a; text-decoration:none; border:1px solid var(--border); border-radius:10px; padding:.55rem .9rem; transition:.2s; } .mig-nextprev a:hover, .post-navigation a:hover{ border-color:var(--brand); color:var(--brand); } /* relacionados */ .related{ margin-top:30px; } .related .rel-title{ text-align:center; color:var(--brand); font-weight:900; margin-bottom:14px; font-size:clamp(22px,4.2vw,32px); } .related .rel-grid{ display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); } .related .rpost{ background:#fff; border:1px solid #eee; border-radius:14px; padding:10px; text-align:center; transition:.25s; } .related .rpost:hover{ box-shadow:0 6px 16px rgba(0,0,0,.08); transform:translateY(-4px); } .related .rpost img{ width:100%; height:auto; border-radius:10px; margin-bottom:8px; } .related .rpost .t{ margin:0; font-weight:800; } .related .rpost .t a{ color:var(--brand); text-decoration:none; } .related .rpost .t a:hover{ text-decoration:underline; } .related .rpost .d{ display:block; color:#64748b; font-size:.9rem; margin-top:4px; } /* sidebar base */ .ms-sidebar .pill{ display:inline-block; background:var(--brand); color:#fff; border-radius:999px; padding:.38rem .95rem; margin-bottom:12px; font-weight:800; } .ms-sidebar .vlist{ display:flex; flex-direction:column; gap:14px; } .ms-sidebar .vitem{ display:grid; grid-template-columns:96px 1fr; gap:10px; align-items:center; border:1px solid var(--border); border-radius:12px; padding:10px; background:#fff; } .ms-sidebar .vitem img{ width:96px; height:72px; object-fit:cover; border-radius:8px; border:1px solid var(--border); } .ms-sidebar .vitem .link{ color:var(--brand); font-weight:800; text-decoration:none; line-height:1.4; } .ms-sidebar .vitem .link:hover{ text-decoration:underline; } .ms-sidebar .vitem .meta{ color:#6b7280; font-size:.9rem; margin-top:4px; } /* autor (si tu theme lo usa) */ .author-box{ display:flex; gap:16px; align-items:center; border:1px solid var(--border); border-radius:14px; padding:14px; margin-top:24px; background:#fff; } .author-box .avatar{ width:68px; height:68px; border-radius:50%; overflow:hidden; border:1px solid var(--border); } .author-box .name{ font-weight:900; color:#0f172a; } .author-box .bio{ color:#475569; } /* comentarios */ .comments-area{ margin-top:32px; border-top:1px solid var(--border); padding-top:18px; } .comment-body{ border:1px solid var(--border); border-radius:12px; padding:12px 14px; margin:12px 0; background:#fff; } .comment-author .fn{ font-weight:800; color:#0f172a; } .comment-metadata{ color:#64748b; font-size:.9rem; } /* responsive */ @media (max-width: 980px){ .single .content-area, .single .entry-content{ padding-inline: 14px; } .related .rel-grid{ gap:12px; } } @media (max-width: 480px){ .single .entry-meta{ font-size:.95rem; } .related .rpost{ padding:8px; } } /* utilidades opcionales */ .hr{height:1px; background:var(--border); margin:22px 0;} .btn-primary{background:var(--brand); color:#fff; border-radius:10px; padding:.6rem 1rem; display:inline-block; text-decoration:none; font-weight:800;} .btn-primary:hover{opacity:.9;}/* End custom CSS */