/* JESUSDROIDL — MES PATRIO MEXICO — V1217
   Capa visual estacional. No modifica datos, rutas, enlaces ni contenido. */
:root{
  --mx-green:#006847;
  --mx-green-2:#0a7c58;
  --mx-red:#ce1126;
  --mx-red-2:#e02b3e;
  --mx-white:#f7f7f2;
  --mx-gold:#d9b86a;
  --mx-navy:#07111f;
}

body.jd-patria-v1217{
  background:
    radial-gradient(circle at 0 8%,rgba(0,104,71,.055),transparent 24rem),
    radial-gradient(circle at 100% 10%,rgba(206,17,38,.045),transparent 24rem),
    #fff;
}

/* Barra estacional: compacta, elegante y no fija */
#jd-patria-banner-v1217{
  position:relative;
  z-index:45;
  overflow:hidden;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 20px 12px;
  color:#fff;
  text-align:center;
  background:
    radial-gradient(circle at 18% 50%,rgba(0,104,71,.28),transparent 28%),
    radial-gradient(circle at 82% 50%,rgba(206,17,38,.25),transparent 28%),
    linear-gradient(100deg,#07111f 0%,#0a1626 50%,#07111f 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(3,12,24,.12);
}
#jd-patria-banner-v1217::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,var(--mx-green) 0 33.333%,var(--mx-white) 33.333% 66.666%,var(--mx-red) 66.666% 100%);
}
.jd-patria-copy-v1217{position:relative;z-index:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}
.jd-patria-copy-v1217 b{font-size:13px;letter-spacing:.11em;text-transform:uppercase}
.jd-patria-copy-v1217 span{font-size:10px;color:#d8e1ec;letter-spacing:.05em}
.jd-patria-seal-v1217{
  display:inline-grid;place-items:center;min-width:76px;height:27px;padding:0 12px;border-radius:999px;
  color:#fff;font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;
  background:linear-gradient(90deg,var(--mx-green) 0 47%,#f5f5f0 47% 53%,var(--mx-red) 53% 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 6px 18px rgba(0,0,0,.2);
  text-shadow:0 1px 3px rgba(0,0,0,.85);
}
.jd-patria-papel-v1217{
  position:absolute;left:0;right:0;top:0;height:12px;display:grid;grid-template-columns:repeat(15,1fr);gap:3px;opacity:.92;pointer-events:none;
}
.jd-patria-papel-v1217 i{display:block;height:12px;clip-path:polygon(0 0,100% 0,100% 66%,82% 100%,64% 70%,50% 100%,36% 70%,18% 100%,0 66%)}
.jd-patria-papel-v1217 i:nth-child(3n+1){background:var(--mx-green)}
.jd-patria-papel-v1217 i:nth-child(3n+2){background:#e9e9e3}
.jd-patria-papel-v1217 i:nth-child(3n){background:var(--mx-red)}

/* Navegacion principal inyectada por V1176 */
body.jd-patria-v1217 #jd-global-nav-v1176{
  border-top:4px solid transparent;
  border-image:linear-gradient(90deg,var(--mx-green) 0 33.333%,var(--mx-white) 33.333% 66.666%,var(--mx-red) 66.666% 100%) 1;
  background:
    radial-gradient(circle at 14% 0,rgba(0,104,71,.11),transparent 24%),
    radial-gradient(circle at 86% 0,rgba(206,17,38,.09),transparent 24%),
    rgba(5,9,16,.95);
}
body.jd-patria-v1217 .jd-nav-brand::after{
  content:"MES PATRIO";
  margin-left:5px;padding:4px 7px;border-radius:999px;
  color:#f3ead5;background:rgba(217,184,106,.12);border:1px solid rgba(217,184,106,.26);
  font-size:7px;font-weight:950;letter-spacing:.09em;white-space:nowrap;
}
body.jd-patria-v1217 .jd-nav-brand-mark{border-color:rgba(0,153,102,.55);box-shadow:0 7px 22px rgba(0,104,71,.18)}
body.jd-patria-v1217 .jd-nav-desktop a:hover{background:linear-gradient(90deg,rgba(0,104,71,.12),rgba(206,17,38,.08));color:#fff}
body.jd-patria-v1217 .jd-nav-actions button:hover{border-color:rgba(217,184,106,.42);background:#152035}

/* Portada: conserva la imagen original y agrega ambientacion en los bordes */
body.jd-patria-v1217 #jd-hero-v1135{position:relative;overflow:hidden;border-bottom:1px solid rgba(0,104,71,.2)}
body.jd-patria-v1217 #jd-hero-v1135::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,104,71,.22),transparent 19%,transparent 81%,rgba(206,17,38,.18));
  box-shadow:inset 0 4px 0 rgba(255,255,255,.72),inset 0 7px 0 var(--mx-red),inset 0 10px 0 var(--mx-green);
  mix-blend-mode:normal;
}
body.jd-patria-v1217 #jd-hero-v1135 img{display:block;width:100%}

/* Titulos de seccion: subrayado tricolor sutil */
body.jd-patria-v1217 .section-title h2,
body.jd-patria-v1217 .subheading h2,
body.jd-patria-v1217 .collection-heading h1,
body.jd-patria-v1217 .collection-heading h2{
  position:relative;padding-bottom:11px;
}
body.jd-patria-v1217 .section-title h2::after,
body.jd-patria-v1217 .subheading h2::after,
body.jd-patria-v1217 .collection-heading h1::after,
body.jd-patria-v1217 .collection-heading h2::after{
  content:"";position:absolute;left:0;bottom:0;width:86px;height:4px;border-radius:999px;
  background:linear-gradient(90deg,var(--mx-green) 0 33.333%,#e9e9e3 33.333% 66.666%,var(--mx-red) 66.666% 100%);
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
body.jd-patria-v1217 .kicker{color:var(--mx-green);font-weight:900}
body.jd-patria-v1217 .comics-anime-title .kicker{color:var(--mx-red)}
body.jd-patria-v1217 .academia-home-title .kicker{color:#8a6b24}

/* Recien agregado: especial de septiembre, sin tocar sus rutas */
body.jd-patria-v1217 .jd-recent-section{
  position:relative;overflow:hidden;
  border-color:rgba(217,184,106,.28);
  background:
    radial-gradient(circle at 5% 0,rgba(0,104,71,.21),transparent 34%),
    radial-gradient(circle at 95% 0,rgba(206,17,38,.17),transparent 34%),
    linear-gradient(135deg,#080d16,#0d1421);
  box-shadow:0 20px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);
}
body.jd-patria-v1217 .jd-recent-section::before{
  content:"ESPECIAL SEPTIEMBRE · MES PATRIO";
  position:absolute;top:0;right:20px;padding:6px 12px 7px;border-radius:0 0 10px 10px;
  background:linear-gradient(90deg,var(--mx-green),#f5f5ef 49% 51%,var(--mx-red));
  color:#07111f;font-size:7px;font-weight:950;letter-spacing:.08em;
  box-shadow:0 5px 14px rgba(0,0,0,.18);
}
body.jd-patria-v1217 .jd-recent-head span{color:#f0d58f}
body.jd-patria-v1217 .jd-recent-card{position:relative;border-color:rgba(255,255,255,.09)}
body.jd-patria-v1217 .jd-recent-card::before{
  content:"";position:absolute;z-index:3;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--mx-green) 0 33.333%,#f4f4ef 33.333% 66.666%,var(--mx-red) 66.666% 100%);
}
body.jd-patria-v1217 .jd-recent-card:hover{border-color:rgba(217,184,106,.42);box-shadow:0 15px 30px rgba(0,0,0,.3)}
body.jd-patria-v1217 .jd-recent-copy small{color:#7ee0b9}
body.jd-patria-v1217 .jd-recent-copy span{color:#f0c768}
body.jd-patria-v1217 .jd-recent-refresh{border-color:rgba(217,184,106,.28);color:#e9d7aa}

/* Botones de acceso: respetan layout, solo cambia acento */
body.jd-patria-v1217 .download-button:not(.download-button-disabled),
body.jd-patria-v1217 .hero-button:not(.secondary){
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--mx-green-2),var(--mx-green));
  color:#fff;border-color:rgba(255,255,255,.24);
  box-shadow:0 8px 20px rgba(0,104,71,.18);
}
body.jd-patria-v1217 .download-button:not(.download-button-disabled)::after,
body.jd-patria-v1217 .hero-button:not(.secondary)::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--mx-green) 0 33.333%,#f4f4ef 33.333% 66.666%,var(--mx-red) 66.666% 100%);
}
body.jd-patria-v1217 .download-button:not(.download-button-disabled):hover,
body.jd-patria-v1217 .hero-button:not(.secondary):hover{filter:brightness(1.08)}

/* Tarjetas destacadas de las secciones principales */
body.jd-patria-v1217 .academia-home-card{border-color:rgba(0,104,71,.28)}
body.jd-patria-v1217 .comics-anime-card{border-color:rgba(206,17,38,.25)}
body.jd-patria-v1217 .academia-home-card:hover,
body.jd-patria-v1217 .comics-anime-card:hover{box-shadow:0 28px 65px rgba(0,0,0,.44),0 0 0 1px rgba(217,184,106,.12)}

/* Pie: firma temporal de septiembre */
body.jd-patria-v1217 .site-footer{position:relative;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--mx-green) 0 33.333%,#f4f4ef 33.333% 66.666%,var(--mx-red) 66.666% 100%) 1}
body.jd-patria-v1217 .site-footer::after{
  content:"EDICIÓN SEPTIEMBRE · MES PATRIO MÉXICO";
  margin-left:auto;padding:6px 10px;border-radius:999px;background:#f6f8fb;border:1px solid #e5e8ee;color:#526071;
  font-size:8px;font-weight:900;letter-spacing:.07em;white-space:nowrap;
}

@media(max-width:780px){
  #jd-patria-banner-v1217{min-height:52px;padding:15px 12px 10px}
  .jd-patria-copy-v1217{gap:7px}
  .jd-patria-copy-v1217 b{font-size:10px;letter-spacing:.07em}
  .jd-patria-copy-v1217 span{display:none}
  .jd-patria-seal-v1217{min-width:66px;height:24px;font-size:7px}
  body.jd-patria-v1217 .jd-nav-brand::after{display:none}
  body.jd-patria-v1217 .jd-recent-section::before{right:12px;font-size:6px;padding:5px 8px 6px}
  body.jd-patria-v1217 .site-footer::after{margin-left:0;white-space:normal}
}

@media(prefers-reduced-motion:reduce){
  body.jd-patria-v1217 *{scroll-behavior:auto!important}
}