.agraba-post-cta{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:20px;max-width:760px;margin:0 auto;padding:16px 20px;background:#fff;border:1px solid var(--agraba-bg-beige);border-radius:var(--agraba-radius-card);box-shadow:var(--agraba-shadow-card)}
.agraba-post-cta--middle{margin-top:40px;margin-bottom:40px}
.agraba-post-cta__media{display:block;aspect-ratio:1;border-radius:var(--agraba-radius-sm);overflow:hidden;background:var(--agraba-bg-cream)}
.agraba-post-cta__media img{width:100%;height:100%;object-fit:contain;display:block}
.agraba-post-cta__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.agraba-post-cta__eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--agraba-color-primary)}
.agraba-post-cta__title{font-size:22px;font-weight:700;line-height:1.25;color:var(--agraba-color-secondary);text-decoration:none}
.agraba-post-cta__title:hover{color:var(--agraba-color-primary)}
.agraba-post-cta__price{font-size:18px;font-weight:700;color:var(--agraba-color-dark)}
.agraba-post-cta__price del{font-weight:500;color:var(--agraba-color-muted);margin-right:6px}
.agraba-post-cta__price ins{text-decoration:none}
.agraba-post-cta__button{white-space:nowrap;min-width:150px;justify-content:center}
.agraba-post-mentioned{max-width:760px;margin:48px auto 0}
.agraba-post-mentioned__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.agraba-post-mentioned .agraba-post-mentioned__title{font-size:24px!important;font-weight:600;line-height:1.3;color:var(--agraba-color-dark);margin:0}
.agraba-post-mentioned__nav{display:flex;gap:8px;flex:none}
.agraba-post-mentioned__arrow{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--agraba-color-primary);color:#fff;font:700 26px/1 var(--agraba-font-body);cursor:pointer}
.agraba-post-mentioned__arrow:disabled{opacity:.3;cursor:default}
.agraba-post-mentioned.is-static .agraba-post-mentioned__nav{display:none}
/* El desplazamiento queda dentro de la fila. position:relative es necesario: los textos ocultos de
   WooCommerce (.screen-reader-text del precio) van en absolute y sin él escapan y ensanchan la página. */
.agraba-post-mentioned__list{position:relative;display:flex;width:100%;max-width:100%;min-width:0;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-inline:contain;padding:2px 1px 24px;scrollbar-width:none}
.agraba-post-mentioned__list::-webkit-scrollbar{display:none}
.agraba-post-mentioned__list>.agraba-post-cta{flex:0 0 calc(50% - 8px);min-width:0;margin:0;scroll-snap-align:start;box-shadow:0 4px 14px rgba(2,1,1,.06)}
.agraba-post-mentioned__list>.agraba-post-cta:only-child{flex-basis:100%}
.agraba-post-cta--item{grid-template-columns:72px minmax(0,1fr);gap:12px 14px;padding:14px}
.agraba-post-cta--item .agraba-post-cta__title{font-size:18px}
.agraba-post-cta--item .agraba-post-cta__price{font-size:16px}
.agraba-post-cta--item .agraba-post-cta__button{grid-column:1/-1;width:100%;min-width:0}
@media (max-width:600px){

 .agraba-post-cta{grid-template-columns:72px minmax(0,1fr);gap:12px 14px;padding:14px;margin-left:16px;margin-right:16px}
 .agraba-post-cta--middle{margin-left:0;margin-right:0}
 .agraba-post-mentioned{margin:40px 16px 0}
 .agraba-post-mentioned .agraba-post-mentioned__title{font-size:20px!important}
 .agraba-post-mentioned__list>.agraba-post-cta{flex-basis:86%}
 .agraba-post-cta__title{font-size:18px}
 .agraba-post-cta__price{font-size:16px}
 .agraba-post-cta__button{grid-column:1/-1;width:100%}
}