/* HOME: sección de recursos (se venden en Payhip). Discreta: tarjetas de vidrio, sin brillos, con la imagen como protagonista */
.rcs{max-width:1240px;margin:0 auto clamp(44px,6vw,84px);padding:0 clamp(12px,3vw,32px);color:#fff}
.rcs-wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6vw,20px)}
.rcs .hr-st{margin:0 0 4px;line-height:0;font-size:0;text-align:center}
.rcs .hr-st img{width:min(calc(var(--vw)*.62px),80%)}
.rcs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);width:100%;margin-top:clamp(10px,1.6vw,20px)}
.rcs-c{display:flex;flex-direction:column;overflow:hidden;color:#fff;text-decoration:none;border-radius:22px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);transition:translate .4s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,box-shadow .4s;-webkit-tap-highlight-color:transparent}
.rcs-c:hover,.rcs-c:focus-visible{translate:0 -4px;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.09);box-shadow:0 22px 46px rgba(0,0,0,.4)}
.rcs-c:focus-visible{outline:3px solid #fff;outline-offset:4px}
.rcs-c img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.rcs-in{display:flex;flex-direction:column;flex:1;gap:6px;padding:clamp(14px,1.6vw,18px) clamp(16px,1.8vw,22px) clamp(16px,1.8vw,20px)}
.rcs-tag{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1;padding:5px 11px;border-radius:99px;background:rgba(11,117,244,.28);border:1px solid rgba(255,255,255,.22)}
.rcs-c h4{margin:4px 0 0;font-family:var(--fh);font-weight:900;font-style:italic;font-size:clamp(21px,2vw,27px);line-height:1;letter-spacing:-.02em}
.rcs-c p{margin:0;font-size:clamp(14px,1.2vw,16px);line-height:1.35;font-weight:300;opacity:.88}
.rcs-ver{margin-top:auto;padding-top:10px;font-family:var(--fh);font-weight:900;font-style:italic;font-size:15px;color:var(--crema)}
.rcs-ver i{display:inline-block;font-style:normal;margin-left:.3em;transition:translate .3s cubic-bezier(.2,.8,.2,1)}
.rcs-c:hover .rcs-ver i,.rcs-c:focus-visible .rcs-ver i{translate:5px 0}
/* el pack se distingue apenas: un tinte azul y el borde más claro */
.rcs-pack{background:linear-gradient(180deg,rgba(11,117,244,.3),rgba(11,117,244,.08));border-color:rgba(255,255,255,.34)}
.rcs-mas{text-align:center;margin:clamp(6px,1vw,12px) 0 0}
.rcs-pie{margin:0;text-align:center;font-size:14px;opacity:.7}
.rcs-pie a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:980px){.rcs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.rcs-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rcs-c,.rcs-ver i{transition:none}.rcs-c:hover,.rcs-c:focus-visible{translate:none}.rcs-c:hover .rcs-ver i,.rcs-c:focus-visible .rcs-ver i{translate:none}}
/* versión sutil: solo algunos recursos, más compactos, y el resto se ve en la página de Recursos */
.rcs-grid{max-width:980px;margin-inline:auto}
.rcs-c img{aspect-ratio:5/2}
.rcs-c{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.16)}
.rcs-pack{background:linear-gradient(180deg,rgba(11,117,244,.2),rgba(11,117,244,.04));border-color:rgba(255,255,255,.24)}
.rcs-todos{display:inline-block;font-family:var(--fh);font-weight:900;font-style:italic;font-size:clamp(15px,1.3vw,17px);color:var(--crema);text-decoration:underline;text-decoration-color:rgba(249,251,242,.35);text-underline-offset:5px;transition:text-decoration-color .3s}
.rcs-todos i{display:inline-block;font-style:normal;margin-left:.35em;transition:translate .3s cubic-bezier(.2,.8,.2,1)}
.rcs-todos:hover,.rcs-todos:focus-visible{text-decoration-color:var(--crema)}
.rcs-todos:hover i,.rcs-todos:focus-visible i{translate:5px 0}
.rcs-todos:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:6px}
@media(max-width:820px){.rcs-grid{grid-template-columns:1fr;max-width:460px}}
@media(prefers-reduced-motion:reduce){.rcs-todos i{transition:none}}