/* GUIA DEL MISTERIO - REVISTA v1.0.0
   Solo estilos .gmrev-* y archivos de categorias cuando estan activados.
   Reutiliza las variables originales de GeneratePress / CSS adicional. */

.gmrev-wrap {
  --gmr-chocolate: var(--gm-chocolate, #38241f);
  --gmr-chocolate-2: var(--gm-chocolate-2, #50352a);
  --gmr-gold: var(--gm-gold, #a47738);
  --gmr-gold-dark: var(--gm-gold-dark, #78501f);
  --gmr-pale: var(--gm-gold-pale, #f4ead7);
  --gmr-paper: var(--gm-paper, #fffdf9);
  --gmr-ivory: var(--gm-ivory, #faf7f2);
  --gmr-line: var(--gm-line, #e6d9c8);
  --gmr-ink: var(--gm-ink, #342b26);
  --gmr-muted: var(--gm-muted, #706157);
  color: var(--gmr-ink);
  max-width: 1200px;
  margin: 0 auto 34px;
  line-height: 1.55;
  box-sizing: border-box;
}
.gmrev-wrap *, .gmrev-wrap *::before, .gmrev-wrap *::after { box-sizing: border-box; }
.gmrev-wrap a { text-decoration: none; }
.gmrev-wrap a:focus-visible, .gmrev-wrap button:focus-visible, .gmrev-wrap input:focus-visible { outline: 3px solid var(--gmr-gold); outline-offset: 3px; }
.gmrev-wrap .gmrev-eyebrow { font: 700 11px/1.5 system-ui, sans-serif; color: var(--gmr-gold-dark); letter-spacing: .15em; text-transform: uppercase; display: block; margin-bottom: 12px; }
.gmrev-wrap .gmrev-hero { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 190px; align-items: center; gap: 18px; padding: clamp(24px, 5vw, 54px); background: linear-gradient(115deg, var(--gmr-ivory), var(--gmr-paper)); border: 1px solid var(--gmr-line); border-top: 4px solid var(--gmr-gold); border-radius: 9px; margin: 0 0 44px; }
.gmrev-wrap .gmrev-hero h2 { color: var(--gmr-chocolate); font: 700 clamp(28px, 3.6vw, 44px)/1.12 Georgia, serif; letter-spacing: -.025em; max-width: 620px; margin: 0 0 14px; }
.gmrev-wrap .gmrev-hero p { font-size: 16px; color: var(--gmr-muted); max-width: 590px; margin: 0 0 25px; }
.gmrev-wrap .gmrev-hero-art { align-self: stretch; min-height: 200px; position: relative; display: grid; place-items: center; opacity: .75; }
.gmrev-wrap .gmrev-hero-art span { font-size: clamp(120px, 14vw, 215px); font-family: Georgia, serif; line-height: 1; color: var(--gmr-gold); font-weight: 400; }
.gmrev-wrap .gmrev-hero-art i { position: absolute; top: 13%; right: 10%; font-size: 34px; font-style: normal; color: var(--gmr-chocolate); }
.gmrev-wrap .gmrev-search { display: flex; align-items: stretch; gap: 8px; max-width: 600px; margin: 0; }
.gmrev-wrap .gmrev-search input[type="search"] { flex: 1 1 auto; min-width: 0; width: auto; font: 400 15px/1.4 system-ui,sans-serif; padding: 13px 15px; border: 1px solid #d0bda2; border-radius: 5px; background: #fff; color: var(--gmr-ink); box-shadow: none; }
.gmrev-wrap .gmrev-search button { flex: 0 0 auto; background: var(--gmr-chocolate); border: 1px solid var(--gmr-chocolate); border-radius: 5px; color: #fff8ec; padding: 12px 19px; font-size: 14px; font-weight: 700; cursor: pointer; }
.gmrev-wrap .gmrev-search button:hover { background: var(--gmr-chocolate-2); color: white; }
.gmrev-wrap .gmrev-section { margin: 0 0 49px; }
.gmrev-wrap .gmrev-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--gmr-line); padding: 0 0 17px; margin: 0 0 20px; }
.gmrev-wrap .gmrev-section-heading h2 { font: 700 clamp(24px, 3vw, 33px)/1.18 Georgia,serif; color: var(--gmr-chocolate); margin: 0 0 8px; }
.gmrev-wrap .gmrev-section-heading p { color: var(--gmr-muted); font-size: 14px; line-height: 1.65; margin: 0; }
.gmrev-wrap .gmrev-section-heading .gmrev-eyebrow { margin-bottom: 9px; }
.gmrev-wrap .gmrev-text-link, .gmrev-wrap .gmrev-alphabet-footer a { color: var(--gmr-gold-dark); font-weight: 700; font-size: 13px; white-space: nowrap; }
.gmrev-wrap .gmrev-text-link:hover, .gmrev-wrap .gmrev-alphabet-footer a:hover { color: var(--gmr-chocolate); }
.gmrev-wrap .gmrev-alphabet ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(43px,1fr)); gap: 8px; }
.gmrev-wrap .gmrev-alphabet li { padding: 0; margin: 0; list-style: none; }
.gmrev-wrap .gmrev-alphabet a, .gmrev-wrap .gmrev-alphabet .gmrev-letter-inactive { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 49px; padding: 8px 1px; border-radius: 5px; border: 1px solid var(--gmr-line); background: var(--gmr-paper); color: var(--gmr-chocolate); font: 700 17px/1 Georgia,serif; transition: background .15s ease, border-color .15s ease; }
.gmrev-wrap .gmrev-alphabet a:hover { background: var(--gmr-pale); border-color: var(--gmr-gold); color: var(--gmr-chocolate); }
.gmrev-wrap .gmrev-alphabet .gmrev-letter-inactive { background: #f8f6f2; color: #a59c93; border-color: #ece7df; cursor: default; }
.gmrev-wrap .gmrev-alphabet-footer { margin-top: 15px; text-align: right; }
.gmrev-wrap .gmrev-story-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.gmrev-wrap .gmrev-story { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--gmr-line); background: var(--gmr-paper); border-radius: 6px; padding: 22px; box-shadow: 0 5px 18px rgba(56,36,31,.035); }
.gmrev-wrap .gmrev-story:hover { border-color: #cfb996; }
.gmrev-wrap .gmrev-story-meta { color: var(--gmr-gold-dark); display: flex; justify-content: space-between; font: 700 10px/1.3 system-ui,sans-serif; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 13px; }
.gmrev-wrap .gmrev-story h3 { font: 700 20px/1.3 Georgia, serif; color: var(--gmr-chocolate); margin: 0 0 12px; }
.gmrev-wrap .gmrev-story h3 a { color: inherit; }
.gmrev-wrap .gmrev-story h3 a:hover { color: var(--gmr-gold-dark); }
.gmrev-wrap .gmrev-story p { font-size: 14px; line-height: 1.7; color: var(--gmr-muted); margin: 0 0 17px; flex-grow: 1; }
.gmrev-wrap .gmrev-read-more { margin-top: auto; border-top: 1px solid var(--gmr-line); padding-top: 13px; color: var(--gmr-gold-dark); font-weight: 700; font-size: 12px; }
.gmrev-wrap .gmrev-read-more:hover { color: var(--gmr-chocolate); }
.gmrev-wrap .gmrev-topic-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
.gmrev-wrap .gmrev-topic { display: flex; flex-direction: column; align-items: flex-start; position: relative; min-height: 245px; padding: 27px; border-radius: 6px; background: var(--gmr-ivory); border: 1px solid var(--gmr-line); color: var(--gmr-chocolate); }
.gmrev-wrap .gmrev-topic:hover { background: var(--gmr-pale); color: var(--gmr-chocolate); }
.gmrev-wrap .gmrev-topic-horoscope { background: #f4eee5; }
.gmrev-wrap .gmrev-topic-mark { position: absolute; right: 24px; top: 7px; font-size: 63px; color: var(--gmr-gold); opacity: .52; line-height: 1; pointer-events: none; }
.gmrev-wrap .gmrev-topic-type { display: block; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--gmr-gold-dark); margin-bottom: 22px; }
.gmrev-wrap .gmrev-topic strong { display: block; max-width: 350px; font: 700 26px/1.2 Georgia,serif; color: var(--gmr-chocolate); margin-bottom: 13px; }
.gmrev-wrap .gmrev-topic > span:not(.gmrev-topic-mark):not(.gmrev-topic-type):not(.gmrev-topic-cta) { display: block; font-size: 14px; color: var(--gmr-muted); max-width: 380px; line-height: 1.6; }
.gmrev-wrap .gmrev-topic-cta { display: block; font-size: 12px; margin-top: auto; padding-top: 22px; color: var(--gmr-gold-dark); font-weight: 700; }
.gmrev-wrap .gmrev-category-links { margin-top: 26px; }
.gmrev-wrap .gmrev-category-links h3 { font: 700 19px/1.35 Georgia,serif; color: var(--gmr-chocolate); margin: 0 0 14px; }
.gmrev-wrap .gmrev-category-links ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.gmrev-wrap .gmrev-category-links li { margin: 0; list-style: none; }
.gmrev-wrap .gmrev-category-links a { display: flex; gap: 8px; align-items: center; justify-content: space-between; border: 1px solid var(--gmr-line); padding: 13px 15px; border-radius: 4px; color: var(--gmr-chocolate); font-weight: 600; font-size: 13px; }
.gmrev-wrap .gmrev-category-links a:hover { border-color: var(--gmr-gold); background: var(--gmr-ivory); }
.gmrev-wrap .gmrev-note { font-size: 13px; background: #fff8e8; padding: 12px 15px; border-left: 2px solid var(--gmr-gold); }

/* ARCHIVOS GENERATEPRESS. SOLO SI EL ADMIN ACTIVA LA OPCION. */
body.gmrev-archive-style.category .site-main { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
body.gmrev-archive-style.category .site-main > :not(article) { grid-column: 1/-1; }
body.gmrev-archive-style.category .site-main > article { min-width: 0; width: auto; margin: 0; display: flex; }
body.gmrev-archive-style.category .site-main > article .inside-article { width: 100%; padding: 25px; border: 1px solid var(--gm-line, #e6d9c8); border-top: 3px solid var(--gm-gold, #a47738); background: var(--gm-paper, #fffdf9); border-radius: 5px; box-shadow: 0 4px 16px rgba(56,36,31,.045); }
body.gmrev-archive-style.category .site-main > article .entry-title { color: var(--gm-chocolate, #38241f); font: 700 clamp(19px,2.2vw,24px)/1.3 Georgia,serif; margin-bottom: 12px; }
body.gmrev-archive-style.category .site-main > article .entry-title a { color: inherit; }
body.gmrev-archive-style.category .site-main > article .entry-title a:hover { color: var(--gm-gold-dark,#78501f); }
body.gmrev-archive-style.category .site-main > article .entry-summary { color: var(--gm-muted,#706157); font-size: 14px; line-height: 1.7; margin-top: 12px; }
body.gmrev-archive-style.category .site-main > article .entry-summary p { margin-bottom: 0; }
body.gmrev-archive-style.category .site-main > article .entry-meta { font-size: 12px; color: var(--gm-muted,#706157); }
body.gmrev-archive-style.category .site-main > article img { max-width: 100%; height: auto; }
body.gmrev-archive-style.category .site-main > .page-header { background: var(--gm-ivory,#faf7f2); border-bottom: 2px solid var(--gm-gold,#a47738); padding: 23px 26px; margin: 0; }
body.gmrev-archive-style.category .site-main > .page-header h1 { color: var(--gm-chocolate,#38241f); font-family: Georgia,serif; }
body.gmrev-archive-style.category .site-main > nav { margin-top: 10px; }

@media (max-width: 850px) {
  .gmrev-wrap .gmrev-hero { grid-template-columns: minmax(0,1fr) 100px; }
  .gmrev-wrap .gmrev-hero-art { min-height: 130px; }
  .gmrev-wrap .gmrev-story-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gmrev-wrap .gmrev-category-links ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .gmrev-wrap .gmrev-hero { display: block; padding: 23px 20px; margin-bottom: 30px; }
  .gmrev-wrap .gmrev-hero-art { display: none; }
  .gmrev-wrap .gmrev-hero h2 { font-size: 30px; }
  .gmrev-wrap .gmrev-search { flex-wrap: wrap; }
  .gmrev-wrap .gmrev-search input[type="search"] { width: 100%; flex-basis: 100%; }
  .gmrev-wrap .gmrev-search button { width: 100%; }
  .gmrev-wrap .gmrev-section { margin-bottom: 35px; }
  .gmrev-wrap .gmrev-section-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
  .gmrev-wrap .gmrev-alphabet ul { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; }
  .gmrev-wrap .gmrev-alphabet a, .gmrev-wrap .gmrev-alphabet .gmrev-letter-inactive { min-height: 44px; font-size: 16px; }
  .gmrev-wrap .gmrev-story-grid, .gmrev-wrap .gmrev-topic-grid, .gmrev-wrap .gmrev-category-links ul { grid-template-columns: minmax(0,1fr); }
  .gmrev-wrap .gmrev-story { padding: 20px; }
  .gmrev-wrap .gmrev-topic { min-height: 200px; padding: 24px; }
  body.gmrev-archive-style.category .site-main { grid-template-columns: minmax(0,1fr); gap: 14px; }
  body.gmrev-archive-style.category .site-main > article .inside-article { padding: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .gmrev-wrap .gmrev-alphabet a { transition: none; }
}
