/* GMB Reviews — Give Me Service SAS */
.gmbr{--gmbr-card-bg:#fff;--gmbr-name:#000;--gmbr-date:#000;--gmbr-text:#000;--gmbr-arrow:#000;--gmbr-gap:16px;container:gmbr/inline-size;display:block;width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:16px;line-height:1.4;text-align:left}
.gmbr *,.gmbr *::before,.gmbr *::after{box-sizing:border-box}
.gmbr p{margin:0;padding:0}

/* ---------- Layouts ---------- */
.gmbr-inner,.gmbr-row1{display:flex;flex-direction:column;gap:24px}
.gmbr-row2{display:none;margin-top:16px}
.gmbr-inner>*,.gmbr-row1>*{min-width:0}
.gmbr-carousel{position:relative;min-width:0;width:100%}

/* 1. Perfil izq - carrusel derecha */
@container gmbr (min-width:540px){
	.gmbr--l1 .gmbr-inner{flex-direction:row;align-items:center}
	.gmbr--l1 .gmbr-profile{flex:0 1 230px;min-width:190px;gap:12px}
	.gmbr--l1 .gmbr-profile__logo{flex-basis:60px;width:60px}
	.gmbr.gmbr--l1 .gmbr-profile__logo img{width:60px;max-width:60px}
	.gmbr--l1 .gmbr-carousel{flex:1 1 0}
}
@container gmbr (min-width:900px){
	.gmbr--l1 .gmbr-profile{flex-basis:300px;gap:16px}
	.gmbr--l1 .gmbr-profile__logo{flex-basis:90px;width:90px}
	.gmbr.gmbr--l1 .gmbr-profile__logo img{width:90px;max-width:90px}
}
/* 2 y 3. Perfil izq - carrusel derecha y abajo */
@container gmbr (min-width:760px){
	.gmbr--l2 .gmbr-row1,.gmbr--l3 .gmbr-row1{display:grid;align-items:center;gap:16px}
	.gmbr--l2 .gmbr-row1{grid-template-columns:1fr 2fr}
	.gmbr--l3 .gmbr-row1{grid-template-columns:1fr 1fr}
	.gmbr--l2 .gmbr-profile,.gmbr--l3 .gmbr-profile{justify-self:center}
	.gmbr-row2{display:block}
}
.gmbr.is-merged .gmbr-row2{display:none!important}
/* 4. Perfil arriba - carrusel abajo */
.gmbr--l4 .gmbr-profile{align-self:center}

/* ---------- Perfil ---------- */
.gmbr-profile{display:flex;gap:16px;align-items:flex-start;color:inherit;justify-content: center}
.gmbr-profile__logo{flex:0 0 90px;width:90px}
.gmbr .gmbr-profile__logo img{display:block;width:90px;max-width:90px;height:auto;max-height:90px;object-fit:contain;border-radius:4px;margin:0;border:0}
.gmbr--logo-shadow .gmbr-profile__logo img{box-shadow:8px 12px 40px 0 rgba(0,0,0,.12)}
.gmbr-profile__info{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.gmbr .gmbr-profile__name{font-size:18px;font-weight:700;line-height:1.3;margin:0 0 6px;overflow-wrap:break-word}
.gmbr .gmbr-profile__count{font-size:15px;line-height:1.3;margin:6px 0 14px}
.gmbr a.gmbr-btn,.gmbr a.gmbr-btn:visited{display:inline-block;padding:9px 22px;border:0;border-radius:4px;background:#1a73e8;color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;text-transform:none;letter-spacing:normal;white-space:nowrap;box-shadow:none;transition:background-color .2s ease;text-decoration: none !important}
.gmbr a.gmbr-btn:hover,.gmbr a.gmbr-btn:focus{background:#1557b0;color:#fff;text-decoration:none}
.gmbr a.gmbr-btn:focus-visible{outline:2px solid #1557b0;outline-offset:2px}

/* ---------- Estrellas ---------- */
.gmbr-stars{display:inline-flex;align-items:center;gap:2px;line-height:0;vertical-align:middle}
.gmbr .gmbr-star{display:block;width:17px;height:16px;flex:0 0 auto;color:#F6BB06}
.gmbr .gmbr-star.is-empty{color:#CCCCCC}
.gmbr .gmbr-stars--lg .gmbr-star{width:24px;height:22.5px}

/* ---------- Carrusel ---------- */
.gmbr-vp{container-type:inline-size;position:relative}
.gmbr-stage{position:relative;padding:0}
.gmbr-track{display:flex;align-items:stretch;gap:var(--gmbr-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:8px 4px 14px;margin:-8px -4px -14px;scroll-padding-inline:4px;outline:0}
.gmbr-track::-webkit-scrollbar{display:none}
.gmbr-track:focus-visible{outline:2px solid #1a73e8;outline-offset:-2px;border-radius:6px}
.gmbr-slide{display:flex;flex:0 0 100%;min-width:0;scroll-snap-align:start}
@container (min-width:520px){
	.gmbr-vp[data-max="2"] .gmbr-slide,.gmbr-vp[data-max="3"] .gmbr-slide{flex-basis:calc((100% - var(--gmbr-gap))/2)}
}
@container (min-width:780px){
	.gmbr-vp[data-max="3"] .gmbr-slide{flex-basis:calc((100% - 2 * var(--gmbr-gap))/3)}
}

.gmbr .gmbr-arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:0;min-height:0;margin:-18px 0 0;padding:0;border:1px solid #DCDCDC;border-radius:50%;background:#fff;color:var(--gmbr-arrow);box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer;line-height:0;font-size:0;text-transform:none;transition:box-shadow .2s ease;-webkit-appearance:none;appearance:none}
.gmbr .gmbr-arrow:hover{background:#fff;color:var(--gmbr-arrow);box-shadow:0 2px 8px rgba(0,0,0,.16)}
.gmbr .gmbr-arrow:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}
.gmbr-arrow--prev{left:-18px}
.gmbr-arrow--next{right:-18px}
.gmbr .gmbr-arrow svg{display:block;width:18px;height:18px}
.gmbr .gmbr-arrow--prev svg{transform:scaleX(-1)}

.gmbr-bar{display:none;position:relative;width:220px;max-width:60%;height:4px;margin:16px auto 0;border-radius:2px;background:#D9D9D9;overflow:hidden}
.gmbr-bar__thumb{position:absolute;top:0;left:0;width:30%;height:100%;border-radius:2px;background:#5F6368}
.gmbr-vp.is-static .gmbr-arrow,.gmbr-vp.is-static .gmbr-bar{display:none}

/* Móvil: perfil arriba, una tarjeta, barra en lugar de flechas */
@container gmbr (max-width:539px){
	.gmbr-stage{padding:0}
	/* .gmbr .gmbr-arrow{display:none} */
	/* .gmbr-arrow--prev{left: -18px;} */
	/* .gmbr-arrow--next{right: -18px;} */
	.gmbr-bar{display:block}
}

/* ---------- Tarjeta ---------- */
.gmbr-card{position:relative;display:flex;flex-direction:column;width:100%;margin:0;padding:18px 20px 14px;background:var(--gmbr-card-bg);border-radius:0}
.gmbr--card-radius .gmbr-card{border-radius:15px}
.gmbr--card-border .gmbr-card{border:1px solid #DCDCDC}
.gmbr--card-shadow .gmbr-card{box-shadow:1px 4px 10px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.05)}

.gmbr-card__head{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding-right:28px}
.gmbr-avatar{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;overflow:hidden;color:#fff;font-size:18px;font-weight:500;line-height:1}
.gmbr .gmbr-avatar img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:50%;object-fit:cover}
.gmbr-card__meta{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.gmbr-card__name{display:block;overflow:hidden;color:var(--gmbr-name);font-size:15px;font-weight:700;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}
.gmbr-card__date{display:block;overflow:hidden;color:var(--gmbr-date);font-size:13px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}
.gmbr .gmbr-g{position:absolute;top:18px;right:18px;width:20px;height:20px}
.gmbr-card__rating{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.gmbr .gmbr-verified{display:block;width:16px;height:16px;flex:0 0 auto}
.gmbr-card__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;color:var(--gmbr-text);font-size:14px;line-height:1.5;white-space:pre-line;overflow-wrap:break-word}
.gmbr-card__text.is-expanded{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible}
.gmbr .gmbr-more{display:inline-block;align-self:flex-start;visibility:hidden;width:auto;height:auto;min-width:0;min-height:0;margin:8px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--gmbr-date);opacity:.7;font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;text-decoration:none;text-transform:none;letter-spacing:normal;cursor:pointer;-webkit-appearance:none;appearance:none}
.gmbr .gmbr-more:hover,.gmbr .gmbr-more:focus{background:none;color:var(--gmbr-date);opacity:1;text-decoration:underline}
.gmbr .gmbr-more.is-visible{visibility:visible}

@media (prefers-reduced-motion:reduce){
	.gmbr a.gmbr-btn,.gmbr .gmbr-arrow{transition:none}
}
