@font-face{font-family:Raleway;src:url('/assets/raleway-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url('/assets/raleway-semibold.woff2') format('woff2');font-weight:600 800;font-style:normal;font-display:swap}
:root{--pg-bg:hsl(30 24% 98%);--pg-ink:hsl(20 12% 20%);--pg-muted:hsl(20 8% 39%);--pg-primary:hsl(6 55% 45%);--pg-accent:#bb404d;--pg-cream:#faf6f0;--pg-border:rgba(57,49,45,.12);--pg-brand-strong:#9d352a;--pg-success:#006747;--pg-error:#b3261e;--pg-focus:#21695e}
*{box-sizing:border-box}html{scroll-padding-top:110px;scrollbar-color:#b9aaa1 var(--pg-bg)}body{margin:0;background:var(--pg-bg);color:var(--pg-ink);font:400 16px/1.6 Raleway,sans-serif}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto}svg{width:20px;height:20px;flex:none}button,input,select{caret-color:var(--pg-primary)}::selection{background:#f7dcdd;color:var(--pg-ink)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--pg-focus);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pg-skip{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px}.pg-skip:focus{top:8px}.pg-container{max-width:1360px;margin:auto;padding:40px 32px}.pg-header{position:sticky;top:0;z-index:10;background:var(--pg-bg);border-bottom:1px solid var(--pg-border)}.pg-header-inner{max-width:1360px;margin:auto;min-height:88px;display:flex;align-items:center;gap:24px;padding:16px 32px}.pg-logo{flex-shrink:0}.pg-logo img{display:block;width:auto;height:38px}.pg-desktop-nav{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:14px;font-weight:600}.pg-desktop-nav>a{display:flex;align-items:center;min-height:48px;white-space:nowrap}.pg-header-actions{display:flex;gap:8px;margin-left:auto}.pg-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%}.pg-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 28px;border:0;border-radius:999px;background:var(--pg-primary);color:#fff;font-weight:600}.pg-desktop-nav .pg-button{padding:12px 18px}.pg-member-cart .plain-icon{background:none;color:inherit;padding:0}.pg-member h1{font-size:48px}.pg-member-nav a{line-height:1.4}.pg-member-nav .logout{background:transparent;border:0;color:#fff;text-align:left;min-height:48px;padding:12px 16px;font-size:14px}.pg-member-nav .logout:focus-visible{outline-color:#fff}.pg-member p.error{color:var(--pg-error)}.account-state{max-width:640px;min-height:50vh;padding:48px 0}.account-state .pg-button{margin-top:24px}.account-state p{margin-top:16px}.loading-lines{display:grid;gap:16px;margin-top:32px}.loading-lines span{height:20px;border-radius:6px;background:#eee7e1}.loading-lines span:nth-child(2){width:85%}.loading-lines span:nth-child(3){width:60%}.pg-member-section-title:focus{outline:none}.pg-member .empty{padding:24px 0}.pg-member .empty p{margin:0 0 12px}.pg-member-order-lines{list-style:none;margin:12px 0;padding:0}.pg-member-order-lines li{align-items:center}.order-line-name{display:flex;align-items:center;gap:12px;min-width:0}.order-line-name img{width:48px;height:56px;object-fit:contain}.pg-member-order-lines strong{white-space:normal}.pg-member-design-preview{color:var(--pg-muted)}.pg-member-design-preview img{width:100%;height:100%;object-fit:contain}.pg-member-main section,.pg-member-main article{min-width:0;overflow-wrap:anywhere}.pg-member-profile-form{max-width:720px;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}.field input,.field select{width:100%;min-height:50px;border:1px solid #cbbfb5;border-radius:12px;padding:12px 14px;background:#fff;color:var(--pg-ink);font-size:16px;font-weight:400}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--pg-primary);outline-offset:2px}.field.full{grid-column:1/-1}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px}.form-message{font-size:14px;min-height:24px}.form-message:empty{display:none}.form-message.success{color:var(--pg-success)}.address-form{margin-top:24px;padding:24px;background:var(--pg-cream);border-radius:16px}.address-form h3{margin-bottom:20px}.pg-member-addresses{margin-bottom:28px}.pg-member-addresses>article p{font-size:15px}.address-confirm{margin-top:12px;padding-top:12px;border-top:1px solid var(--pg-border)}.pg-member .section-note{font-size:14px;margin:12px 0 20px}.pg-member-text-link{cursor:pointer}.retry-box{padding:20px 0}.pg-member h2+form{margin-top:24px}.pg-member-profile-summary{margin:20px 0}.pg-member-profile-summary dt{font-size:14px;color:var(--pg-muted)}.pg-member-profile-summary dd{margin:0;overflow-wrap:anywhere}.pg-member-help{margin-left:253px}.pg-footer{background:var(--pg-accent);color:#fff;margin-top:48px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:48px}.footer-brand img{width:150px;display:block}.footer-brand p{max-width:30ch;margin-top:16px}.pg-footer h2{font-size:16px;font-weight:600;margin-bottom:12px}.pg-footer p,.pg-footer a{font-size:14px}.pg-footer a{display:flex;align-items:center;min-height:44px}.pg-footer p+p{margin-top:16px}.pg-footer :focus-visible{outline-color:#fff}.footer-legal{display:flex;justify-content:space-between;gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid #ffffff38}.footer-legal nav{display:flex;gap:24px;flex-wrap:wrap}.pg-app-dock{display:none}.pg-member-nav .logout:disabled,button:disabled{opacity:.6;cursor:wait}.pg-member-pagination button{min-height:48px}.pg-member-nav .logout-error{color:#fff;padding:0 16px;font-size:14px}.pg-member-nav .logout-error:empty{display:none}
@media(hover:hover) and (pointer:fine){.pg-button:hover{background:var(--pg-brand-strong)}a:hover{text-decoration:underline}.pg-icon-button:hover{background:#f7dcdd}.pg-member-nav a:hover{text-decoration:none}.pg-member-nav .logout:hover{background:#96313c}.pg-footer a:hover{color:#fff}}
@media(max-width:1199px){.pg-desktop-nav{gap:12px}.pg-header-inner{gap:16px}.pg-desktop-nav>a:nth-last-child(2){display:none}}
@media(max-width:1023px){.pg-desktop-nav{display:none}.pg-member-help{margin-left:0}.pg-container{padding:36px 24px}.pg-header-inner{min-height:80px;padding:16px 24px}.pg-member-nav .logout{white-space:nowrap}.footer-grid{gap:24px}.pg-member h1{font-size:40px}}
@media(max-width:767px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.pg-container{padding:28px 16px}.pg-header-inner{min-height:72px;padding:12px 16px;gap:12px}.pg-logo img{height:32px}.pg-header-actions{gap:0}.pg-icon-button{width:40px}.pg-member h1{font-size:32px}.pg-member-heading p{font-size:14px}.pg-member-nav .logout{padding:8px 0;color:var(--pg-muted);font-size:14px}.pg-member-nav .logout:focus-visible{outline-color:var(--pg-accent)}.pg-member-nav .logout-error{color:var(--pg-error)}.pg-member-nav .logout:hover{background:none}.form-grid{grid-template-columns:1fr;gap:16px}.address-form{padding:20px 16px}.pg-member-help{margin-top:32px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-brand{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center}.footer-brand p{margin:0}.footer-legal{display:grid;gap:20px}.footer-legal nav{gap:4px 20px}.pg-footer{margin-top:20px}.pg-app-dock{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));background:#fffdf9;border-top:1px solid var(--pg-border);box-shadow:0 -6px 24px #39312d0a}.pg-app-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;font-size:12px}.pg-app-dock a[aria-current]{color:var(--pg-primary);font-weight:600}.pg-app-dock span{display:flex}.account-state{padding:32px 0}.pg-member-cart{font-size:0}.pg-member-cart .plain-icon{font-size:16px}.pg-member{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.checkbox-field{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:16px;font-size:15px;cursor:pointer}.checkbox-field input{width:20px;height:20px;accent-color:var(--pg-primary)}
.pg-member-first-order{min-width:0}.pg-member-first-order>.pg-button{width:fit-content;max-width:100%;text-align:center}

.pg-member-club-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--pg-border)}.pg-member-club-section h3{margin-bottom:12px}.pg-member-club-section>p{max-width:66ch}.pg-member-club-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px}.pg-member-club-actions>.form-message,.pg-member-club-link{flex-basis:100%}.pg-member-club-link{font-size:14px;overflow-wrap:anywhere;user-select:all}.pg-member-club-coupon{padding:16px 0;border-bottom:1px solid var(--pg-border)}.pg-member-club-coupon h4{font-size:17px;letter-spacing:.02em}.pg-member-club-list{padding-left:20px;margin:12px 0}.pg-member-club-list li{padding:5px 0}.pg-member-club-movement{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:14px 0;border-bottom:1px solid var(--pg-border)}.pg-member-club-movement .section-note{margin:4px 0 0}.pg-member-club-movement>strong{white-space:nowrap}.pg-member-club-actions button{min-height:48px}@media(max-width:767px){.pg-member-club-actions{align-items:flex-start;flex-direction:column}.pg-member-club-actions .pg-button{width:100%;padding-inline:18px}.pg-member-club-movement{gap:12px}}
.pg-benefit-intro{font-size:18px;margin-bottom:12px}.pg-benefit-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pg-benefit-heading svg{width:24px;height:24px;color:var(--pg-primary)}.pg-benefit-heading h3{margin:0}.pg-benefit-rules{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 20px;max-width:72ch;margin:0 0 16px}.pg-benefit-rules dt{font-weight:600;font-size:14px}.pg-benefit-rules dd{margin:0;font-size:15px}.pg-benefit>.pg-member-text-link{display:inline-flex;align-items:center;min-height:44px;margin-right:20px}.pg-account-help{margin-top:4px}.pg-account-help>button{min-height:44px}.pg-account-help>.section-note{max-width:65ch;margin:0 0 12px}.pg-account-order-group{margin-top:28px}.pg-account-order-group>h3{font-size:18px;margin-bottom:8px}.pg-account-proof,.pg-account-ticket{padding:20px 0;border-bottom:1px solid var(--pg-border)}.pg-account-proof .pg-member-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:16px}.pg-account-proof .pg-member-actions a{min-height:44px;display:inline-flex;align-items:center}.pg-account-ticket-title{font:600 18px/1.4 Raleway,sans-serif;border:0;background:none;padding:0;text-align:left;color:var(--pg-ink);min-height:44px;text-decoration:underline;text-underline-offset:4px}.pg-account-support-form{margin-top:28px;max-width:720px}.pg-account-support-form h3{margin-bottom:20px}.pg-account-support-form>.field{margin-top:20px}.field textarea{font:400 16px/1.6 Raleway,sans-serif;width:100%;min-height:140px;padding:12px 14px;border:1px solid #cbbfb5;border-radius:12px;background:#fff;color:var(--pg-ink);resize:vertical;caret-color:var(--pg-primary)}.field textarea:focus-visible{outline:2px solid var(--pg-primary);outline-offset:2px}.pg-account-dialog{width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--pg-border);border-radius:24px;background:var(--pg-bg);color:var(--pg-ink);box-shadow:0 16px 64px #39312d24;overflow:auto}.pg-account-dialog::backdrop{background:#27221e66}.pg-account-dialog-head{position:sticky;top:0;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 28px;border-bottom:1px solid var(--pg-border);background:var(--pg-bg);z-index:1}.pg-account-dialog-head h2{font-size:24px;line-height:1.3;margin:0}.pg-account-dialog-head h2:focus{outline:none}.pg-account-dialog-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:none;border:0;color:var(--pg-ink);padding:0}.pg-account-dialog-close svg{width:16px;height:16px}.pg-account-dialog-close:focus-visible{outline:2px solid var(--pg-focus);outline-offset:2px}.pg-account-dialog-body{padding:24px 28px;overflow-wrap:anywhere}.pg-account-dialog-body>p{max-width:70ch;margin-bottom:16px}.pg-account-dialog-body h1{font-size:28px;line-height:1.3}.pg-account-dialog-body h2{font-size:22px;margin:28px 0 12px}.pg-account-dialog-body h3{font-size:18px;margin:24px 0 12px}.pg-account-dialog-body>.pg-member-text-link{display:inline-flex;align-items:center;min-height:44px}.pg-account-dialog-body li{margin-bottom:8px}.pg-account-dialog-body a{text-decoration:underline}.pg-account-message{padding:18px 0;border-bottom:1px solid var(--pg-border)}.pg-account-message-author{font-weight:600;font-size:14px}.pg-account-message.is-staff .pg-account-message-author{color:var(--pg-primary)}.pg-account-message-body{white-space:pre-wrap;margin-top:6px}.pg-account-message .section-note{font-size:14px;margin-top:8px;color:var(--pg-muted)}.pg-account-dialog .form-message{margin-top:12px}.pg-account-dialog .error{color:var(--pg-error)}
@media(max-width:767px){.pg-benefit-rules{grid-template-columns:1fr;gap:4px}.pg-benefit-rules dd+dt{margin-top:12px}.pg-benefit>.pg-member-text-link{display:flex;width:fit-content;margin-right:0}.pg-account-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 32px);border-radius:16px}.pg-account-dialog-head{padding:16px;gap:12px}.pg-account-dialog-head h2{font-size:22px}.pg-account-dialog-body{padding:20px 16px}.pg-account-support-form .pg-button{width:100%}.pg-account-proof h3{font-size:18px}.pg-account-proof .pg-member-actions{display:grid;gap:4px}}

.pg-account-order-summary{padding:20px 0;border-bottom:1px solid var(--pg-border)}.pg-account-order-summary>.pg-member-text-link{display:inline-flex;min-height:44px;align-items:center}.pg-account-tracking{margin:20px 0}.pg-account-tracking h4{font-size:16px;margin-bottom:8px}.pg-account-shipment+.pg-account-shipment{margin-top:16px}.pg-account-tracking-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.pg-account-tracking-line code{font-size:14px;overflow-wrap:anywhere;user-select:all}.pg-account-tracking-line a{display:inline-flex;align-items:center;min-height:44px}.pg-account-tracking .section-note{margin:6px 0 12px}
.pg-invite-link-form{margin-top:24px;padding-top:20px;border-top:1px solid #e4dcd5}.pg-invite-link-form>.pg-button{margin-top:14px}
/* Clube: bloco do link de indicação depois de criado (campo somente leitura, ações, incentivo e aviso visível). */
.pg-member-club-link-field{width:100%;max-width:720px;margin:4px 0 12px}.pg-member-club-link-input{width:100%;min-height:50px;border:1px solid #cbbfb5;border-radius:12px;padding:12px 14px;background:var(--pg-cream);color:var(--pg-ink);font-size:15px;font-weight:400;overflow-wrap:anywhere}.pg-member-club-link-input:focus-visible{outline:2px solid var(--pg-primary);outline-offset:2px}.pg-member-club-actions>a.pg-button{text-decoration:none}.pg-member-club-incentive{max-width:66ch;margin:16px 0 4px;font-weight:600}.pg-member-club-notice{width:100%;margin:0 0 12px}.pg-member-club-notice p.success{color:var(--pg-success)}.form-message p.success{color:var(--pg-success)}

.pg-account-ticket-received{margin:0 0 20px;padding:18px 20px;border:1px solid var(--pg-border);border-left:4px solid var(--pg-success);border-radius:8px;background:var(--pg-cream);max-width:66ch}.pg-account-ticket-received:focus-visible{outline:3px solid var(--pg-focus,currentColor);outline-offset:2px}.pg-account-ticket-received h3{margin:0 0 4px}.pg-account-ticket-received p{margin:6px 0 0}.pg-account-ticket-wait{margin-top:16px;padding-top:16px;border-top:1px solid var(--pg-border)}

.pg-member-palette{display:flex;align-items:center;gap:10px;font-size:15px}.pg-member-palette-dots{display:inline-flex}.pg-member-palette-dots i{width:20px;height:20px;border-radius:50%;margin-left:-6px;box-shadow:0 0 0 2px var(--pg-bg),inset 0 0 0 1px rgba(57,49,45,.18)}.pg-member-palette-dots i:first-child{margin-left:0}

/* Sistema de controles Petgraf Apple Edition, publicado em 27/10/2026. */
:root{
  --pg-primary:#b24034;
  --pg-control-height:52px;
  --pg-control-radius:999px;
  --pg-control-weight:650;
  --pg-control-gap:10px;
  --pg-apple-ease:cubic-bezier(.22,1,.36,1);
  --pg-control-shadow:inset 0 1px rgba(255,255,255,.24),0 1px 2px rgba(120,35,28,.3),0 8px 18px -8px rgba(178,64,52,.55);
  --pg-control-spring:linear(0,.063,.203,.37,.533,.674,.787,.873,.934,.975,.999,1.013,1.019,1.02,1.018,1.015,1.012,1.009,1.006,1.004,1.002,1.001,1,1,1);
  --pg-control-transition:transform 280ms var(--pg-control-spring),box-shadow 280ms var(--pg-apple-ease),background-color 160ms ease-out,border-color 160ms ease-out,color 160ms ease-out,opacity 160ms ease-out;
}

.pg-button,
.pg-auth-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--pg-control-gap);
  min-height:var(--pg-control-height);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0 28px;
  border:0;
  border-radius:var(--pg-control-radius);
  background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 52%),var(--pg-primary);
  box-shadow:var(--pg-control-shadow);
  color:#fff;
  font-size:16px;
  font-weight:var(--pg-control-weight);
  letter-spacing:-.01em;
  line-height:1.3;
  text-align:center;
  text-decoration:none;
  transition:var(--pg-control-transition);
}

.pg-auth-button{width:100%;margin-top:28px}
.pg-button svg,.pg-auth-button svg{width:18px;height:18px;transition:transform 280ms var(--pg-control-spring)}
.pg-button:focus-visible,.pg-auth-button:focus-visible{outline:3px solid var(--pg-focus);outline-offset:3px}
.pg-button:disabled,.pg-auth-button:disabled,.pg-button[aria-disabled="true"],.pg-auth-button[aria-disabled="true"]{cursor:not-allowed;opacity:.48;box-shadow:none}
.pg-button[aria-busy="true"],.pg-auth-button[aria-busy="true"]{cursor:wait;opacity:.72}
.pg-button:not(:disabled):active,.pg-auth-button:not(:disabled):active{border-radius:var(--pg-control-radius);transform:scale(.97);box-shadow:inset 0 1px rgba(255,255,255,.18),0 1px 2px rgba(120,35,28,.3);transition-duration:70ms}

@media(hover:hover) and (pointer:fine){
  .pg-button:not(:disabled):hover,.pg-auth-button:not(:disabled):hover{border-radius:var(--pg-control-radius);background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 52%),var(--pg-brand-strong);box-shadow:inset 0 1px rgba(255,255,255,.28),0 2px 4px rgba(120,35,28,.3),0 14px 26px -10px rgba(178,64,52,.6);color:#fff;text-decoration:none;transform:translateY(-1px)}
  .pg-button:not(:disabled):hover svg,.pg-auth-button:not(:disabled):hover svg{transform:translateX(3px)}
  .pg-button:not(:disabled)::after,.pg-auth-button:not(:disabled)::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform 700ms var(--pg-apple-ease)}
  .pg-button:not(:disabled):hover::after,.pg-auth-button:not(:disabled):hover::after{transform:translateX(120%)}
}

.field input,.field select,.field textarea,.pg-member-club-link-input{border-color:rgba(57,49,45,.24);transition:border-color 160ms ease-out,box-shadow 160ms ease-out,background-color 160ms ease-out}
.field input:hover,.field select:hover,.field textarea:hover,.pg-member-club-link-input:hover{border-color:rgba(57,49,45,.42)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.pg-member-club-link-input:focus-visible{outline:0;border-color:var(--pg-primary);box-shadow:0 0 0 3px rgba(178,64,52,.16)}

@media(prefers-reduced-motion:reduce){
  .pg-button,.pg-auth-button,.pg-button svg,.pg-auth-button svg{transition:none}
  .pg-button:not(:disabled):active,.pg-auth-button:not(:disabled):active,.pg-button:not(:disabled):hover,.pg-auth-button:not(:disabled):hover{transform:none}
  .pg-button::after,.pg-auth-button::after{display:none}
}

/* Estados internos de Minha Petgraf: a forma do controle permanece estável em repouso, hover e clique. */
:root{
  --pg-member-row-radius:16px;
  --pg-member-state-hover:rgba(112,29,40,.28);
  --pg-member-state-current:#96313c;
  --pg-member-link-hover:#8e3027;
  --pg-member-state-transition:background-color 160ms ease-out,color 160ms ease-out,border-color 160ms ease-out,box-shadow 160ms ease-out,opacity 160ms ease-out,transform 100ms ease-out;
}

.pg-member-nav a,
.pg-member-nav .logout{
  border-radius:var(--pg-member-row-radius);
  transition:var(--pg-member-state-transition);
}

.pg-member-nav a[aria-current]{
  border-radius:var(--pg-member-row-radius);
  background:var(--pg-member-state-current);
  color:#fff;
  box-shadow:inset 0 1px rgba(255,255,255,.12);
}

.pg-member-nav a:active,
.pg-member-nav .logout:active{
  border-radius:var(--pg-member-row-radius);
  transform:scale(.98);
}

.pg-member-section-top a,
.pg-member-text-link,
.pg-member-actions button,
.pg-account-ticket-title,
.pg-account-tracking-line a{
  border-radius:0;
  transition:color 160ms ease-out,opacity 100ms ease-out,text-decoration-color 160ms ease-out;
}

.pg-member-section-top a:active,
.pg-member-text-link:active,
.pg-member-actions button:active,
.pg-account-ticket-title:active,
.pg-account-tracking-line a:active{
  border-radius:0;
  opacity:.68;
  transform:none;
}

.pg-member-utility>a{
  border-radius:12px;
  transition:var(--pg-member-state-transition);
}

.pg-member-utility>a:active{
  border-radius:12px;
  background:rgba(178,64,52,.1);
  transform:scale(.99);
}

@media(hover:hover) and (pointer:fine){
  .pg-member-nav a:not([aria-current]):hover,
  .pg-member-nav .logout:hover{
    border-radius:var(--pg-member-row-radius);
    background:var(--pg-member-state-hover);
    color:#fff;
    text-decoration:none;
  }

  .pg-member-nav a[aria-current]:hover{
    border-radius:var(--pg-member-row-radius);
    background:var(--pg-member-state-current);
    color:#fff;
    text-decoration:none;
  }

  .pg-member-section-top a:hover,
  .pg-member-text-link:hover,
  .pg-member-actions button:hover,
  .pg-account-ticket-title:hover,
  .pg-account-tracking-line a:hover{
    border-radius:0;
    background:transparent;
    color:var(--pg-member-link-hover);
    text-decoration:underline;
    text-decoration-thickness:1.5px;
    text-underline-offset:4px;
    transform:none;
  }

  .pg-member-utility>a:hover{
    border-radius:12px;
    background:rgba(178,64,52,.08);
    color:var(--pg-ink);
    text-decoration:none;
    transform:translateX(2px);
  }
}

@media(min-width:768px) and (max-width:1023px){
  .pg-member-nav a,
  .pg-member-nav a:hover,
  .pg-member-nav a[aria-current],
  .pg-member-nav a[aria-current]:hover{
    border-radius:12px;
  }

  .pg-member-nav .pg-member-back,
  .pg-member-nav .pg-member-back:hover{
    border-radius:0 12px 12px 0;
  }
}

@media(max-width:767px){
  .pg-member-nav a,
  .pg-member-nav a:hover,
  .pg-member-nav a[aria-current],
  .pg-member-nav a[aria-current]:hover{
    border-radius:999px;
  }

  .pg-member-nav a:not([aria-current]):hover{
    background:#fff;
    border-color:var(--pg-border);
    color:var(--pg-ink);
  }

  .pg-member-nav .pg-member-back,
  .pg-member-nav .pg-member-back:hover,
  .pg-member-nav .logout,
  .pg-member-nav .logout:hover{
    border-radius:0;
    background:transparent;
    color:var(--pg-primary);
  }
}

@media(prefers-reduced-motion:reduce){
  .pg-member-nav a,
  .pg-member-nav .logout,
  .pg-member-utility>a{
    transition:none;
  }

  .pg-member-nav a:active,
  .pg-member-nav .logout:active,
  .pg-member-utility>a:active,
  .pg-member-utility>a:hover{
    transform:none;
  }
}

/* 03/11/2026 (Diego): no celular a aba atual misturava o sublinhado do pg-portal.css com a pílula desta folha, sem respiro. Fica só a pílula. */
@media(max-width:767px){.pg-member-nav a,.pg-member-nav a:hover,.pg-member-nav a[aria-current],.pg-member-nav a[aria-current]:hover{padding-inline:14px;text-decoration:none}
/* No toque, a aba tocada fica em :hover; o pg-portal.css zera o fundo em a[aria-current]:hover e a aba atual perdia a pílula. */
.pg-member-nav a[aria-current],.pg-member-nav a[aria-current]:hover{background:var(--pg-member-state-current);color:#fff}
.pg-member-nav a:not([aria-current]):hover{background:transparent;border-color:transparent;color:var(--pg-ink)}}

/* 03/11/2026 (Diego): VetCash à vista ao entrar na conta. */
.pg-member-vetcash-top{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:10px 14px;border-radius:999px;background:#eef6ef;color:#21695e;font-size:15px;width:fit-content}.pg-member-vetcash-top svg{width:18px;height:18px}.pg-member-vetcash-top strong{color:#1b5a50}.pg-member-vetcash-top a{margin-left:6px;color:#21695e;font-weight:600}

/* 03/11/2026 (Diego): cabeçalho da conta igual ao da loja: menu, logo, mesmos links, busca, conta e carrinho. */
.pg-store-menu{position:relative}.pg-store-menu>summary{list-style:none;cursor:pointer}.pg-store-menu>summary::-webkit-details-marker{display:none}.pg-store-menu>nav{position:absolute;top:calc(100% + 8px);left:0;z-index:30;display:grid;gap:2px;min-width:240px;padding:10px;border:1px solid var(--pg-border);border-radius:16px;background:#fff;box-shadow:0 18px 40px -20px rgba(0,0,0,.35)}.pg-store-menu>nav a{display:block;padding:12px 14px;border-radius:10px;color:var(--pg-ink);text-decoration:none;font-weight:500}.pg-store-menu>nav a:hover{background:#f6efea}.pg-header-actions a[aria-current]{color:var(--pg-primary)}
/* Como usar o VetCash (03/11/2026) */
.pg-member-howto{margin-top:32px}.pg-member-howto h3{font-size:22px}
.pg-member-steps{list-style:none;counter-reset:pgstep;margin:20px 0 0;padding:0;display:grid;gap:16px;max-width:65ch}
.pg-member-steps li{counter-increment:pgstep;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;line-height:1.6;color:var(--pg-ink)}
.pg-member-steps li::before{content:counter(pgstep);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pg-primary);color:#fff;font-weight:600;font-size:15px}
.pg-member-howto-help{margin-top:24px;padding:20px 24px;background:var(--pg-cream);border-radius:16px;max-width:65ch}.pg-member-howto-help p{margin-top:6px}
.pg-member-howto .pg-button{margin-top:24px}

/* 03/11/2026 (Diego): cabeçalho de conta.petgraf.com.br com as medidas do cabeçalho de petgraf.com.br (tema 158934499382).
   Valores lidos por getComputedStyle no site ao vivo em 1440 x 900 e 390 x 844. Tablet (768 a 1023) fica como está: não foi medido. */
.pg-header{background:rgba(251,250,248,.78);-webkit-backdrop-filter:saturate(1.6) blur(24px);backdrop-filter:saturate(1.6) blur(24px);border-bottom:1px solid rgba(29,29,31,.08);box-shadow:0 1px 0 rgba(255,255,255,.58)}
@media(min-width:1024px){
  .pg-header-inner{max-width:1440px;min-height:72px;padding:10px 32px;gap:24px}
  .pg-logo img{height:36px}
  .pg-desktop-nav{gap:8px}
  .pg-desktop-nav>a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px}
  .pg-desktop-nav>a.pg-button{min-height:44px;padding:8px 14px;gap:6px;font-size:14px;letter-spacing:-.01em}
  .pg-header-actions{gap:0}
}
@media(max-width:767px){
  .pg-header{background:rgba(251,250,248,.9)}
  .pg-header-inner{min-height:64px;padding:10px 16px;gap:12px}
  .pg-logo img{height:36px}
  .pg-store-menu>summary,.pg-header-actions .pg-icon-button{width:44px;height:44px}
}

/* 04/11/2026: amarelo da marca no saldo do VetCash (mesmo token do tema; texto 8,8:1, AA e AAA) */
:root{--pg-gold:#f2c46d;--pg-gold-ink:#3a2610}
.pg-member-vetcash-top{background:var(--pg-gold);color:var(--pg-gold-ink)}.pg-member-vetcash-top strong,.pg-member-vetcash-top a{color:var(--pg-gold-ink)}.pg-member-vetcash-top svg{color:var(--pg-gold-ink)}
.pg-member-money-balance strong{display:inline-block;padding:4px 16px;border-radius:999px;background:var(--pg-gold);color:var(--pg-gold-ink)}