/* ==========================================================================
   Entradas del blog con la gráfica nueva (opción 3, «Noticia local»), 30/09/2026.
   Solo se carga en las entradas (functions.php). Tokens iguales a las páginas «Maqueta IP».
   ========================================================================== */
:root {
  --ip-azul: #081c28; --ip-azul-medio: #0d2940; --ip-azul-claro: #11364f;
  --ip-dorado: #c9a85c; --ip-dorado-oscuro: #b48848; --ip-dorado-suave: rgba(201,168,92,.14);
  --ip-dorado-texto: #8a6a2c; --ip-dorado-borde: rgba(201,168,92,.45);
  --ip-blanco: #ffffff; --ip-blanco-suave: rgba(255,255,255,.82); --ip-blanco-tenue: rgba(255,255,255,.6);
  --ip-crema: #f7f5f0; --ip-gris-claro: #eceae4; --ip-gris-texto: #5c636b; --ip-texto: #1c2228;
  --ip-borde: #e4e0d6; --ip-borde-oscuro: rgba(255,255,255,.12);
  --ip-serif: "Fraunces", Georgia, "Times New Roman", serif; /* la misma letra de títulos que el resto de la web (CSS adicional) */
  --ip-sans: "Inter", -apple-system, "Segoe UI", Arial, sans-serif;
  --ip-sombra: 0 6px 24px rgba(8,28,40,.08); --ip-sombra-alta: 0 12px 36px rgba(8,28,40,.16);
  --ip-radio-sm: 8px; --ip-radio: 12px; --ip-radio-lg: 16px; --ip-radio-pill: 999px;
  --ip-trans: all .25s ease;
}

/* ---------- Base de la página ---------- */
html { scroll-padding-top: 96px; }
body.ipe-body { margin: 0; background: var(--ip-blanco) !important; color: var(--ip-texto); font-family: var(--ip-sans); padding-top: 72px !important; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
/* Con la barra de administración, WordPress ya baja la página con margin-top en <html>: aquí no se suma. */
.ipe *, .ipe *::before, .ipe *::after, .ip-navbar *, .ip-footer * { box-sizing: border-box; }
.ipe-saltar { position: absolute; left: -9999px; top: 8px; z-index: 300; background: var(--ip-dorado); color: var(--ip-azul); padding: 10px 16px; border-radius: var(--ip-radio-sm); font: 600 14px var(--ip-sans); }
.ipe-saltar:focus { left: 12px; }
.ip-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.ipe-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.ipe-col { width: 100%; max-width: 760px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
.ip-icon { width: 30px; height: 30px; stroke: var(--ip-dorado); stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.ip-icon--sm { width: 18px; height: 18px; }

/* ---------- Botones ---------- */
.ip-btn { display: inline-block; font-family: var(--ip-sans); font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; padding: 14px 28px; border-radius: 4px; border: 1px solid transparent; cursor: pointer; transition: var(--ip-trans); text-align: center; text-decoration: none; }
.ip-btn--gold { background: var(--ip-dorado); color: var(--ip-azul) !important; border-color: var(--ip-dorado); }
.ip-btn--gold:hover { background: var(--ip-dorado-oscuro); border-color: var(--ip-dorado-oscuro); }
.ipe-boton { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 14px 30px; border-radius: var(--ip-radio-pill); background: var(--ip-dorado); color: var(--ip-azul) !important; font: 600 15px/1.2 var(--ip-sans); text-decoration: none !important; transition: var(--ip-trans); }
.ipe-boton:hover { background: var(--ip-dorado-oscuro); }
.ipe a:focus-visible, .ip-navbar a:focus-visible, .ip-navbar button:focus-visible, .ip-footer a:focus-visible, .ipe-boton:focus-visible { outline: 3px solid var(--ip-dorado); outline-offset: 3px; }

/* ---------- Cabecera (igual que las páginas nuevas) ---------- */
.ip-navbar { font-family: var(--ip-sans); background: var(--ip-azul) !important; color: var(--ip-blanco); position: fixed; top: 0; left: 0; right: 0; z-index: 150; border-bottom: 1px solid var(--ip-borde-oscuro); }
body.admin-bar .ip-navbar { top: 32px; }
@media (max-width: 782px) { body.admin-bar .ip-navbar { top: 46px; } }
.ip-navbar__inner { max-width: 1360px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 28px; min-height: 72px; }
.ip-navbar__logo { flex-shrink: 0; display: block; }
.ip-navbar__logo img { height: 46px; width: auto; max-width: none; display: block; }
.ip-navbar__menu { display: flex; align-items: center; gap: 4px; margin: 0 0 0 auto; list-style: none; padding: 0; }
.ip-navbar__menu > li { position: relative; margin: 0; }
.ip-navbar__menu > li > a { display: block; padding: 24px 11px; font-size: 13px; font-weight: 500; letter-spacing: .04em; color: var(--ip-blanco-suave); transition: var(--ip-trans); white-space: nowrap; text-decoration: none; }
.ip-navbar__menu > li > a:hover, .ip-navbar__menu > li > a[aria-current="page"] { color: var(--ip-dorado); }
.ip-navbar__submenu { position: absolute; top: 100%; left: 0; min-width: 240px; background: var(--ip-blanco); border-radius: 0 0 6px 6px; box-shadow: var(--ip-sombra-alta); opacity: 0; visibility: hidden; transform: translateY(8px); transition: var(--ip-trans); padding: 8px 0; list-style: none; margin: 0; }
.ip-navbar__menu > li:hover > .ip-navbar__submenu, .ip-navbar__menu > li:focus-within > .ip-navbar__submenu { opacity: 1; visibility: visible; transform: translateY(0); }
.ip-navbar__submenu a { display: block; padding: 9px 20px; font-size: 13px; color: var(--ip-texto); transition: var(--ip-trans); text-decoration: none; }
.ip-navbar__submenu a:hover { background: var(--ip-crema); color: var(--ip-dorado-texto); }
.ip-navbar__phone { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--ip-blanco); white-space: nowrap; text-decoration: none; }
.ip-navbar__phone:hover { color: var(--ip-dorado); }
.ip-navbar__cta { padding: 11px 18px; font-size: 11px; white-space: nowrap; min-height: 44px; display: inline-flex; align-items: center; }
.ip-navbar__toggle { display: none; background: none; border: 0; cursor: pointer; padding: 8px; margin-left: auto; }
.ip-navbar__toggle span { display: block; width: 24px; height: 2px; background: var(--ip-blanco); margin: 5px 0; transition: var(--ip-trans); }
@media (max-width: 1500px) and (min-width: 1181px) {
  .ip-navbar__inner { gap: 16px; }
  .ip-navbar__menu > li > a { padding-left: 8px; padding-right: 8px; letter-spacing: .02em; }
  .ip-navbar__logo img { height: 40px; }
  .ip-navbar__phone { display: none; }
}
@media (max-width: 1180px) {
  .ip-navbar__toggle { display: block; }
  .ip-navbar__menu { position: fixed; top: 72px; left: 0; right: 0; bottom: 0; background: var(--ip-azul); flex-direction: column; align-items: stretch; gap: 0; padding: 16px 24px 40px; overflow-y: auto; display: none; margin-left: 0; }
  .ip-navbar--open .ip-navbar__menu { display: flex; }
  .ip-navbar__menu > li > a { padding: 14px 4px; font-size: 15px; border-bottom: 1px solid var(--ip-borde-oscuro); }
  .ip-navbar__submenu { position: static; opacity: 1; visibility: visible; transform: none; background: transparent; box-shadow: none; padding: 0 0 8px 16px; min-width: 0; }
  .ip-navbar__submenu a { color: rgba(255,255,255,.65); padding: 8px 4px; font-size: 13.5px; }
  .ip-navbar__submenu a:hover { background: transparent; color: var(--ip-dorado); }
  .ip-navbar__phone { display: none; }
  .ip-navbar__cta { margin-left: auto; }
}
@media (max-width: 560px) {
  .ip-navbar__inner { padding-left: 14px; padding-right: 14px; gap: 12px; }
  .ip-navbar__logo img { height: 34px !important; width: auto !important; }
  .ip-navbar__cta { font-size: 10px; padding: 10px 12px; }
}

/* ---------- Franja superior: Actualidad o Guía ---------- */
.ipe-franja { background: var(--ip-azul); color: var(--ip-blanco); border-bottom: 3px solid var(--ip-dorado); }
.ipe-franja__in { display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; min-height: 56px; padding-top: 12px; padding-bottom: 12px; }
.ipe-franja__etq { display: inline-flex; align-items: center; gap: 10px; font: 700 12px/1.2 var(--ip-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--ip-blanco); }
.ipe-punto { width: 9px; height: 9px; border-radius: 50%; background: var(--ip-dorado); box-shadow: 0 0 0 4px rgba(201,168,92,.25); flex-shrink: 0; }
.ipe-franja__fecha { font-family: var(--ip-serif); font-size: 19px; color: var(--ip-blanco); }
.ipe-franja__fecha strong { color: var(--ip-dorado); font-weight: 600; }
.ipe-franja--guia { background: var(--ip-azul-medio); }

/* ---------- Cabecera del artículo ---------- */
.ipe-cab { padding-top: 28px; padding-bottom: 8px; }
.ipe-migas { font-size: 13px; color: var(--ip-gris-texto); margin: 0 0 18px; }
.ipe-migas a { color: var(--ip-gris-texto); text-decoration: none; }
.ipe-migas a:hover { color: var(--ip-dorado-texto); text-decoration: underline; }
.ipe .ipe-titulo { font-family: var(--ip-serif); font-weight: 600; font-size: clamp(30px, 4.6vw, 46px); line-height: 1.14; letter-spacing: -.01em; color: var(--ip-azul); margin: 0 0 16px; }
.ipe-datos { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; font-size: 14px; color: var(--ip-gris-texto); }
.ipe-datos__act { color: var(--ip-texto); font-weight: 600; }
.ipe-datos__min { color: var(--ip-dorado-texto); font-weight: 600; }

/* ---------- En 30 segundos ---------- */
.ipe-30s { margin-top: 26px; }
.ipe-30s > * { margin-left: 0; }
.ipe-30s { position: relative; }
.ipe-30s::before { content: ""; position: absolute; left: 24px; right: 24px; top: 0; bottom: 0; background: var(--ip-crema); border: 1px solid var(--ip-borde); border-left: 4px solid var(--ip-dorado); border-radius: var(--ip-radio); z-index: 0; }
.ipe-30s__tit, .ipe-30s ol { position: relative; z-index: 1; }
.ipe-30s__tit { margin: 0; padding: 20px 24px 6px 28px; font: 700 12px/1.2 var(--ip-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--ip-dorado-texto); }
.ipe-30s ol { list-style: none; counter-reset: ipe30; margin: 0; padding: 6px 24px 20px 28px; }
.ipe-30s li { counter-increment: ipe30; position: relative; padding-left: 36px; margin: 10px 0; font-size: 16px; line-height: 1.55; }
.ipe-30s li::before { content: counter(ipe30); position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; background: var(--ip-azul); color: var(--ip-blanco); font: 700 12px/24px var(--ip-sans); text-align: center; }

/* ---------- Foto destacada ---------- */
.ipe-foto { margin-top: 28px; margin-bottom: 0; }
.ipe-foto img, .ipe-foto__img { display: block; width: 100%; height: auto; border-radius: var(--ip-radio-lg); background: var(--ip-azul-medio); aspect-ratio: 16 / 9; object-fit: cover; }

/* ---------- Texto del artículo ---------- */
.ipe-cuerpo { padding-top: 12px; padding-bottom: 40px; font-size: 18px; line-height: 1.72; color: var(--ip-texto); }
.ipe-cuerpo > *:first-child { margin-top: 24px; }
.ipe .ipe-cuerpo p { margin: 0 0 1.1em; font-size: 18px; line-height: 1.72; color: var(--ip-texto); }
.ipe .ipe-cuerpo h2 { font-family: var(--ip-serif); font-weight: 600; font-size: clamp(25px, 3vw, 31px); line-height: 1.24; color: var(--ip-azul); margin: 1.9em 0 .6em; padding-left: 16px; border-left: 4px solid var(--ip-dorado); }
.ipe .ipe-cuerpo h3 { font-family: var(--ip-serif); font-weight: 600; font-size: 23px; line-height: 1.3; color: var(--ip-azul); margin: 1.6em 0 .5em; }
.ipe .ipe-cuerpo h4, .ipe .ipe-cuerpo h5, .ipe .ipe-cuerpo h6 { font-family: var(--ip-sans); font-weight: 700; font-size: 17px; line-height: 1.4; color: var(--ip-azul); margin: 1.5em 0 .45em; letter-spacing: 0; text-transform: none; }
.ipe .ipe-cuerpo h2 strong, .ipe .ipe-cuerpo h3 strong, .ipe .ipe-cuerpo h4 strong, .ipe .ipe-cuerpo h5 strong { font-weight: inherit; }
.ipe .ipe-cuerpo a { color: var(--ip-dorado-texto); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.ipe .ipe-cuerpo a:hover { color: var(--ip-azul); }
.ipe .ipe-cuerpo strong, .ipe .ipe-cuerpo b { font-weight: 600; color: inherit; }
.ipe .ipe-cuerpo ul, .ipe .ipe-cuerpo ol { margin: 0 0 1.2em; padding-left: 0; list-style: none; }
.ipe .ipe-cuerpo ul > li { position: relative; padding-left: 26px; margin: .5em 0; }
.ipe .ipe-cuerpo ul > li::before { content: ""; position: absolute; left: 4px; top: .7em; width: 8px; height: 8px; border-radius: 50%; background: var(--ip-dorado); }
.ipe .ipe-cuerpo ol { counter-reset: ipeol; }
.ipe .ipe-cuerpo ol > li { counter-increment: ipeol; position: relative; padding-left: 32px; margin: .5em 0; }
.ipe .ipe-cuerpo ol > li::before { content: counter(ipeol) "."; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--ip-dorado-texto); }
.ipe .ipe-cuerpo blockquote, .ipe .ipe-cuerpo .wp-block-quote { margin: 1.6em 0; padding: 18px 22px; background: var(--ip-crema); border: 0; border-left: 4px solid var(--ip-dorado); border-radius: 0 var(--ip-radio) var(--ip-radio) 0; font-style: normal; }
.ipe .ipe-cuerpo blockquote p:last-child { margin-bottom: 0; }
.ipe .ipe-cuerpo figure, .ipe .ipe-cuerpo .wp-block-image { margin: 1.8em 0; max-width: 100%; }
.ipe .ipe-cuerpo img { max-width: 100% !important; height: auto !important; border-radius: var(--ip-radio); display: block; }
.ipe .ipe-cuerpo .wp-block-image.aligncenter, .ipe .ipe-cuerpo .aligncenter { margin-left: auto; margin-right: auto; }
.ipe .ipe-cuerpo figcaption { font-size: 13px; color: var(--ip-gris-texto); margin-top: 8px; text-align: left; }
.ipe .ipe-cuerpo table { width: 100%; border-collapse: collapse; margin: 1.6em 0; font-size: 15.5px; display: block; overflow-x: auto; }
.ipe .ipe-cuerpo th, .ipe .ipe-cuerpo td { border-bottom: 1px solid var(--ip-borde); padding: 10px 12px; text-align: left; vertical-align: top; }
.ipe .ipe-cuerpo th { background: var(--ip-crema); font-weight: 600; }
.ipe .ipe-cuerpo hr { border: 0; border-top: 1px solid var(--ip-borde); margin: 2em 0; }
.ipe .ipe-cuerpo p:empty { display: none; }
.ipe .ipe-cuerpo iframe, .ipe .ipe-cuerpo video { max-width: 100%; }

/* ---------- Bloque del embudo ---------- */
.ipe-embudo { padding: 56px 0; text-align: center; }
.ipe-embudo--comprador { background: var(--ip-azul); color: var(--ip-blanco); }
.ipe-embudo--vendedor { background: var(--ip-azul-medio); color: var(--ip-blanco); }
.ipe-embudo__in { max-width: 720px; }
.ipe-embudo__etq { margin: 0 0 10px; font: 700 12px/1.2 var(--ip-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--ip-dorado); }
.ipe .ipe-embudo__tit { font-family: var(--ip-serif); font-weight: 600; font-size: clamp(27px, 3.4vw, 36px); line-height: 1.2; color: var(--ip-blanco); margin: 0 0 12px; border: 0; padding: 0; }
.ipe-embudo__txt { margin: 0 auto 26px; max-width: 560px; font-size: 17px; line-height: 1.6; color: var(--ip-blanco-suave); }
.ipe-embudo__peq { margin: 16px 0 0; font-size: 13px; color: var(--ip-blanco-tenue); }
.ipe-embudo__otro { margin: 28px auto 0; padding-top: 20px; max-width: 560px; border-top: 1px solid var(--ip-borde-oscuro); font-size: 14.5px; line-height: 1.55; color: var(--ip-blanco-suave); }
.ipe-embudo__otro a { color: var(--ip-dorado) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.ipe-embudo__otro a:hover { color: var(--ip-blanco) !important; }

/* ---------- Sigue leyendo ---------- */
.ipe-rel { padding: 56px 0 64px; background: var(--ip-crema); }
.ipe .ipe-rel__tit { font-family: var(--ip-serif); font-weight: 600; font-size: 28px; color: var(--ip-azul); margin: 0 0 24px; }
.ipe-rel__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ipe-tarjeta { display: flex; flex-direction: column; background: var(--ip-blanco); border: 1px solid var(--ip-borde); border-radius: var(--ip-radio); overflow: hidden; text-decoration: none !important; color: var(--ip-texto); box-shadow: var(--ip-sombra); transition: var(--ip-trans); }
.ipe-tarjeta:hover { transform: translateY(-3px); box-shadow: var(--ip-sombra-alta); }
.ipe-tarjeta__img { display: block; aspect-ratio: 16 / 10; background: var(--ip-gris-claro); border-bottom: 3px solid var(--ip-dorado); overflow: hidden; }
.ipe-tarjeta__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ipe-tarjeta__cuerpo { display: flex; flex-direction: column; gap: 8px; padding: 18px 20px 20px; flex: 1; }
.ipe-tarjeta__etq { font: 700 11px/1.2 var(--ip-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--ip-dorado-texto); }
.ipe-tarjeta__tit { font-family: var(--ip-serif); font-weight: 600; font-size: 19px; line-height: 1.3; color: var(--ip-azul); }
.ipe-tarjeta__mas { margin-top: auto; font-size: 14px; font-weight: 600; color: var(--ip-azul); }

/* ---------- Pie (igual que el resto de la web) ---------- */
.ip-footer { background: var(--ip-azul) !important; color: var(--ip-blanco-suave) !important; font-size: 14px; font-family: var(--ip-sans); margin-top: 0; }
.ip-footer__main { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr; gap: 40px; padding: 64px 0 48px; }
.ip-footer__brand img { height: 54px; width: auto; margin-bottom: 18px; }
.ip-footer__brand p { font-size: 13.5px; line-height: 1.7; max-width: 260px; margin: 0; }
.ip-footer__social { display: flex; gap: 12px; margin-top: 20px; }
.ip-footer__social a { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--ip-borde-oscuro); border-radius: 50%; transition: var(--ip-trans); }
.ip-footer__social a:hover { border-color: var(--ip-dorado); }
.ip-footer__social .ip-icon { width: 15px; height: 15px; stroke: rgba(255,255,255,.85); }
.ip-footer__social a:hover .ip-icon { stroke: var(--ip-dorado); }
.ip-footer h4 { font-family: var(--ip-sans); font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ip-blanco) !important; margin: 0 0 18px; }
.ip-footer ul { list-style: none; margin: 0; padding: 0; }
.ip-footer__col li { margin-bottom: 10px; }
.ip-footer__col a { font-size: 13.5px; color: var(--ip-blanco-tenue) !important; transition: var(--ip-trans); text-decoration: none; }
.ip-footer__col a:hover { color: var(--ip-dorado) !important; }
.ip-footer__contact li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; font-size: 13.5px; }
.ip-footer__contact .ip-icon { width: 17px; height: 17px; margin-top: 2px; }
.ip-footer__contact a { color: var(--ip-blanco-tenue) !important; text-decoration: none; }
.ip-footer__contact a:hover { color: var(--ip-dorado) !important; }
.ip-footer__bottom { border-top: 1px solid var(--ip-borde-oscuro); padding: 20px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 12.5px; color: var(--ip-blanco-tenue) !important; }
.ip-footer__legal { display: flex; gap: 24px; flex-wrap: wrap; }
.ip-footer__legal a { color: var(--ip-blanco-tenue) !important; transition: var(--ip-trans); text-decoration: none; }
.ip-footer__legal a:hover { color: var(--ip-dorado) !important; }
.ip-whatsapp { position: fixed; right: 22px; bottom: 22px; z-index: 90; width: 54px; height: 54px; border-radius: 50%; background: #25d366; display: flex; align-items: center; justify-content: center; box-shadow: var(--ip-sombra-alta); transition: var(--ip-trans); }
.ip-whatsapp:hover { transform: scale(1.07); }
.ip-whatsapp svg { width: 28px; height: 28px; fill: #ffffff; }

/* ---------- Móvil ---------- */
@media (max-width: 880px) {
  .ip-footer__main { grid-template-columns: 1fr 1fr; padding: 48px 0 32px; }
  .ipe-rel__grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .ipe-wrap, .ipe-col, .ip-container { padding-left: 16px; padding-right: 16px; }
  .ipe-30s::before { left: 16px; right: 16px; }
  .ipe-30s__tit { padding-left: 20px; padding-right: 16px; }
  .ipe-30s ol { padding-left: 20px; padding-right: 16px; }
  .ipe-franja__fecha { font-size: 16px; }
  .ipe-cuerpo, .ipe .ipe-cuerpo p { font-size: 17px; }
  .ipe .ipe-cuerpo h2 { padding-left: 12px; }
  .ipe-embudo { padding: 44px 0; }
  .ip-footer__main { grid-template-columns: 1fr; gap: 32px; }
  .ip-footer__bottom { flex-direction: column; text-align: center; }
  .ip-whatsapp { right: 14px; bottom: 14px; width: 50px; height: 50px; }
}