@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,800;1,500;1,600&family=Libre+Franklin:wght@400;500;600;700;800&display=swap');
/* Atelier 00949 — Revista (fix27: la piel Glossier de la previa
   aprobada por el dueño, «perfecto, así mismo lo quiero»).
   Lenguaje editorial: papel blanco cálido, titulares serif
   grandes (Playfair Display), kickers en versalitas con filete
   dorado, tarjetas foto-primero y reglas finas entre secciones.
   Acentos de la casa: verde profundo #173e32 y dorado #d9bc83.
   Los tokens viven bajo .hlrev (fragmento nativo) y bajo
   .hlrev-solo (documento independiente): la misma CSS rinde
   ambos modos, y cada regla apunta a la clase del elemento —
   ningún selector depende de un ancestro concreto.
   El logo oficial conserva SIEMPRE su proporción natural 3:1
   (altura fija, ancho auto, object-fit contain). */
.hlrev,.hlrev-solo,.hlrev-flip,.hlrev-print,.hlrev-fbpage{--hlrev-paper:#faf8f3;--hlrev-green:#173e32;--hlrev-green-deep:#10291f;--hlrev-gold:#d9bc83;--hlrev-gold-deep:#a07d1e;--hlrev-ink:#292420;--hlrev-muted:#7d7466;--hlrev-line:#e7dfcf;--hlrev-coral:#e2725b;--hlrev-serif:'Playfair Display',Georgia,'Times New Roman',serif;--hlrev-sans:'Libre Franklin','Avenir Next','Segoe UI',system-ui,-apple-system,sans-serif}
.hlrev{font-family:var(--hlrev-sans);color:var(--hlrev-ink);background:var(--hlrev-paper);border-radius:18px;padding:20px 22px 26px;max-width:1180px;margin-left:auto;margin-right:auto}
.hlrev-solo{font-family:var(--hlrev-sans);color:var(--hlrev-ink)}
.hlrev a{color:var(--hlrev-green)}
.hlrev-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Botones, insignias y avisos: espejo de panel.css para que el
   documento independiente (que solo carga ESTA hoja) se vea igual
   que dentro del shell. */
.atl-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 17px;border-radius:999px;border:1.5px solid #173e32;color:#173e32;background:transparent;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer}
.atl-btn svg{width:16px;height:16px;flex:none}
.atl-btn-main{background:#173e32;color:#f7f5ef}
.atl-btn-wa{background:#1e7a4f;border-color:#1e7a4f;color:#fff}
.atl-btn-fb{background:#31517e;border-color:#31517e;color:#fff}
/* fix4: dentro de la revista, «.hlrev a» (0,1,1) gana a las
   variantes de botón de una sola clase (0,1,0) y dejaba la etiqueta
   VERDE sobre el relleno verde/azul — invisible: así salían el CTA
   de Clasificados y los botones de WhatsApp/Facebook al compartir
   en el teléfono del dueño. Aquí se reafirma el texto claro de
   CADA botón relleno que puede ser <a> dentro de la edición, con
   especificidad (0,2,1); los iconos van en currentColor y se
   corrigen con el mismo color. El botón dorado de PDF (relleno
   claro, texto oscuro) también se reafirma: «.hlrev a» le pintaba
   el texto de verde en las acciones del hero. */
.hlrev a.atl-btn-main{color:#f7f5ef}
.hlrev a.atl-btn-wa{color:#fff}
.hlrev a.atl-btn-fb{color:#fff}
.hlrev a.hlrev-btn-pdf{color:#20301f}
.atl-pos{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:none;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 11px;white-space:nowrap}
.atl-pos-gold{background:#d9bc83;color:#173e32}
.atl-pos-founder{background:linear-gradient(135deg,#d9bc83,#c9a45c);color:#173e32;border:1px solid #173e32;box-shadow:0 1px 4px rgba(23,62,50,.25)}
.atl-alert{border-radius:12px;padding:11px 16px;margin:0 0 18px;font-size:14px;font-weight:600}
.atl-alert-error{background:#fbe9e4;border:1px solid #e2725b;color:#8a3524}
.atl-alert-ok{background:#e9f2ec;border:1px solid #173e32;color:#173e32}

/* ---------- Cabecera del documento independiente ---------- */
.hlrev-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--hlrev-green);border-radius:14px;padding:14px 20px;margin-bottom:16px}
.hlrev-topbar-brand{display:flex;align-items:center;gap:14px}
.hlrev-logo{height:56px;width:auto;object-fit:contain;display:block}
.hlrev-topbar-sub{color:var(--hlrev-gold);font-size:.66rem;letter-spacing:.22em;line-height:1.7;font-weight:700}
.hlrev-topbar-actions{display:flex;gap:10px;flex-wrap:wrap}
.hlrev-btn-pdf{display:inline-flex;align-items:center;gap:7px;background:var(--hlrev-gold);color:#20301f;border:none;border-radius:999px;padding:9px 16px;font-weight:800;font-size:.86rem;text-decoration:none;font-family:inherit;cursor:pointer}
.hlrev-btn-pdf svg{width:16px;height:16px}
.hlrev-btn-flip{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--hlrev-gold);border:1.5px solid var(--hlrev-gold);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.86rem;text-decoration:none;font-family:inherit;cursor:pointer}
.hlrev-btn-flip svg{width:16px;height:16px}
.hlrev-btn-gold{display:inline-flex;align-items:center;gap:7px;background:var(--hlrev-gold);color:#20301f;border:none;border-radius:999px;padding:11px 20px;font-weight:800;font-size:.92rem;text-decoration:none;font-family:inherit;cursor:pointer}

/* ---------- Portada-hero (una sola) ---------- */
.hlrev-coverwrap{position:relative;margin-bottom:46px}
.hlrev-cover{background-size:cover;background-position:center;border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(41,36,32,.25)}
.hlrev-cover-shade{background:linear-gradient(180deg,rgba(18,25,22,.34) 0%,rgba(18,25,22,.05) 38%,rgba(18,25,22,.55) 68%,rgba(18,25,22,.88) 100%);padding:26px 28px 30px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:430px;box-sizing:border-box}
.hlrev-cover-top{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between;margin-bottom:auto}
.hlrev-cover-ed{font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--hlrev-gold);text-shadow:0 1px 8px rgba(0,0,0,.55)}
.hlrev-cover-week{color:#f7f3e9;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.hlrev-cover-main{text-align:left}
.hlrev-masthead{display:block;height:clamp(84px,15vw,150px);width:auto;max-width:92%;object-fit:contain;filter:drop-shadow(0 4px 22px rgba(0,0,0,.55))}
.hlrev-kicker{margin:16px 0 0;font-size:.74rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--hlrev-gold);text-shadow:0 1px 8px rgba(0,0,0,.55)}
.hlrev-coverlines{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hlrev-coverline{display:flex;align-items:center;gap:10px;margin:0;background:#fff;border-radius:12px;padding:9px 14px;max-width:340px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.hlrev-coverline strong{font-family:var(--hlrev-serif);font-size:1.7rem;line-height:1;font-weight:800}
.hlrev-coverline span{font-size:.8rem;line-height:1.35;color:var(--hlrev-ink)}
.hlrev-cl-green strong{color:var(--hlrev-green)}
.hlrev-cl-gold strong{color:var(--hlrev-gold-deep)}
.hlrev-cl-coral strong{color:var(--hlrev-coral)}
.hlrev-hero-foot{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:20px;padding-right:158px}
.hlrev-presenter{margin:0;font-size:.95rem;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hlrev-presenter strong{color:var(--hlrev-gold)}
.hlrev-hero-actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.hlrev-hero-actions .hlrev-btn-flip{color:#fff;border-color:rgba(255,255,255,.85)}
/* El sello dorado rompe la esquina inferior derecha del hero,
   lejos de la fila «Presentado por» / acciones. */
.hlrev-seal{position:absolute;bottom:-32px;right:26px;width:118px;height:118px;z-index:5;pointer-events:none;filter:drop-shadow(0 6px 14px rgba(16,32,26,.45))}
.hlrev-seal svg{width:100%;height:100%}
.hlrev-seal-disc{fill:var(--hlrev-gold)}
.hlrev-seal-rule{fill:none;stroke:#8a6d2f;stroke-width:.8;opacity:.75}
.hlrev-seal-text{fill:#5d4a15;font-size:8.5px;font-weight:700;letter-spacing:.2px}
.hlrev-seal-big{fill:#3d2f08;font-size:15px;font-weight:900;letter-spacing:.5px}
.hlrev-seal-small{fill:#5d4a15;font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}

/* ---------- Lenguaje de sección ---------- */
.hlrev-sec{border-top:1px solid var(--hlrev-line);padding:30px 0 8px;margin:0 0 22px}
.hlrev-sec[id]{scroll-margin-top:84px}
.hlrev-sec h2{margin:0 0 18px;font-family:var(--hlrev-serif);font-size:clamp(25px,3.6vw,32px);font-weight:700;line-height:1.12;color:var(--hlrev-ink);letter-spacing:0;text-transform:none}
.hlrev-sec h2 span{border-bottom:3px solid var(--hlrev-gold);padding-bottom:3px}
.hlrev-kicker-sm{margin:0 0 8px;font-size:.68rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--hlrev-gold-deep)}
.hlrev-periodo{font-family:var(--hlrev-sans);font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--hlrev-muted);text-transform:none}
.hlrev-meta{margin:3px 0 0;font-size:12.5px;color:var(--hlrev-muted)}
.hlrev-meta a{color:var(--hlrev-green);font-weight:600}
.hlrev-folio{display:flex;align-items:center;gap:12px;color:#a2946e;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;margin:2px 0 4px}
.hlrev-folio-line{flex:1;height:1px;background:var(--hlrev-line)}
.hlrev-invite{background:#fff;border:1.5px dashed var(--hlrev-gold-deep);border-radius:16px;padding:18px 20px}
.hlrev-invite p{margin:0 0 10px;line-height:1.6}
.hlrev-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.hlrev-verified{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--hlrev-green);background:#eef3ee;border:1px solid var(--hlrev-green);border-radius:7px;padding:4px 8px;white-space:nowrap}
.hlrev-verified svg{width:13px;height:13px;flex:none}
.hlrev-sealrow{margin:4px 0 0}
.hlrev-editor-seal{display:inline-flex;align-items:center;gap:5px;background:var(--hlrev-green);color:var(--hlrev-gold);border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.hlrev-editor-seal svg{width:11px;height:11px}
.hlrev-dropcap::first-letter{font-family:var(--hlrev-serif);font-size:3.1em;font-weight:700;color:var(--hlrev-green);float:left;line-height:.82;padding:4px 10px 0 0}
.hlrev-dropcap-wrap>p:first-of-type::first-letter{font-family:var(--hlrev-serif);font-size:3.1em;font-weight:700;color:var(--hlrev-green);float:left;line-height:.82;padding:4px 10px 0 0}
.hlrev-rich p{margin:6px 0}
.hlrev-rich h3{font-size:16.5px;color:var(--hlrev-green);margin:10px 0 6px}
.hlrev-rich blockquote{border-left:4px solid var(--hlrev-gold);margin:10px 0;padding:2px 12px;font-style:italic}
.hlrev-rich ul,.hlrev-rich ol{margin:8px 0;padding-left:22px}
.hlrev-rich a{color:var(--hlrev-green);text-decoration:underline}
.hlrev-rich .atl-embed{position:relative;aspect-ratio:16/9;margin:10px 0;border-radius:12px;overflow:hidden;background:#000}
.hlrev-rich .atl-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hlrev-rich video{width:100%;max-width:100%;height:auto;border-radius:12px;background:#000}
.hlrev-rich .atl-poll{border:1.5px dashed var(--hlrev-gold);border-radius:10px;padding:8px 12px;margin:10px 0;color:var(--hlrev-green);font-weight:600}
.hlrev-rich .atl-poll::before{content:"Votación: "}
.atl-embed-note{border:1px dashed var(--hlrev-gold);border-radius:10px;padding:8px 12px;font-style:italic}
.hlrev-frame{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;margin:8px 0}
.hlrev-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.hlrev-gallery .hlrev-frame{margin:0}
.hlrev-tags{margin:6px 0}

/* ---------- Carta de la redacción ---------- */
.hlrev-carta-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;align-items:start}
.hlrev-carta-text{font-size:1.05rem;line-height:1.75;margin:0}
.hlrev-carta-firma{margin:14px 0 0;font-family:var(--hlrev-serif);font-style:italic;color:var(--hlrev-green);font-weight:600}
.hlrev-sidecard{background:#fff;border:1px solid var(--hlrev-line);border-top:3px solid var(--hlrev-gold);border-radius:14px;padding:16px 18px;overflow:hidden}
.hlrev-sidecard-img{display:block;width:calc(100% + 36px);max-width:none;height:118px;object-fit:cover;margin:-16px -18px 14px}
.hlrev-sidecard h3{margin:0 0 10px;font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--hlrev-gold-deep)}
.hlrev-sidecard ul{list-style:none;margin:0;padding:0}
.hlrev-sidecard li{padding:7px 0;border-bottom:1px solid var(--hlrev-line);font-size:.9rem;font-weight:600;color:var(--hlrev-green)}
.hlrev-sidecard li:last-child{border-bottom:none}
.hlrev-sidecard li a{color:inherit;text-decoration:none}
.hlrev-sidecard li a:hover{text-decoration:underline;text-decoration-color:var(--hlrev-gold);text-decoration-thickness:2px;text-underline-offset:3px}
.hlrev-sidecard-views{margin:12px 0 0;font-size:.85rem;color:var(--hlrev-muted)}
.hlrev-sidecard-views strong{color:var(--hlrev-green)}

/* ---------- Pensamiento ---------- */
.hlrev-intro{color:var(--hlrev-muted);font-style:italic;margin:0 0 6px}
.hlrev-pensamiento blockquote{margin:6px 0 2px;font-family:var(--hlrev-serif);font-style:italic;font-size:clamp(20px,3.4vw,26px);line-height:1.45;text-align:center;color:var(--hlrev-green)}

/* ---------- Tema de la semana (fix29: el partido de la previa) ---------- */
.hlrev-tema{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid var(--hlrev-line);border-radius:20px;overflow:hidden}
.hlrev-tema-full{grid-template-columns:1fr}
.hlrev-tema-img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}
.hlrev-tema-in{padding:clamp(20px,3vw,34px)}
.hlrev-tema-in h3{margin:0 0 10px;font-family:var(--hlrev-serif);font-size:clamp(25px,3.2vw,36px);font-weight:800;line-height:1.12;color:var(--hlrev-ink)}
.hlrev-tema-bajada{margin:0 0 12px;font-size:1.02rem;line-height:1.6;color:var(--hlrev-green);font-weight:600}
.hlrev-tema-in p{font-size:15px;line-height:1.7}
.hlrev-tema-in .hlrev-meta{margin-top:14px}

/* ---------- Lo más leído (fix29: tarjetas con foto, como la previa) ---------- */
.hlrev-leido{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hlrev-leido-card{display:flex;gap:14px;background:#fff;border:1px solid var(--hlrev-line);border-radius:16px;padding:14px;align-items:center}
.hlrev-leido-n{font-family:var(--hlrev-serif);font-size:44px;font-weight:900;color:var(--hlrev-green);line-height:1;flex:none}
.hlrev-leido-media{flex:none;display:block;width:86px;height:86px}
.hlrev-leido-img{width:86px;height:86px;border-radius:14px;object-fit:cover;display:block}
.hlrev-leido-plate{width:86px;height:86px;border-radius:14px;background:linear-gradient(135deg,var(--hlrev-green),var(--hlrev-green-deep));color:var(--hlrev-gold);display:flex;align-items:center;justify-content:center;font-family:var(--hlrev-serif);font-size:38px;font-weight:800}
/* fix32: ranura autocurable — con foto, la placa convive OCULTA
   junto a la <img>; si la foto falla, su onerror marca la ranura
   (hlrev-media-fallback): la <img> se esconde y la placa aparece.
   Un icono de imagen rota nunca es el estado final. El orden
   importa: las reglas fallback van DESPUÉS de la que oculta la
   placa (misma especificidad, gana la última). */
.hlrev-leido-media-img .hlrev-leido-plate{display:none}
.hlrev-media-fallback .hlrev-leido-img{display:none}
.hlrev-media-fallback .hlrev-leido-plate{display:flex}
.hlrev-leido-body{min-width:0}
.hlrev-leido-body h3{margin:0;font-family:var(--hlrev-serif);font-size:17.5px;line-height:1.25}
.hlrev-leido-body h3 a{color:var(--hlrev-ink);text-decoration:none}
.hlrev-leido-body h3 a:hover{color:var(--hlrev-green);text-decoration:underline}

/* ---------- Agenda ---------- */
.hlrev-agenda{list-style:none;margin:0;padding:0}
.hlrev-agenda li{display:flex;flex-wrap:wrap;gap:4px 14px;padding:10px 0;border-bottom:1px solid var(--hlrev-line);align-items:baseline}
.hlrev-agenda li:last-child{border-bottom:none}
.hlrev-agenda strong{font-family:var(--hlrev-serif);font-size:1.05rem;color:var(--hlrev-ink)}
.hlrev-agenda span{color:var(--hlrev-muted);font-size:13px;margin-left:auto}

/* ---------- El Shopper (foto-primero) ---------- */
.hlrev-cat{margin:20px 0 12px;color:var(--hlrev-green);font-family:var(--hlrev-serif);font-size:19px;font-weight:700;border-left:5px solid var(--hlrev-gold);padding-left:10px}
.hlrev-cat:first-of-type{margin-top:2px}
.hlrev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
/* fix28: con el lienzo ancho (1180px), El Shopper queda a TRES
   tarjetas por fila en escritorio, con el tamaño cómodo de la
   previa — el auto-fill metía una cuarta columna pequeña. */
@media (min-width:1024px){.hlrev-grid{grid-template-columns:repeat(3,1fr)}}
.hlrev-card{background:#fff;border:1px solid var(--hlrev-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.hlrev-card-gold{border:1.5px solid var(--hlrev-gold);background:linear-gradient(180deg,#fffdf4,#fdf6e0);box-shadow:0 8px 22px rgba(160,125,30,.16)}
.hlrev-card-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.hlrev-card-img-logo{object-fit:contain;background:#fff;padding:14px;box-sizing:border-box}
.hlrev-card-plate{aspect-ratio:16/10;background:linear-gradient(135deg,var(--hlrev-green),var(--hlrev-green-deep));color:var(--hlrev-gold);display:flex;align-items:center;justify-content:center;font-family:var(--hlrev-serif);font-size:52px;font-weight:800;letter-spacing:.04em}
.hlrev-card-body{padding:15px 17px 17px;display:flex;flex-direction:column;flex:1}
.hlrev-card-head{display:flex;align-items:flex-start;gap:8px}
.hlrev-card-head strong{font-family:var(--hlrev-serif);color:var(--hlrev-green);font-size:17px;line-height:1.25}
.hlrev-headline{margin:7px 0 4px;font-weight:700;line-height:1.45}
.hlrev-offer{margin:0 0 4px;color:var(--hlrev-coral);font-weight:700}
.hlrev-card p{font-size:13.5px;line-height:1.55}
.hlrev-card .hlrev-actions{margin-top:auto;padding-top:12px}

/* ---------- Columnas, reportajes, artículos ---------- */
.hlrev-col{background:#fff;border:1px solid var(--hlrev-line);border-radius:16px;padding:20px 22px;margin:0 0 14px}
.hlrev-col h3{margin:0 0 6px;font-family:var(--hlrev-serif);font-size:23px;line-height:1.2;color:var(--hlrev-ink)}
.hlrev-col p{font-size:14.5px;line-height:1.65}
.hlrev-columna{border-top:3px solid var(--hlrev-gold)}
.hlrev-adlabel{display:inline-block;background:var(--hlrev-coral);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:7px;padding:4px 9px;margin:0 0 10px}

/* ---------- Del Grupo / Del Municipio ---------- */
.hlrev-feed{border-top:none;border-radius:20px;padding:24px 24px 10px}
.hlrev-feed-grupo{background:#edf3ee}
.hlrev-feed-muni{background:#f7efdb}
.hlrev-feed-sub{margin:-8px 0 16px;color:var(--hlrev-muted);font-size:.95rem}
.hlrev-feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.hlrev-feed-card{background:#fff;border:1px solid var(--hlrev-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.hlrev-feed-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.hlrev-feed-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.hlrev-feed-body h3{margin:0 0 6px;font-family:var(--hlrev-serif);font-size:18px;line-height:1.3;color:var(--hlrev-ink)}
.hlrev-feed-body p{font-size:13.5px;line-height:1.55;margin:0 0 6px}
.hlrev-feed-cta{margin-top:auto;padding-top:8px}

/* ---------- Negocio / Vecino (dúo) ---------- */
.hlrev-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.hlrev-duo .hlrev-sec{border-top:none;padding-top:0}
/* fix29: en el dúo «Para la casa» la receta respira a una columna
   de ingredientes (a media página, dos columnas se aprietan). */
.hlrev-duo .hlrev-ingredients{columns:1}
.hlrev-negocio-line{font-family:var(--hlrev-serif);font-style:italic;color:var(--hlrev-green);font-size:17px;line-height:1.5}

/* ---------- Horóscopo ---------- */
.hlrev-horo{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:12px}
.hlrev-sign{background:#fff;border:1px solid var(--hlrev-line);border-radius:16px;padding:14px 16px}
.hlrev-sign h3{margin:0 0 6px;color:var(--hlrev-green);font-size:14px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:4px}
.hlrev-sign p{margin:0;font-size:13.5px;line-height:1.55}
.hlrev-medallion{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--hlrev-green);border:2px solid var(--hlrev-gold);color:var(--hlrev-gold);flex:none}
.hlrev-glyph{font-size:17px;line-height:1;font-style:normal}

/* ---------- Columna Social ---------- */
.hlrev-bday{background:#fff;border:1px solid var(--hlrev-line);border-left:5px solid var(--hlrev-gold);border-radius:14px;padding:14px 18px;margin:0 0 12px}
.hlrev-bday-name{margin:0 0 4px;font-family:var(--hlrev-serif);font-style:italic;font-size:18px;color:var(--hlrev-green)}
.hlrev-bday-name .hlrev-ico{display:inline-block;vertical-align:-3px;color:var(--hlrev-coral)}
.hlrev-ico svg{width:18px;height:18px}
.hlrev-bday-wish{margin:0;font-size:14.5px;line-height:1.6}

/* ---------- ¿Sabías que…? ---------- */
.hlrev-sabias-grid{display:grid;grid-template-columns:minmax(0,42%) 1fr;gap:22px;align-items:center}
.hlrev-sabias-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block}
.hlrev-sabias-text{margin:0;font-family:var(--hlrev-serif);font-size:19px;line-height:1.55;color:var(--hlrev-green)}

/* ---------- Receta ---------- */
.hlrev-recipe{background:#fff;border:1px solid var(--hlrev-line);border-radius:16px;padding:18px 20px}
.hlrev-recipe-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block;margin:0 0 14px}
.hlrev-recipe h3{font-family:var(--hlrev-serif);font-size:26px;color:var(--hlrev-green);margin:0 0 4px}
.hlrev-recipe h4{color:var(--hlrev-green);margin:16px 0 8px;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.hlrev-recipe-meta{display:flex;flex-wrap:wrap;gap:6px 18px;background:#fbf6ea;border:1px solid var(--hlrev-line);border-radius:10px;padding:9px 14px;font-size:13.5px;margin:10px 0}
.hlrev-ingredients{columns:2;column-gap:28px;list-style:none;margin:0;padding:0}
.hlrev-ingredients li{break-inside:avoid;margin:0 0 7px;font-size:14px}
.hlrev-ingredients input{margin-right:7px}
.hlrev-steps{list-style:none;counter-reset:hlstep;margin:0;padding:0}
.hlrev-steps li{counter-increment:hlstep;position:relative;padding:0 0 14px 52px;font-size:14.5px;line-height:1.55}
.hlrev-steps li::before{content:counter(hlstep);position:absolute;left:0;top:-2px;width:36px;height:36px;border-radius:50%;background:var(--hlrev-gold);color:#173e32;font-weight:900;font-size:17px;display:flex;align-items:center;justify-content:center}
.hlrev-recipe-notes{background:#fbf6ea;border-radius:10px;padding:6px 14px 10px;margin-top:6px}
.hlrev-receta h3{margin:0 0 6px;font-family:var(--hlrev-serif);font-size:24px;color:var(--hlrev-green)}
.hlrev-receta p{font-size:14.5px;line-height:1.6}

/* ---------- Foto de la semana (a sangre dentro de su bloque) ---------- */
.hlrev-sec-flush{padding-left:0;padding-right:0}
.hlrev-foto{margin:0}
.hlrev-foto img{width:100%;height:auto;display:block;border-radius:16px}
.hlrev-foto figcaption{margin-top:8px;font-size:12.5px;color:var(--hlrev-muted);font-weight:600}

/* ---------- Pregunta de la semana ---------- */
.hlrev-pregunta-q{font-family:var(--hlrev-serif);font-size:21px;line-height:1.35;color:var(--hlrev-ink);margin:10px 0 14px}
.hlrev-vote{margin:0 0 10px}
.hlrev-vote-bar{height:9px;background:#efe7d2;border-radius:99px;overflow:hidden}
.hlrev-vote-bar span{display:block;height:100%;background:var(--hlrev-green);border-radius:99px}
.hlrev-vote-form{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.hlrev-vote-opt{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--hlrev-green);color:var(--hlrev-green);border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:700;cursor:pointer}
.hlrev-vote-opts{margin:0 0 8px;padding-left:20px;line-height:1.7}

/* ---------- Clasificados ---------- */
.hlrev-clasif{display:grid;gap:0}
.hlrev-clasif-item{padding:13px 2px;border-bottom:1px solid var(--hlrev-line)}
.hlrev-clasif-item:last-child{border-bottom:none}
.hlrev-clasif-item h3{margin:0 0 3px;font-family:var(--hlrev-serif);color:var(--hlrev-green);font-size:17px}
.hlrev-clasif-item p{margin:0;font-size:14px;line-height:1.55}

/* ---------- Suscríbete ---------- */
.hlrev-subscribe{background:var(--hlrev-green);border-top:none;border-radius:20px;padding:30px 30px 24px;color:#f5efe2}
.hlrev-subscribe h2{color:#fff}
.hlrev-subscribe-lead{margin:0 0 16px;font-size:1.02rem;line-height:1.6;max-width:560px}
.hlrev-subscribe-form{display:flex;flex-wrap:wrap;gap:10px;max-width:560px}
.hlrev-subscribe-form input[type=email]{flex:1 1 260px;border:none;border-radius:999px;padding:12px 18px;font:inherit;font-size:.95rem;background:#fff;color:var(--hlrev-ink)}
.hlrev-subscribe-note{margin:14px 0 0;font-size:.85rem;color:#d8e2d5}
.hlrev-rss-row{margin:16px 0 0;border-top:1px solid rgba(245,239,226,.25);padding-top:14px}
.hlrev-rss-row a{display:inline-flex;align-items:center;gap:8px;color:var(--hlrev-gold);font-weight:700;text-decoration:none}
.hlrev-rss-row a:hover{text-decoration:underline}
.hlrev-rss-row svg{width:17px;height:17px}

/* ---------- Comparte y participa ---------- */
.hlrev-views{font-family:var(--hlrev-serif);font-size:17px;color:var(--hlrev-green);margin:0 0 14px}
.hlrev-share-grid{display:flex;gap:26px;align-items:flex-start}
.hlrev-share-main{flex:1;min-width:0}
.hlrev-share-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hlrev-share-row .atl-btn svg{width:17px;height:17px}
.hlrev-like{margin-top:18px}
.hlrev-like-count{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--hlrev-ink);margin:0 0 10px}
.hlrev-like-count .hlrev-ico{color:var(--hlrev-coral);display:inline-flex}
.hlrev-like-form{margin:0}
.hlrev-qr{margin:0;text-align:center;flex:none}
.hlrev-qr img{width:132px;height:132px;display:block;border-radius:12px;border:1px solid var(--hlrev-line);background:#fff}
.hlrev-qr figcaption{margin-top:6px;font-size:11.5px;color:var(--hlrev-muted);font-weight:600;max-width:132px}
.hlrev-login-note{margin:10px 0 0;font-size:12.5px;color:var(--hlrev-muted)}
.hlrev-login-note a{color:var(--hlrev-green);font-weight:700}
.hlrev-comments{margin-top:24px}
.hlrev-comments h3{font-family:var(--hlrev-serif);font-size:20px;color:var(--hlrev-ink);margin:0 0 12px}
.hlrev-comment{background:#fff;border:1px solid var(--hlrev-line);border-radius:14px;padding:12px 16px;margin:0 0 10px}
.hlrev-comment p{margin:0;font-size:14.5px;line-height:1.55;overflow-wrap:break-word}
.hlrev-comment-when{color:var(--hlrev-muted)}
.hlrev-comment-form{margin-top:16px;max-width:640px}
.hlrev-comment-form label{display:block;font-weight:700;font-size:14px;color:var(--hlrev-green);margin:0 0 6px}
.hlrev-comment-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #d9c9a3;border-radius:12px;padding:11px 13px;font:inherit;font-size:14.5px;background:#fff;color:var(--hlrev-ink);margin-top:6px}
.hlrev-comment-form .atl-btn{margin-top:10px}

/* ---------- Contraportada y colofón ---------- */
.hlrev-contraportada{background:var(--hlrev-green-deep);color:#f7f5ef;border-radius:18px;padding:26px 24px;margin:0 0 22px;text-align:center}
.hlrev-contraportada p{margin:0 0 6px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--hlrev-gold)}
.hlrev-contraportada strong{font-family:var(--hlrev-serif);font-size:24px;color:#fff}
.hlrev-contraportada .hlrev-contraportada-sub{margin:8px 0 0;font-size:14px;letter-spacing:.02em;text-transform:none;color:#e9e2cf}
.hlrev-contraportada .hlrev-contraportada-cta{margin:12px 0 0;letter-spacing:.02em;text-transform:none}
.hlrev-contraportada .hlrev-contraportada-cta a{display:inline-block;background:var(--hlrev-gold);color:var(--hlrev-green-deep);font-weight:800;font-size:13.5px;text-decoration:none;border-radius:999px;padding:9px 18px}
.hlrev-foot{background:var(--hlrev-green);color:#f7f5ef;border-radius:18px;padding:20px 24px;font-size:13.5px;line-height:1.65}
.hlrev-foot a{color:var(--hlrev-gold);font-weight:700;text-decoration:none}
.hlrev-foot a:hover{text-decoration:underline}
.hlrev-colofon p{margin:0 0 8px}
.hlrev-colofon-line{font-size:1rem}
.hlrev-credits{color:#cbbd8f;font-size:.82rem}

/* ---------- Documento independiente ---------- */
.hlrev-solo-body{margin:0;background:linear-gradient(180deg,#f3e9d2 0%,#faf8f3 340px,#faf8f3 100%);min-height:100vh}
.hlrev-solo{max-width:1060px;margin:0 auto;padding:18px 16px 44px}
.hlrev-solo .hlrev-body{background:var(--hlrev-paper);border-radius:18px;padding:6px 24px 26px}

/* ---------- Flipbook ---------- */
.hlrev-flip{background:var(--hlrev-paper);font-family:var(--hlrev-sans);color:var(--hlrev-ink)}
.hlrev-fbtop{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;background:var(--hlrev-green);padding:12px 18px}
.hlrev-fbwrap{max-width:860px;margin:0 auto;padding:26px 18px 110px}
.hlrev-fbpage{display:none}
.hlrev-fbpage-on{display:block;animation:hlrev-fbin .25s ease}
@keyframes hlrev-fbin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hlrev-fbpage .hlrev-coverwrap{margin-bottom:20px}
/* fix28: la portada dentro de una página del flipbook. Cuando el
   shell rescata el <main> del documento, el <body class="hlrev-flip">
   se pierde y con él los tokens: por eso .hlrev-fbpage también los
   declara (arriba) y aquí se reafirma el texto OSCURO de las
   píldoras de portada — en vivo salían blancas sobre blanco — y el
   sello entra COMPLETO en el área segura de la página, en vez de
   colgar recortado del borde inferior (bottom:-32px es de la web). */
.hlrev-fbpage .hlrev-coverline{color:var(--hlrev-ink)}
.hlrev-fbpage .hlrev-coverline strong{color:var(--hlrev-ink)}
.hlrev-fbpage .hlrev-coverline span{color:var(--hlrev-ink)}
.hlrev-fbpage .hlrev-cl-green strong{color:var(--hlrev-green)}
.hlrev-fbpage .hlrev-cl-gold strong{color:var(--hlrev-gold-deep)}
.hlrev-fbpage .hlrev-cl-coral strong{color:var(--hlrev-coral)}
.hlrev-fbpage .hlrev-seal{bottom:12px;right:16px}
.hlrev-fbnav{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:16px;background:var(--hlrev-green);padding:12px 16px;z-index:20}
.hlrev-fbcount{color:#f7f5ef;font-weight:700;font-size:.9rem;min-width:130px;text-align:center}
.hlrev-fbnav .atl-btn{background:transparent;color:var(--hlrev-gold);border:1.5px solid var(--hlrev-gold)}

/* ---------- PDF / impresión ---------- */
.hlrev-print{background:#fff;font-family:var(--hlrev-sans);color:var(--hlrev-ink)}
.hlrev-print-wrap{max-width:820px;margin:0 auto;padding:30px 22px 50px}
.hlrev-pdf-cover{text-align:center;border-bottom:3px solid var(--hlrev-gold);padding:26px 10px 30px;margin-bottom:30px}
.hlrev-pdf-logo{height:74px;width:auto;object-fit:contain}
.hlrev-pdf-kicker{color:var(--hlrev-green);margin-top:16px}
.hlrev-pdf-meta{color:#5a5344;line-height:1.7}
.hlrev-pdf-lines{justify-content:center}
.hlrev-pdf-note{text-align:center;color:#8a8271;font-size:.85rem;padding:0 16px 24px;font-family:var(--hlrev-sans)}
.hlrev-print .hlrev-sec{break-inside:avoid-page}
.hlrev-print .hlrev-coverwrap{display:none}
@media print{.hlrev-pdf-note{display:none}.hlrev-print-wrap{padding:0}.hlrev-sec{break-inside:avoid-page}.hlrev-fbnav,.hlrev-fbtop{display:none}.hlrev-subscribe{background:#fff;color:var(--hlrev-ink);border:1px solid var(--hlrev-line)}.hlrev-subscribe h2{color:var(--hlrev-ink)}}

/* ---------- Móvil ---------- */
@media (max-width:760px){
  .hlrev{padding:14px 14px 20px}
  .hlrev-carta-grid{grid-template-columns:1fr}
  .hlrev-duo{grid-template-columns:1fr}
  .hlrev-leido{grid-template-columns:1fr}
  .hlrev-tema{grid-template-columns:1fr}
  .hlrev-tema-img{min-height:220px}
  .hlrev-sabias-grid{grid-template-columns:1fr}
  .hlrev-share-grid{flex-direction:column}
  .hlrev-qr{margin:4px auto 0}
  .hlrev-cover-shade{min-height:380px;padding:20px 18px 24px}
  .hlrev-hero-foot{padding-right:0}
  .hlrev-hero-actions{margin-left:0}
  .hlrev-seal{width:92px;height:92px;bottom:-24px;right:14px}
  .hlrev-ingredients{columns:1}
  .hlrev-subscribe{padding:24px 20px 20px}
  .hlrev-solo .hlrev-body{padding:4px 14px 20px}
}
@media (max-width:560px){
  .hlrev-logo{height:44px}
  .hlrev-cover-week{display:none}
  .hlrev-masthead{height:clamp(64px,20vw,110px)}
  .hlrev-topbar{padding:12px 14px}
  .hlrev-topbar-sub{font-size:.58rem}
  .hlrev-coverline strong{font-size:1.35rem}
}

/* Recomendaciones aprobadas (9 nov 2026) */
.hlrev-subhead { font-family: 'Libre Franklin', sans-serif; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: #8a6d2f; margin: 22px 0 8px; }
.hlrev-featured-comment { border-left: 3px solid #d9bc83; background: #fffdf6; margin: 0 0 18px; padding: 12px 16px; font-style: italic; }
.hlrev-featured-comment p { margin: 0 0 6px; }
.hlrev-bizcard { font-size: 15px; }
.hlrev-cifras { display: flex; flex-wrap: wrap; gap: 12px; }
.hlrev-cifra { background: #173e32; color: #faf8f3; border-radius: 14px; padding: 14px 18px; min-width: 110px; text-align: center; }
.hlrev-cifra strong { display: block; font-family: 'Playfair Display', serif; font-size: 30px; }
.hlrev-cifra span { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; opacity: .85; }
.hlrev-cupon { border: 2px dashed #b98a2f; border-radius: 14px; padding: 18px 20px; background: #fffdf6; }
.hlrev-cupon-code { font-size: 18px; }
.hlrev-presenter-logo { height: 26px; width: auto; vertical-align: middle; border-radius: 4px; }
.hlrev-cover-credit { font-size: 12px; opacity: .9; }
.hlrev-diaspora-link { color: #fff; text-decoration: underline; font-size: 13px; }
.hlrev-aviso-mascota, .hlrev-empleo { border-top: 1px solid #e5dfd2; padding: 10px 0; }

/* ============================================================
   fix11 — Integración: la riel del Marketplace dentro de
   El Shopper (ámbito .hlrev; reglas nuevas al final)
   ============================================================ */
.hlrev-market { margin-top: 26px; }
.hlrev-market-rail { display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 10px; scrollbar-width: thin; }
.hlrev-market-card { flex: 0 0 148px; display: flex; flex-direction: column; gap: 6px; text-decoration: none; color: inherit; background: #fff; border: 1px solid #e5dfd2; border-radius: 10px; padding: 10px; }
.hlrev-market-card img { width: 100%; height: 96px; object-fit: cover; border-radius: 6px; }
.hlrev-market-name { font-size: 13px; font-weight: 600; line-height: 1.35; }
.hlrev-market-price { font-size: 13px; font-weight: 800; color: #173e32; margin-top: auto; }
.hlrev-market-more { font-size: 13px; margin: 2px 0 0; }
.hlrev-market-more a { color: #173e32; font-weight: 700; }