/* Complementos da cópia independente (o que antes era feito pelos scripts do GoDaddy) */
.html-section{font-family:Montserrat,Arial,sans-serif}

/* menu do celular */
[data-ux="NavigationDrawer"]{transition:transform .3s ease-in-out}
[data-ux="NavigationDrawerCloseIcon"]{cursor:pointer}

/* depoimentos */
[data-aid="LEFT_ARROW_RENDERED"],[data-aid="RIGHT_ARROW_RENDERED"]{cursor:pointer}
.rv-more,.rv-close{display:none}

/* celular: setas dos lados do cartão e bolinhas embaixo, para mostrar que há mais depoimentos */
.rv-mobile [data-aid="LEFT_ARROW_RENDERED"],
.rv-mobile [data-aid="RIGHT_ARROW_RENDERED"]{display:flex !important;position:absolute !important;top:50% !important;transform:translateY(-50%) !important;width:44px;height:44px;align-items:center;justify-content:center;color:#E8D9C3 !important;z-index:3}
.rv-mobile [data-aid="LEFT_ARROW_RENDERED"]{left:-46px !important;right:auto !important}
.rv-mobile [data-aid="RIGHT_ARROW_RENDERED"]{right:-46px !important;left:auto !important}
.rv-mobile.rv-root > div:last-child:not(:first-child){display:flex !important;flex-wrap:wrap;justify-content:center;margin-top:22px !important}
.rv-mobile.rv-root > div:last-child:not(:first-child){flex-wrap:nowrap !important}
.rv-mobile.rv-root > div:last-child:not(:first-child) > div{margin:0 3px !important;width:10px !important;height:10px !important;min-width:10px;flex:0 0 10px}
.rv-mobile [data-ux="Grid"]{display:flex !important;justify-content:center !important;margin:0 !important;width:100% !important}
.rv-mobile [data-ux="GridCell"]{flex:0 0 290px !important;max-width:290px !important;width:290px !important;padding:0 !important;margin:0 !important}
.rv-mobile [data-ux="Card"]{position:relative;width:290px !important;padding:24px 0 !important;box-sizing:border-box}
.rv-mobile [data-ux="Card"] > div:first-child{display:none !important}
.rv-mobile [data-ux="Card"].rv-open > div:first-child{display:flex !important;position:absolute !important;top:0;left:0;right:0;bottom:0;width:auto !important;height:auto !important;opacity:1 !important;visibility:visible !important;transform:none !important;background:#6B7D57 !important;padding:16px !important;box-sizing:border-box;overflow-y:auto;z-index:2;align-items:flex-start;justify-content:center}
.rv-mobile [data-ux="Card"].rv-open > div:first-child p{color:#fff !important;font-size:16px;line-height:1.3;text-align:center;white-space:pre-line;margin:0;width:100%}
.rv-mobile [data-ux="Card"].rv-open .rv-close{display:block;position:absolute;top:8px;right:8px;width:40px;height:40px;color:#fff;cursor:pointer;line-height:0}
.rv-mobile [data-ux="Card"].rv-cut .rv-more{display:inline-block;color:rgb(105,122,86);font-size:16px;cursor:pointer}

/* mapa: o cartão do Google fica no canto esquerdo, então o botão vai para a direita */
[data-ux="MapBanner"] button[data-ux="ButtonPrimary"]{left:auto !important;right:16px !important;cursor:pointer}

/* harmonia (09/11/2026): menu do celular no verde oliva com letras no bege oficial */
[data-ux="NavigationDrawer"]{background-color:#6B7D57 !important}
[data-ux="NavigationDrawer"] a,[data-ux="NavigationDrawer"] a span,[data-ux="NavigationDrawerCloseIcon"]{color:#E8D9C3 !important}

/* depoimentos (09/11/2026): cartão verde, 5 estrelas douradas 3D no lugar da estrela grande + estrelinhas */
.rv-root [data-ux="Card"]{background-color:#505F44 !important}
.rv-root [data-aid="RATING_RENDERED"]{background:transparent !important;margin-top:0 !important;width:auto !important;justify-content:center;gap:4px}
.rv-root [data-aid="RATING_RENDERED"] > div{width:32px !important;height:32px;background:url(img/estrela-dourada.png) center/contain no-repeat}
.rv-root [data-aid="RATING_RENDERED"] svg{display:none !important}
.rv-root [data-ux="Card"] [data-aid="USER_REVIEW_RENDERED"],
.rv-root [data-ux="Card"] [data-aid="USER_REVIEW_RENDERED"] *{color:#FFFFFF !important}
.rv-root [data-aid="REVIEWER_INFO_RENDERED"],
.rv-root [data-aid="REVIEWER_INFO_RENDERED"] strong{color:#E8D9C3 !important}
.rv-mobile [data-ux="Card"].rv-cut .rv-more{color:#E8D9C3 !important;text-decoration:underline;text-underline-offset:3px}
/* fundo dos depoimentos: a imagem aparece INTEIRA na largura (as 3 estrelas de cada lado, sem cortar),
   apoiada embaixo; o que sobra em cima é preto, com um degradê para não marcar a emenda */
[data-aid="SECTION_BACKGROUND"]:has([data-aid="REVIEWS_SECTION_TITLE_RENDERED"]){background-color:#000 !important;background-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 56.2vw),rgba(0,0,0,0) calc(100% - 56.2vw + 120px)),url(img/fundo-reviews-5-estrelas.jpg) !important;background-size:100% 100%,100% auto !important;background-position:center top,center bottom !important;background-repeat:no-repeat !important}
/* em telas largas a seção cresce para a fila de 5 estrelas ficar ABAIXO dos cartões, sem ficar escondida atrás deles */
@media (min-width:1024px){
  [data-aid="SECTION_BACKGROUND"]:has([data-aid="REVIEWS_SECTION_TITLE_RENDERED"]){min-height:calc(350px + 28.1vw)}
}
/* celular: tira a altura mínima da seção para a fila de estrelas ficar logo abaixo dos pontinhos (mesmo respiro do computador) */
@media (max-width:767px){
  [data-aid="SECTION_BACKGROUND"]:has([data-aid="REVIEWS_SECTION_TITLE_RENDERED"]) [data-ux="Container"]{min-height:0 !important}
  [data-aid="SECTION_BACKGROUND"]:has([data-aid="REVIEWS_SECTION_TITLE_RENDERED"]) > section{padding-bottom:calc(28.1vw + 14px) !important}
}

/* Our Treatments (09/11/2026): títulos dos tratamentos no bege oficial; o texto continua branco */
[data-aid="GALLERY_CAPTION_RENDERED"] li,
[data-aid="GALLERY_CAPTION_RENDERED"] li strong{color:#E8D9C3 !important}
