/* Animaciones de la propuesta grande, con la tipografía de siempre */
@media(hover:hover){
  #elige-camino .grid>a{transition:background-color .45s cubic-bezier(.16,1,.3,1),color .45s}
  #elige-camino .grid>a:hover{background:#0d1f17!important;transform:none;box-shadow:none}
  #elige-camino .grid>a:hover span{color:#fff!important}
  #elige-camino .grid>a:hover>span:nth-child(3){color:#cdd8d2!important}
}
/* 6. Portadas tipográficas de las guías */
.tcov{position:relative;display:block;aspect-ratio:2.2/1;background:var(--topic,#0d1f17);color:#fff;overflow:hidden;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between}
.tcov::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.0) 35%,rgba(255,255,255,.14) 100%),radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.22),transparent 55%)}
.tcov__k{position:relative;font:700 10.5px/1 'Inter',sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.tcov__n{position:absolute;right:14px;bottom:-26px;font:500 150px/1 'Newsreader','Georgia',serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55);transition:transform .8s cubic-bezier(.16,1,.3,1)}
.tcov__t{position:relative;font:italic 500 15px/1 'Newsreader','Georgia',serif;opacity:.9}
.guide-card:hover .tcov__n{transform:translateX(-10px) scale(1.04)}
.tcov__n{font-size:128px}
.portada__item{transition:transform .5s cubic-bezier(.16,1,.3,1)}
/* Portadas más sobrias: base verde de El Telar y el color del tema solo como acento */
.tcov{background:#0d1f17!important}
.tcov::before{background:radial-gradient(110% 130% at 100% 0%,rgba(255,255,255,.10),transparent 55%)!important}
.tcov::after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--topic,#e6760a)}
.tcov__n{-webkit-text-stroke:1.5px rgba(255,255,255,.35)!important}
.tcov__k{color:#f0a35a;opacity:1!important}
.tcov__t{padding-left:2px}
/* Trama de tela de El Telar, muy suave, detrás del número */
.tcov{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 5px,transparent 5px 12px),repeating-linear-gradient(0deg,rgba(103,61,0,.30) 0 3px,transparent 3px 12px)!important}
.tcov::before{background:radial-gradient(110% 130% at 100% 0%,rgba(255,255,255,.08),transparent 55%),linear-gradient(90deg,rgba(13,31,23,.55),transparent 45%)!important}
