.recs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.recs>.rec{margin-bottom:0;display:flex;flex-direction:column}.recs>.rec .rec-src{margin-top:auto}.rec{position:relative;break-inside:avoid;background:var(--wp--preset--color--paper);border:1px solid var(--wp--preset--color--hairline);border-radius:12px;padding:19px 21px;margin:0 0 20px;box-shadow:0 8px 22px rgba(26,23,21,.04)}.rec-who{display:flex;align-items:center;gap:11px;margin-bottom:12px}.rec-face{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--wp--preset--color--surface)}.rec-name{display:block;font-weight:800;font-size:.92rem;letter-spacing:-.01em;color:var(--wp--preset--color--ink)}.rec-role{display:block;margin-top:2px;font-size:.78rem;line-height:1.3;color:var(--wp--preset--color--mute)}.rec-role b{font-weight:700;color:var(--wp--preset--color--graphite)}.rec blockquote{margin:0;font-size:.88rem;line-height:1.55;color:var(--wp--preset--color--ink-soft);display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.rec-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.rec-toggle:checked~blockquote{-webkit-line-clamp:unset}.rec-mas{display:inline-block;margin-top:9px;font-size:.8rem;font-weight:700;color:var(--wp--preset--color--graphite);cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--wp--preset--color--red)}.rec-mas:hover{color:var(--wp--preset--color--red-deep)}.rec-mas::after{content:"Leer más"}.rec-toggle:checked~.rec-mas::after{content:"Leer menos"}.rec-toggle:focus-visible~.rec-mas{outline:2px solid var(--wp--preset--color--red);outline-offset:3px;border-radius:2px}.rec-src{margin-top:13px;padding-top:11px;border-top:1px solid var(--wp--preset--color--hairline);font-size:.76rem;color:var(--wp--preset--color--mute)}.rec-src a{color:var(--wp--preset--color--graphite);font-weight:700}.rec-src a:hover{color:var(--wp--preset--color--red-deep)}.rec-feat{display:grid;grid-template-columns:minmax(160px,400px) 1fr;background:var(--wp--preset--color--ink);border-radius:16px;overflow:hidden;margin:0 0 10px;box-shadow:0 24px 54px rgba(26,23,21,.14)}.rec-feat-photo{position:relative}.rec-feat-photo img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}.rec-feat-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 60%,rgba(26,23,21,.5))}.rec-feat-body{position:relative;padding:30px 34px}.rec-feat-quo{position:absolute;top:16px;right:28px;font-weight:900;font-size:3.6rem;line-height:.7;color:var(--wp--preset--color--red)}.rec-feat blockquote{margin:0;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.52;letter-spacing:-.012em;color:#fff;max-width:62ch;text-wrap:pretty}.rec-feat .rec-feat-by{margin-top:22px;font-size:.9rem;color:var(--wp--preset--color--dark-mute)}.rec-feat .rec-feat-by>b{display:block;font-size:1.02rem;color:#fff;font-weight:800;letter-spacing:-.01em}.rec-feat-role{display:block;margin-top:4px;color:var(--wp--preset--color--dark-mute)}.rec-feat-role b{font-weight:700;color:var(--wp--preset--color--dark-body)}.rec-feat-src{display:block;margin-top:12px;font-size:.82rem;color:var(--wp--preset--color--dark-mute)}.rec-feat .rec-feat-by a{color:#fff;text-decoration:underline;text-underline-offset:2px}.recs.is-pocas{columns:auto;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:10px}.recs.is-pocas .rec{margin-bottom:0;display:flex;flex-direction:column}.recs.is-pocas .rec-src{margin-top:auto}.recs.is-cinco{columns:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.recs.is-cinco .rec{flex:0 1 calc((100% - 20px)/3);box-sizing:border-box;margin-bottom:0;display:flex;flex-direction:column}.recs.is-cinco .rec-src{margin-top:auto}@media (max-width:1000px){.recs{grid-template-columns:1fr 1fr;gap:10px}.recs.is-pocas{grid-template-columns:1fr 1fr}.recs.is-cinco .rec{flex-basis:calc((100% - 10px)/2)}}@media (max-width:820px){.rec-feat{grid-template-columns:1fr}.rec-feat-photo img{min-height:240px}.rec-feat-photo::after{background:linear-gradient(0deg,transparent 72%,rgba(26,23,21,.45))}}@media (max-width:640px){.recs{grid-template-columns:1fr}.recs.is-pocas{grid-template-columns:1fr}.recs.is-cinco .rec{flex-basis:100%}}