/*
 * Blog de bejaranore.mx — se carga solo en /blog/, /blog/tema/… y artículos (body.bre-blog).
 * Diseño aprobado: wordpress/blog/maqueta-blog.html (2026-10-12). Marca Selva Dorada.
 */
.bre-b{
  --verde:#1D3A28; --hoja:#3A6B4A; --naranja:#F0881A; --naranja-2:#D4720F; --ambar:#F9CD9A;
  --crema:#F5F2E8; --palma:#E8E4D8; --verde-claro:#E6EDE8; --blanco:#FFFFFF;
  --texto:#1D2820; --suave:#5C6B58; --borde:rgba(29,58,40,.14);
  --display:'DM Serif Display',Georgia,'Times New Roman',serif;
  --sans:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:12px;
  background:var(--crema); color:var(--texto); font:400 17px/1.65 var(--sans);
  padding-bottom:96px;
}
.bre-b *{box-sizing:border-box}
.bre-b a{color:inherit}
.bre-b img{display:block;max-width:100%;height:auto}
.bre-b h1,.bre-b h2,.bre-b h3{font-family:var(--display);font-weight:400;line-height:1.15;text-wrap:balance;margin:0;color:var(--texto);letter-spacing:0;text-transform:none}
.bre-b :focus-visible{outline:3px solid var(--naranja);outline-offset:2px}
.bre-b-env{max-width:1240px;margin-inline:auto;padding-inline:24px}
@media (max-width:600px){.bre-b-env{padding-inline:16px}}

.bre-b-ruta{font-size:14px;color:var(--suave);margin:0;padding-block:24px 0}
.bre-b-ruta a{text-decoration:none}
.bre-b-ruta a:hover{text-decoration:underline}
.bre-b-ruta span{margin-inline:6px}

.bre-b-etq{align-self:flex-start;justify-self:start;display:inline-block;font:600 12px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--verde);background:var(--verde-claro);padding:5px 10px;border-radius:6px}
.bre-b-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--suave)}
.bre-b-meta b{color:var(--texto);font-weight:600}
.bre-b-extracto{margin:0;color:var(--suave)}

.bre-b-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:8px;font:600 15px/1.2 var(--sans);text-decoration:none!important;border:0;cursor:pointer;transition:background-color .2s,color .2s}
.bre-b .bre-b-btn-naranja,.bre-b .bre-b-btn-naranja:visited{background:var(--naranja);color:var(--verde)}
.bre-b .bre-b-btn-naranja:hover{background:var(--naranja-2);color:var(--verde)}
.bre-b .bre-b-btn-linea,.bre-b .bre-b-btn-linea:visited{background:transparent;color:var(--verde);box-shadow:inset 0 0 0 1.5px var(--verde)}
.bre-b .bre-b-btn-linea:hover{background:var(--verde);color:var(--blanco)}
.bre-wa-ico{width:18px;height:18px;flex:none}

/* ── Lista ── */
.bre-b-portada{padding-block:20px 8px;display:grid;gap:14px;max-width:760px}
.bre-b-ceja{font:600 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--hoja)}
.bre-b-portada h1{font-size:clamp(36px,5vw,52px)}
.bre-b-portada p{margin:0;color:var(--suave);font-size:18px;max-width:60ch}
.bre-b-temas{display:flex;flex-wrap:wrap;gap:10px;padding-block:28px 4px}
.bre-b-temas a{display:inline-flex;align-items:center;font:500 15px var(--sans);min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--borde);background:var(--blanco);color:var(--texto);text-decoration:none}
.bre-b-temas a:hover{border-color:var(--verde)}
.bre-b-temas small{color:var(--suave);font-size:13px;margin-left:6px}
.bre-b-temas a[aria-current]{background:var(--verde);border-color:var(--verde);color:var(--blanco)}
.bre-b-temas a[aria-current] small{color:var(--ambar)}

.bre-b-destacado{margin-top:28px;display:grid;grid-template-columns:1.35fr 1fr;background:var(--blanco);border-radius:16px;overflow:hidden;text-decoration:none;border:1px solid var(--borde)}
.bre-b-foto{aspect-ratio:16/10;overflow:hidden;max-width:100%;background:var(--palma)}
.bre-b-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bre-b-sinfoto{display:block;width:100%;height:100%;background:var(--verde-claro)}
.bre-b-destacado .bre-b-txt{padding:36px 40px;display:flex;flex-direction:column;gap:14px;justify-content:center;min-width:0}
.bre-b-destacado h2{font-size:clamp(28px,3vw,36px)}
.bre-b-destacado:hover img,.bre-b-tarjeta:hover img{transform:scale(1.03)}
.bre-b-destacado:hover h2,.bre-b-tarjeta:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media (max-width:860px){.bre-b-destacado{grid-template-columns:1fr}.bre-b-destacado .bre-b-txt{padding:24px}}

.bre-b-rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:28px}
.bre-b-rejilla-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bre-b-tarjeta{display:flex;flex-direction:column;gap:14px;text-decoration:none;min-width:0}
.bre-b-tarjeta .bre-b-foto{border-radius:var(--r)}
.bre-b-tarjeta .bre-b-txt{display:flex;flex-direction:column;gap:12px}
.bre-b-tarjeta h3{font-size:26px}
@media (max-width:980px){.bre-b-rejilla-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.bre-b-rejilla,.bre-b-rejilla-3{grid-template-columns:1fr}}
.bre-b-vacio{padding:40px 0;color:var(--suave);margin:0}

.bre-b-paginas{padding-top:36px}
.bre-b-paginas ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.bre-b-paginas a,.bre-b-paginas span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border-radius:8px;border:1px solid var(--borde);background:var(--blanco);text-decoration:none;font-weight:500}
.bre-b-paginas .current{background:var(--verde);color:var(--blanco);border-color:var(--verde)}

.bre-b-puente{margin-top:56px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:28px 32px;border-radius:16px;background:var(--verde-claro)}
.bre-b-puente h2{font-size:26px;flex:1 1 320px}
.bre-b-acc{display:flex;flex-wrap:wrap;gap:12px}

/* ── Artículo ── */
.bre-b-art-cab{max-width:860px;padding-block:18px 28px;display:grid;gap:16px}
.bre-b-art-cab h1{font-size:clamp(34px,4.6vw,50px)}
.bre-b-entrada{margin:0;font-size:20px;line-height:1.55;color:var(--suave);max-width:62ch}
.bre-b-firma{display:flex;align-items:center;gap:14px;padding-top:6px}
.bre-b-avatar{width:52px;height:52px;border-radius:50%;background:var(--verde);color:var(--ambar);display:grid;place-items:center;font:400 20px var(--display);flex:none}
.bre-b-quien{font-size:15px;line-height:1.4}
.bre-b-quien b{display:block;font-weight:600}
.bre-b-quien span{color:var(--suave)}
.bre-b-portada-art{margin:0}
.bre-b-portada-art img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:16px}
.bre-b-portada-art figcaption{font-size:14px;color:var(--suave);padding-top:10px}

.bre-b-cuerpo{display:grid;grid-template-columns:minmax(0,68ch) 300px;gap:64px;justify-content:space-between;padding-top:44px}
.bre-b-texto{min-width:0}
.bre-b-texto p{margin:0;font-size:17px;line-height:1.7;color:var(--texto)}
.bre-b .bre-b-texto>*+*{margin-top:1.1em}
.bre-b .bre-b-texto h2{font-size:32px;margin-top:1.9em;scroll-margin-top:24px}
.bre-b .bre-b-texto h3{font-size:23px;margin-top:1.5em}
.bre-b .bre-b-texto h2+h3{margin-top:.8em}
.bre-b .bre-b-texto h3+p{margin-top:.5em}
.bre-b-texto ul,.bre-b-texto ol{padding-left:1.2em;margin-block:0}
.bre-b-texto li{margin:0}
.bre-b-texto li+li{margin-top:.4em}
.bre-b-texto li::marker{color:var(--naranja)}
.bre-b-texto a{color:var(--hoja);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.bre-b-texto hr{border:0;border-top:1px solid var(--borde);margin-block:2em}
.bre-b-texto strong,.bre-b-texto b{font-weight:600}
.bre-b-texto blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:3px solid var(--naranja);font:400 22px/1.45 var(--display)}
.bre-b-texto figure{margin-inline:0}
.bre-b-texto figure img{border-radius:var(--r)}
.bre-b-texto figcaption{font-size:14px;color:var(--suave);padding-top:8px}
.bre-b-texto table{width:100%;border-collapse:collapse;font-size:16px;background:var(--blanco);border-radius:var(--r);overflow:hidden}
.bre-b-texto .wp-block-table{overflow-x:auto;margin-inline:0}
.bre-b-texto th,.bre-b-texto td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--borde)}
.bre-b-texto th{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);font-weight:600;background:var(--palma)}

/* Casas en venta dentro del artículo */
.bre-b-fichas{margin-block:2em!important;padding:24px;border-radius:16px;background:var(--blanco);border:1px solid var(--borde)}
.bre-b-fichas-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:16px}
.bre-b-fichas-cab h3{margin:0!important;font-size:22px}
.bre-b-fichas-cab a{font-weight:600;font-size:15px}
.bre-b-fichas-rej{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bre-b .bre-b-ficha{text-decoration:none;color:var(--texto);display:grid;gap:8px;align-content:start;min-width:0}
.bre-b-ficha img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%}
.bre-b-ficha b{font-weight:600;font-size:15px;line-height:1.35}
.bre-b-ficha span{font-size:13px;color:var(--suave)}
.bre-b-ficha:hover b{text-decoration:underline}
@media (max-width:640px){.bre-b-fichas{padding:18px}.bre-b-fichas-rej{grid-template-columns:1fr}.bre-b .bre-b-ficha{grid-template-columns:110px 1fr;align-items:center}.bre-b-ficha img{grid-row:span 2}}

/* Preguntas frecuentes */
.bre-b-faq details{border-bottom:1px solid var(--borde)}
.bre-b-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:600;min-height:44px}
.bre-b-faq summary::-webkit-details-marker{display:none}
.bre-b-faq summary::after{content:"+";font:400 26px/1 var(--sans);color:var(--naranja);transition:transform .2s;flex:none}
.bre-b-faq details[open] summary::after{transform:rotate(45deg)}
.bre-b-resp{padding-bottom:16px;color:var(--suave)}
.bre-b-resp p{color:var(--suave)}

.bre-b-autor{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:24px;border-radius:16px;background:var(--verde-claro);margin-top:2.4em!important}
.bre-b-autor .bre-b-avatar{width:72px;height:72px;font-size:28px}
.bre-b-autor b{font-family:var(--display);font-weight:400;font-size:22px;display:block}
.bre-b-autor p{margin:6px 0 0;font-size:16px}

/* Lateral fijo */
.bre-b-lateral-in{position:sticky;top:24px;display:grid;gap:20px}
.bre-b-indice{font-size:15px}
.bre-b-indice p{font:600 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin:0 0 10px}
.bre-b-indice ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--borde)}
.bre-b-indice li{margin:0}
.bre-b-indice a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--suave);line-height:1.35}
.bre-b-indice a:hover{color:var(--texto)}
.bre-b-indice a.activo{color:var(--verde);border-left-color:var(--naranja);font-weight:600}
.bre-b-tarjeta-wa{padding:22px;border-radius:16px;background:var(--verde);color:var(--crema);display:grid;gap:12px}
.bre-b-tarjeta-wa b{font:400 22px/1.2 var(--display);color:var(--blanco)}
.bre-b-tarjeta-wa p{margin:0;font-size:15px;color:rgba(245,242,232,.82)}
@media (max-width:1000px){
  .bre-b-cuerpo{grid-template-columns:minmax(0,1fr);gap:0}
  .bre-b-lateral{order:-1}
  .bre-b-lateral-in{position:static}
  .bre-b-tarjeta-wa{display:none}
  .bre-b-indice{padding:16px 18px;background:var(--blanco);border-radius:var(--r);border:1px solid var(--borde);margin-bottom:8px}
}

.bre-b-relacionados{padding-top:64px}
.bre-b-relacionados h2{font-size:32px}

@media (prefers-reduced-motion:reduce){.bre-b *{transition:none!important}html:has(.bre-b){scroll-behavior:auto}}
html:has(.bre-b-indice){scroll-behavior:smooth}