/* ============================================================================
   E72H BLOG PROPIO · El Cuaderno fuera de Elementor · F1 (22 ago 2026)
   Prefijo propio: .e72bp-  (blog propio). No colisiona con .e72sv-/.e72bv-/
   .e72bl-/.e72s-/.pk-, que siguen siendo de Elementor y del sistema de tienda.

   De donde salen los valores: NO estan inventados. Cada tipografia, tamano,
   color y radio esta copiado del CSS compilado real de produccion:
     - single:  wp-content/uploads/elementor/css/post-1764.css (bloque
                "Start custom CSS", plantilla "E72H Single Post")
     - listado: _elementor_page_settings.custom_css de la pagina 232
                ("E72H BLOG V1 FABLE"), que no llega a compilarse a fichero.
   Si algo se ve distinto a produccion, el fallo es de aqui, no del original.

   Lo unico que cambia a proposito respecto al original:
     - El sidebar es sticky SIMPLE (top:124px). Nada de max-height ni de
       overflow-y:auto con la barra oculta: ese era el bug del scroll de la
       derecha (la tarjeta se cortaba y el link de Telegram no aparecia nunca).
     - Las listas y el grid se pintan con marcado propio y semantico, no con
       el <article class="elementor-post"> del widget Posts.

   Tokens: los de :root de e72h-system.css (--e72-*), que se encola al lado.
   Los que vienen del CSS global del sitio (--e72-topo-bg-l, --e72-topo-card-l)
   se piden con fallback al token del plugin para no depender de ellos.
   ============================================================================ */

/* ---------- 0. ALCANCE Y BASE ----------------------------------------------- */
.e72bp-main *, .e72bp-main *::before, .e72bp-main *::after{box-sizing:border-box;}
body.e72bp{background:#F5F2EA;}
.e72bp-main{font-family:'Inter', system-ui, sans-serif; color:#3F4136;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.e72bp-main img{max-width:100%; height:auto; display:block;}
.e72bp-main h1,.e72bp-main h2,.e72bp-main h3{text-transform:none;}

/* ---------- 1. SINGLE · CABECERA -------------------------------------------- */
/* La rejilla de papel vive SOLO aqui (alpha .03), nunca bajo el cuerpo del
   articulo: sobre 17px de Inter a 1.75 se ve como suciedad, no como papel. */
.e72bp-head{position:relative; display:flex; flex-direction:column; align-items:center;
  padding:clamp(26px,4vh,48px) clamp(20px,5vw,40px) clamp(20px,3vh,34px);
  text-align:center;
  background-image:linear-gradient(rgba(21,23,14,.03) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(21,23,14,.03) 1px,transparent 1px);
  background-size:26px 26px; background-position:0 0;}

.e72bp-crumb{margin:0 0 16px;}
.e72bp-crumb .e72sv-bc,
.e72bp-crumb .e72sv-bc a,
.e72bp-crumb .e72sv-bc span{font-family:'Space Mono',monospace; font-size:10px;
  letter-spacing:.14em; text-transform:uppercase; color:#9A7A2E; text-decoration:none;}
.e72bp-crumb .e72sv-bc i{font-style:normal; color:#C9BFA8; padding:0 4px;}
.e72bp-crumb .e72sv-bc a:hover{color:#7E6224;}

.e72bp-h1{font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:clamp(1.9rem,3.8vw,3.1rem); line-height:1.08; letter-spacing:-.025em;
  color:#14160F; max-width:24ch; margin:0 auto 14px; text-wrap:balance;}

.e72bp-metaw{margin:0 0 24px;}
.e72bp-metaw .e72sv-meta{display:inline-flex; align-items:baseline; gap:10px;
  font-family:'Space Mono',monospace; font-size:10.5px; letter-spacing:.14em;
  text-transform:uppercase; color:#8A8A7C; margin:0;}
.e72bp-metaw .e72sv-meta i{font-style:normal; color:#C9BFA8;}

.e72bp-fimg{width:100%; max-width:1180px; margin:0 auto;}
.e72bp-fimg img{width:100%; height:clamp(300px,44vh,520px); object-fit:cover; border-radius:16px;}

/* ---------- 2. SINGLE · CUERPO (rail + contenido + sidebar) ------------------ */
.e72bp-body{display:grid; grid-template-columns:56px minmax(0,700px) 320px;
  justify-content:center; gap:clamp(24px,3vw,44px);
  padding:clamp(30px,5vh,56px) clamp(20px,5vw,40px) clamp(36px,5vh,60px);
  align-items:start;}

.e72bp-railw{position:sticky; top:124px;}
.e72bp-share{display:flex; flex-direction:column; gap:10px;}
.e72bp-share button{width:42px; height:42px; border-radius:50%; background:#FBF8F1;
  border:1px solid #ECE5D4; display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:.2s; padding:0;}
.e72bp-share button:hover{transform:translateY(-2px); border-color:#E4DCC8;
  box-shadow:0 10px 20px -12px rgba(21,23,14,.3);}
.e72bp-share button.ok{border-color:rgba(46,158,71,.6); background:rgba(46,158,71,.08);}
.e72bp-share svg{width:17px; height:17px;}
.e72bp-share svg .i{stroke:#3B4B30;}
.e72bp-share svg .a{stroke:#C29032;}

/* tipografia editorial del articulo */
.e72bp-content{font-family:'Inter',sans-serif; font-size:17px; line-height:1.75; color:#3F4136;}
.e72bp-content p{margin:0 0 18px;}
.e72bp-content strong{color:#14160F;}
.e72bp-content a{color:#9A7A2E; text-decoration:underline;
  text-decoration-color:rgba(212,164,76,.5); text-underline-offset:3px;}
.e72bp-content a:hover{text-decoration-color:#D4A44C;}
.e72bp-content h2{font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:clamp(1.4rem,2.2vw,1.8rem); letter-spacing:-.02em; line-height:1.18;
  color:#14160F; margin:40px 0 14px;}
.e72bp-content h3{font-family:'Space Grotesk',sans-serif; font-weight:600;
  font-size:1.18rem; letter-spacing:-.01em; color:#14160F; margin:30px 0 10px;}
.e72bp-content ul,.e72bp-content ol{margin:0 0 18px; padding-left:24px;}
.e72bp-content li{margin:0 0 8px;}
.e72bp-content li::marker{color:#2E9E47; font-weight:700;}
.e72bp-content blockquote{margin:26px 0; border-left:3px solid #D4A44C;
  padding:6px 0 6px 20px; font-style:italic; color:#4C4E42;}
.e72bp-content blockquote p:last-child{margin-bottom:0;}
.e72bp-content img{border-radius:12px; margin:20px 0; height:auto; max-width:100%;}
.e72bp-content figure{margin:20px 0;}
.e72bp-content figcaption{font-family:'Space Mono',monospace; font-size:10px;
  letter-spacing:.12em; text-transform:uppercase; color:#8A8A7C; margin-top:8px;}
.e72bp-content table{width:100%; border-collapse:collapse; font-size:14px; margin:20px 0;}
.e72bp-content th,.e72bp-content td{border:1px solid #ECE5D4; padding:9px 12px; text-align:left;}
.e72bp-content th{font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.08em;
  text-transform:uppercase; color:#5C5E50; background:#F0ECE0;}
.e72bp-content hr{border:none; border-top:1px dashed #D9CFB8; margin:30px 0;}

/* ---------- 3. SINGLE · SIDEBAR (sticky simple, sin corte) ------------------- */
/* AQUI ESTABA EL BUG. Un sticky sin max-height deja de seguir cuando se acaba
   su columna, que es el comportamiento estandar y no esconde nada. */
.e72bp-side{position:sticky; top:124px; display:flex; flex-direction:column;}

.e72bp-sh{font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.16em;
  text-transform:uppercase; color:#9A7A2E; margin:0 0 4px; padding-bottom:8px;
  border-bottom:1px dashed #E0D6C0;}

.e72bp-mini{list-style:none; margin:0; padding:0; counter-reset:e72lm;}
.e72bp-mini li{counter-increment:e72lm; display:grid; grid-template-columns:30px 1fr;
  align-items:start; border-bottom:1px dashed #E0D6C0; padding:12px 0;}
.e72bp-mini li::before{content:counter(e72lm,decimal-leading-zero);
  font-family:'Space Mono',monospace; font-size:10.5px; color:#9A7A2E; padding-top:3px;}
.e72bp-mini a{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:13.5px;
  line-height:1.35; color:#14160F; text-decoration:none;}
.e72bp-mini a:hover{color:#3B4B30;}

.e72bp-prodcard{position:relative; overflow:hidden; margin-top:20px; border-radius:14px;
  padding:20px; text-align:center;
  background-image:var(--e72noise),
    radial-gradient(120% 100% at 80% -10%,rgba(212,164,76,.22),transparent 58%),
    linear-gradient(165deg,#3C4C31,#1D2612);
  background-size:150px 150px,100% 100%,100% 100%;
  background-repeat:repeat,no-repeat,no-repeat;}
.e72bp-prodcard::after{content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:linear-gradient(rgba(244,240,230,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(244,240,230,.045) 1px,transparent 1px);
  background-size:22px 22px;}
.e72bp-prodcard > *{position:relative; z-index:1;}
.e72bp-prodcard .k{font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.16em;
  text-transform:uppercase; color:#D4A44C; margin:0 0 6px;}
.e72bp-prodcard .t{font-family:'Inter',sans-serif; font-size:13px; line-height:1.5;
  color:rgba(244,240,230,.75); margin:0 0 14px;}
.e72bp-prodcard .gb{display:inline-block; background:#2E9E47; color:#fff;
  font-family:'Space Grotesk',sans-serif; font-weight:500; font-size:13.5px;
  border-radius:26px; padding:10px 20px; text-decoration:none;
  box-shadow:0 12px 22px -12px rgba(46,158,71,.5); transition:.2s;}
.e72bp-prodcard .gb:hover{background:#278A3D; transform:translateY(-2px);}
.e72bp-prodcard .g2{font-size:12.5px; line-height:1.55; color:rgba(244,240,230,.55); margin:12px 0 0;}
.e72bp-prodcard .g2 a{color:#D4A44C; text-decoration:none;}
.e72bp-prodcard .g2 a:hover{text-decoration:underline;}

.e72bp-tg{display:inline-flex; align-items:center; gap:8px; margin-top:14px;
  font-family:'Space Mono',monospace; font-size:10.5px; letter-spacing:.1em;
  text-transform:uppercase; color:#5C5E50; text-decoration:none;
  border-bottom:1px dashed #C9BFA8; padding-bottom:3px; align-self:flex-start;}
.e72bp-tg span{width:7px; height:7px; border-radius:50%; background:#2AABEE;}
.e72bp-tg:hover{color:#14160F;}

/* ---------- 4. SINGLE · SIGUE LEYENDO --------------------------------------- */
.e72bp-more{display:flex; flex-direction:column;
  padding:clamp(30px,5vh,52px) clamp(20px,5vw,40px) clamp(16px,2vh,26px);}
.e72bp-kick{display:inline-flex; align-items:center; gap:14px;
  font-family:'Space Mono',monospace; font-weight:400; font-size:11.5px;
  letter-spacing:.1em; text-transform:uppercase; color:#9A7A2E;
  max-width:1180px; width:100%; margin:0 auto 20px;}
.e72bp-kick::before{content:""; width:34px; height:1px; background:#D4A44C; display:inline-block; flex:0 0 auto;}

.e72bp-moregrid{max-width:1180px; width:100%; margin:0 auto;
  display:grid; grid-template-columns:repeat(3,1fr); gap:16px; list-style:none; padding:0;}
.e72bp-card{display:flex; flex-direction:column; background:#FBF8F1; border:1px solid #ECE5D4;
  border-radius:12px; overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s cubic-bezier(.2,.7,.2,1),border-color .28s ease;}
.e72bp-card:hover{transform:translateY(-3px); box-shadow:0 14px 30px -18px rgba(21,23,14,.25);
  border-color:#E4DCC8;}
.e72bp-thumb{aspect-ratio:16/9; overflow:hidden; display:block; margin:0; line-height:0;}
.e72bp-thumb img{width:100%; height:100%; object-fit:cover;
  transition:transform .28s cubic-bezier(.2,.7,.2,1);}
.e72bp-card:hover .e72bp-thumb img{transform:scale(1.03);}
/* Sin imagen destacada: el isotipo sobre crema, como en el Cuaderno. */
.e72bp-thumb--iso{background-image:url(/wp-content/uploads/2025/05/5.-ISOTIPO-ESCUELA72H-240x300.png),
  linear-gradient(150deg,#EFEADB,#E5DECC);
  background-size:46px auto,100% 100%; background-position:center,0 0;
  background-repeat:no-repeat,no-repeat; border-bottom:1px solid #E4DCC8;}
.e72bp-cbody{padding:16px 18px 18px; display:flex; flex-direction:column; flex:1 0 auto;}
.e72bp-cdate{font-family:'Space Mono',monospace; font-size:9.5px; letter-spacing:.12em;
  text-transform:uppercase; color:#8A8A7C; margin:0 0 4px;}
.e72bp-ctitle{margin:0 0 6px;}
.e72bp-ctitle a{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:16px;
  line-height:1.3; color:#14160F; text-decoration:none;}
.e72bp-ctitle a:hover{color:#3B4B30;}
.e72bp-cex{font-family:'Inter',sans-serif; font-size:13px; line-height:1.55; color:#5C5E50;
  margin:0 0 8px;}
.e72bp-cmore{margin:auto 0 0; font-family:'Space Grotesk',sans-serif; font-weight:600;
  font-size:12.5px; color:#2E9E47; text-decoration:none;}
.e72bp-cmore:hover{color:#278A3D;}

/* ---------- 5. CIERRE (marca de agua + Telegram) ---------------------------- */
.e72bp-cierre{position:relative; padding:clamp(36px,6vh,64px) clamp(20px,5vw,40px) clamp(40px,6vh,70px);
  display:flex; flex-direction:column; align-items:center; text-align:center;
  background-color:#F5F2EA;}
.e72bp-cierre::before{content:""; position:absolute; inset:0; pointer-events:none;
  background-image:var(--e72-topo-bg-l,var(--e72-topo-l));
  background-size:940px 720px; background-repeat:repeat;
  opacity:var(--topo-op-web,.06);}
.e72bp-cierre > *{position:relative; z-index:1;}
.e72bp-wm{font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:clamp(54px,11vw,150px); line-height:.95; letter-spacing:-.02em;
  margin:0 0 6px; color:transparent; -webkit-text-stroke:1.5px rgba(20,22,15,.16);
  white-space:nowrap;}
.e72bp-endt{font-family:'Inter',sans-serif; font-size:15px; color:#5C5E50; margin:0 0 16px;}
.e72bp-tgb{display:inline-flex; align-items:center; gap:9px; background:#2AABEE; color:#fff;
  font-family:'Space Grotesk',sans-serif; font-weight:500; font-size:15px; border-radius:26px;
  padding:13px 26px; text-decoration:none; box-shadow:0 12px 22px -12px rgba(42,171,238,.55);
  transition:.2s;}
.e72bp-tgb:hover{background:#1899DD; transform:translateY(-2px); color:#fff;}

/* ---------- 6. BARRA DE PROGRESO + ALTIMETRO -------------------------------- */
.e72bp-prog{position:fixed; top:0; left:0; height:2px; width:0; background:#D4A44C; z-index:210;}
.e72bp-alt{position:fixed; right:20px; bottom:20px; z-index:150; width:156px;
  border-radius:12px; padding:11px 13px 9px; overflow:hidden;
  background:rgba(24,28,17,.72);
  backdrop-filter:blur(18px) saturate(1.5); -webkit-backdrop-filter:blur(18px) saturate(1.5);
  border:1px solid rgba(46,158,71,.3);
  box-shadow:0 28px 56px -20px rgba(21,23,14,.55), inset 0 1px 0 rgba(244,240,230,.12);
  pointer-events:none; transition:border-color .6s ease;}
.e72bp-alt::before{content:''; position:absolute; inset:0;
  background-image:var(--e72-topo-bg-d,var(--e72-topo-d));
  background-size:940px 720px; background-repeat:repeat; opacity:.4; pointer-events:none;}
.e72bp-alt svg{position:relative; z-index:1; display:block; width:100%; height:36px; margin-bottom:7px;}
.e72bp-alt .back{stroke:rgba(244,240,230,.13); stroke-width:1;}
.e72bp-alt .base{stroke:rgba(244,240,230,.26); stroke-width:1.2;}
.e72bp-alt .trail{stroke:#D4A44C; stroke-width:1.6; stroke-linecap:round;
  filter:drop-shadow(0 0 3px rgba(212,164,76,.45));}
.e72bp-alt .dot{fill:#2E9E47; filter:drop-shadow(0 0 4px rgba(46,158,71,.9));}
.e72bp-alt .cross line{stroke:rgba(244,240,230,.22); stroke-width:1.3; stroke-linecap:round;
  transition:stroke .6s ease;}
.e72bp-alt .tx{position:relative; z-index:1; display:flex; align-items:baseline;
  justify-content:space-between; gap:10px;}
.e72bp-alt .v{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:14px;
  letter-spacing:-.02em; color:#F4F0E6; font-variant-numeric:tabular-nums;
  white-space:nowrap; flex:0 0 auto; transition:color .6s ease;}
.e72bp-alt .k{font-family:'Space Mono',monospace; font-size:7px; letter-spacing:.14em;
  text-transform:uppercase; color:rgba(244,240,230,.5); text-align:right; max-width:90px;
  line-height:1.5;}
.e72bp-alt.summit{border-color:rgba(212,164,76,.55);}
.e72bp-alt.summit .v{color:#E8C97E;}
.e72bp-alt.summit .cross line{stroke:#E8C97E; filter:drop-shadow(0 0 4px rgba(232,201,126,.7));}
.e72bp-alt.summit .k{color:rgba(232,201,126,.8);}

/* ---------- 7. LISTADO · CABECERA EL CUADERNO -------------------------------- */
/* La rejilla del hero arranca a 100px para que no corte el kicker. */
.e72bp-hero{position:relative; display:flex; flex-direction:column;
  padding:clamp(30px,5vh,60px) clamp(20px,5vw,40px) clamp(28px,4vh,48px);
  background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 33px,
    rgba(150,138,108,.09) 33px, rgba(150,138,108,.09) 34px);
  background-position:0 100px;}
.e72bp-hrow{max-width:1180px; width:100%; margin-inline:auto;
  display:grid; grid-template-columns:1.12fr .88fr; gap:clamp(28px,4vw,64px); align-items:start;}
.e72bp-hcol{display:flex; flex-direction:column; align-items:flex-start;}
.e72bp-hero .e72bp-kick{margin:0 0 18px;}
.e72bp-bh1{font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:clamp(2.3rem,4.8vw,4.2rem); line-height:1.02; letter-spacing:-.03em;
  color:#14160F; max-width:15ch; margin:0 0 16px; text-wrap:balance;}
.e72bp-bh1 em{font-style:normal; padding:0 .04em; color:inherit;
  background-image:linear-gradient(#D4A44C,#D4A44C); background-repeat:no-repeat;
  background-position:0 94%; background-size:100% .09em;}
.e72bp-lead{font-family:'Inter',sans-serif; font-size:clamp(1.02rem,1.35vw,1.18rem);
  line-height:1.65; color:#3F4136; margin:0; max-width:52ch;}

/* tarjeta "por donde empezar" (el panel oliva de la derecha del hero) */
.e72bp-phd{border-radius:16px; padding:20px 22px;
  background-image:var(--e72noise),
    radial-gradient(120% 100% at 80% -10%,rgba(212,164,76,.2),transparent 58%),
    linear-gradient(165deg,#3C4C31,#1D2612);
  background-size:150px 150px,100% 100%,100% 100%;
  background-repeat:repeat,no-repeat,no-repeat;}
.e72bp-phd .k{font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.16em;
  text-transform:uppercase; color:#D4A44C; margin:0;}
.e72bp-phd .sub{font-family:'Inter',sans-serif; font-size:13px; line-height:1.6;
  color:rgba(244,240,230,.75); margin:6px 0 14px;}
.e72bp-phd nav{display:flex; flex-direction:column; gap:0;}
.e72bp-phd nav a{display:grid; grid-template-columns:30px 1fr; align-items:baseline;
  gap:8px; padding:10px 0; text-decoration:none;
  border-top:1px dashed rgba(244,240,230,.18);}
.e72bp-phd nav a:first-child{border-top:0;}
.e72bp-phd .nn{font-family:'Space Mono',monospace; font-size:10px; color:#D4A44C;}
.e72bp-phd .tt{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:13.5px;
  line-height:1.35; color:#F4F0E6;}
.e72bp-phd nav a:hover .tt{color:#E8C97E;}

/* ---------- 8. LISTADO · GRID + PAGINACION ---------------------------------- */
.e72bp-band{display:flex; flex-direction:column;
  padding:clamp(34px,5vh,58px) clamp(20px,5vw,40px) clamp(10px,2vh,18px);}
.e72bp-band .e72bp-kick{margin:0 auto 20px;}
.e72bp-grid{max-width:1180px; width:100%; margin:0 auto;
  display:grid; grid-template-columns:repeat(3,1fr); gap:16px; list-style:none; padding:0;}

.e72bp-pag{max-width:1180px; width:100%; margin:clamp(28px,4vh,44px) auto 0;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px;}
.e72bp-pag .page-numbers{font-family:'Space Mono',monospace; font-size:11px;
  letter-spacing:.1em; text-transform:uppercase; color:#7A6A48; background:#F4EFE5;
  border:1px solid rgba(198,156,94,.38); border-radius:9px; padding:8px 14px 7px;
  text-decoration:none; transition:background .18s ease,color .18s ease;}
.e72bp-pag .page-numbers:hover{background:#FBF8F1; color:#3B4B30;}
.e72bp-pag .page-numbers.current{background:#15170E; border-color:#15170E; color:#F5F2EA;}
.e72bp-pag .page-numbers.dots{background:none; border:none; color:#C9BFA8;}

/* ---------- 9. RESPONSIVE ---------------------------------------------------- */
@media(max-width:1180px){
  .e72bp-body{grid-template-columns:minmax(0,1fr) 300px;}
  .e72bp-railw{display:none;}
}
@media(max-width:980px){
  .e72bp-body{grid-template-columns:1fr;}
  .e72bp-side{position:static;}
  .e72bp-hrow{grid-template-columns:1fr;}
  .e72bp-hero{background-position:0 76px;}
  .e72bp-alt{width:126px; right:12px; bottom:12px; padding:9px 11px 8px;}
  .e72bp-alt svg{height:30px;}
  .e72bp-alt .v{font-size:12.5px;}
}
@media(max-width:900px){
  .e72bp-moregrid,.e72bp-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .e72bp-head,.e72bp-body,.e72bp-more,.e72bp-cierre,.e72bp-hero,.e72bp-band{
    padding-left:20px; padding-right:20px;}
  .e72bp-fimg img{height:240px; border-radius:12px;}
  .e72bp-content{font-size:16.5px;}
  .e72bp-wm{-webkit-text-stroke-width:1px;}
  .e72bp-moregrid,.e72bp-grid{grid-template-columns:1fr;}
  .e72bp-bh1{font-size:clamp(1.9rem,8.6vw,2.5rem);}
}
@media(prefers-reduced-motion:reduce){
  .e72bp-share button,.e72bp-prodcard .gb,.e72bp-tgb,.e72bp-card,.e72bp-thumb img{transition:none;}
  .e72bp-prog{transition:none;}
  .e72bp-alt,.e72bp-alt .v,.e72bp-alt .cross line{transition:none;}
  .e72bp-alt .trail,.e72bp-alt .dot{filter:none;}
}