/* Terraza Gascón · Reseñas de Google. Everything is scoped under .tgr and uses the brand tokens from the guidelines. */
.tgr{
  --tgr-ladrillo:#A8482B;--tgr-ladrillo2:#8E3A22;--tgr-marino:#1F2B45;--tgr-naranja:#E27A2F;
  --tgr-arena:#EFE6D8;--tgr-arena2:#E4D7C3;--tgr-tierra:#5E4030;--tgr-tinta:#221D1A;--tgr-papel:#FBF7F0;
  --tgr-display:var(--tg-display,'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif);
  --tgr-body:var(--tg-body,'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif);
  font-family:var(--tgr-body);font-size:16px;line-height:1.5;color:var(--tgr-tinta);width:100%;
  display:block;margin:0;padding:0;border:0;background:none;text-align:left;
}
.tgr,.tgr *,.tgr *::before,.tgr *::after{box-sizing:border-box}
.tgr--dark{color:var(--tgr-arena)}
.tgr ul{list-style:none;margin:0;padding:0}
.tgr p{margin:0}

/* stars: two flat layers, no gradient */
.tgr-stars{position:relative;display:inline-block;align-self:flex-start;width:max-content;max-width:100%;white-space:nowrap;letter-spacing:2px;line-height:1;font-size:18px;color:rgba(34,29,26,.2)}
.tgr-stars::before{content:"★★★★★"}
.tgr-stars>span{position:absolute;left:0;top:0;width:var(--p,100%);overflow:hidden;white-space:nowrap;color:var(--tgr-naranja)}
.tgr--dark .tgr__meta .tgr-stars{color:rgba(239,230,216,.28)}   /* header stars sit on the dark field; card stars sit on papel and keep the default */

/* header */
.tgr__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 0 28px}
.tgr__num{font-family:var(--tgr-display);font-weight:800;font-size:clamp(46px,5.4vw,72px);line-height:.9;letter-spacing:-.04em;color:var(--tgr-ladrillo);font-variation-settings:"opsz" 96}
.tgr--dark .tgr__num{color:var(--tgr-arena)}
.tgr__meta{display:flex;flex-direction:column;gap:6px}
.tgr__meta .tgr-stars{font-size:22px}
.tgr__count{font-size:15px;color:var(--tgr-tierra)}
.tgr__count strong{font-family:var(--tgr-display);font-weight:800;font-size:17px;color:var(--tgr-tinta)}
.tgr--dark .tgr__count{color:rgba(239,230,216,.8)}
.tgr--dark .tgr__count strong{color:var(--tgr-arena)}
.tgr__src{margin-left:auto;font-family:var(--tgr-display);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:inherit;text-decoration:none;border-bottom:3px solid var(--tgr-naranja);padding-bottom:2px}
.tgr__src:hover{background:var(--tgr-naranja);color:var(--tgr-tinta)}

/* track */
.tgr__stage{position:relative}
.tgr--carousel .tgr__track{display:grid;grid-auto-flow:column;grid-auto-columns:min(86%,380px);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:6px 8px 18px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tgr--carousel .tgr__track::-webkit-scrollbar{display:none}
.tgr--grid .tgr__track{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:22px;padding:6px 8px 12px 4px}
.tgr__track:focus-visible{outline:3px solid var(--tgr-naranja);outline-offset:4px}

/* card */
.tgr__card{scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;min-width:0;min-height:250px;padding:24px;background:var(--tgr-papel);color:var(--tgr-tinta);border:2px solid var(--tgr-tinta);box-shadow:5px 5px 0 var(--tgr-tinta)}
.tgr--dark .tgr__card{border-color:var(--tgr-arena);box-shadow:5px 5px 0 var(--tgr-tinta)}
.tgr__body{flex:1;min-height:0}
.tgr__text{font-size:16px;line-height:1.55;overflow-wrap:anywhere}
.tgr.is-js .tgr__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.tgr.is-js .tgr__card.is-open .tgr__text{display:block;-webkit-line-clamp:unset;overflow:visible}
.tgr__more{margin-top:8px;padding:0;background:none;border:0;cursor:pointer;font-family:var(--tgr-display);font-weight:700;font-size:14px;color:var(--tgr-ladrillo);background-image:linear-gradient(var(--tgr-naranja),var(--tgr-naranja));background-repeat:no-repeat;background-position:0 100%;background-size:100% 3px;padding-bottom:3px}
.tgr__more:hover{background-size:100% 100%;color:var(--tgr-tinta)}
.tgr__author{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;margin-top:auto}
a.tgr__author:hover .tgr__who b{text-decoration:underline;text-decoration-color:var(--tgr-naranja);text-decoration-thickness:3px;text-underline-offset:3px}
.tgr__avatar{flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--tgr-marino);color:var(--tgr-arena);display:inline-flex;align-items:center;justify-content:center;font-family:var(--tgr-display);font-weight:800;font-size:18px}
.tgr__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.tgr__who{display:flex;flex-direction:column;min-width:0}
.tgr__who b{font-family:var(--tgr-display);font-weight:700;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tgr__who small{font-size:13px;color:var(--tgr-tierra)}

/* controls */
.tgr__ctrl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}
.tgr__arrows{display:flex;gap:10px}
.tgr__arrow{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;background:var(--tgr-papel);color:var(--tgr-tinta);border:2px solid var(--tgr-tinta);border-radius:3px;box-shadow:3px 3px 0 var(--tgr-tinta);font-family:var(--tgr-display);font-weight:800;font-size:20px;transition:transform .12s,box-shadow .12s,opacity .12s}
.tgr--dark .tgr__arrow{border-color:var(--tgr-arena);box-shadow:3px 3px 0 var(--tgr-arena)}
.tgr__arrow:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--tgr-tinta)}
.tgr--dark .tgr__arrow:hover{box-shadow:5px 5px 0 var(--tgr-arena)}
.tgr__arrow:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--tgr-tinta)}
.tgr__arrow[aria-disabled="true"]{opacity:.35;cursor:default;pointer-events:none}
.tgr__arrow:focus-visible,.tgr__btn:focus-visible,.tgr__more:focus-visible,.tgr__author:focus-visible,.tgr__src:focus-visible{outline:3px solid var(--tgr-naranja);outline-offset:3px}

/* "sello" buttons, as in the guidelines */
.tgr__btns{display:flex;flex-wrap:wrap;gap:14px}
.tgr__btn{display:inline-flex;align-items:center;gap:12px;padding:13px 20px 13px 22px;border:2px solid var(--tgr-tinta);border-radius:3px;box-shadow:4px 4px 0 var(--tgr-tinta);font-family:var(--tgr-display);font-weight:700;font-size:15px;letter-spacing:.01em;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .14s cubic-bezier(.2,.7,.2,1),box-shadow .14s cubic-bezier(.2,.7,.2,1),background .14s}
.tgr__btn--ladrillo{background:var(--tgr-ladrillo);color:var(--tgr-arena)}
.tgr__btn--ladrillo:hover{background:var(--tgr-ladrillo2)}
.tgr__btn--line{background:transparent;color:inherit;border-color:currentColor;box-shadow:4px 4px 0 currentColor}
.tgr--dark .tgr__btn{border-color:var(--tgr-arena);box-shadow:4px 4px 0 var(--tgr-arena)}
.tgr--dark .tgr__btn--line{box-shadow:4px 4px 0 var(--tgr-arena)}
.tgr__btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--tgr-tinta)}
.tgr--dark .tgr__btn:hover,.tgr__btn--line:hover{box-shadow:7px 7px 0 currentColor}
.tgr__btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--tgr-tinta);transition-duration:.06s}
.tgr--dark .tgr__btn:active,.tgr__btn--line:active{box-shadow:0 0 0 currentColor}
.tgr__ar{display:inline-block;position:relative;width:18px;height:2px;background:currentColor;transition:width .18s cubic-bezier(.2,.7,.2,1)}
.tgr__ar::after{content:"";position:absolute;right:-1px;top:-4px;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.tgr__btn:hover .tgr__ar{width:26px}

/* notice for admins when nothing is configured */
.tgr--notice{padding:18px 22px;border:2px dashed var(--tgr-tierra);background:var(--tgr-papel);color:var(--tgr-tierra);font-size:14px}
.tgr--notice a{color:var(--tgr-ladrillo);font-weight:700}

@media (max-width:600px){
  .tgr__src{margin-left:0}
  .tgr__btn{width:100%;justify-content:space-between}
  .tgr__btns{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .tgr__btn,.tgr__ar,.tgr__arrow{transition:none!important}
  .tgr--carousel .tgr__track{scroll-behavior:auto}
}