/* Shared credential: the same art, typography and colors in both universes. */
.handy-id-stage{width:min(100%,510px);justify-self:center;align-self:center;position:relative;padding:22px 8px;isolation:isolate}
.handy-id-stage::before{content:"";position:absolute;inset:12% 6%;background:linear-gradient(125deg,#0789b245,#da394c38);filter:blur(40px);border-radius:50%;z-index:-1}
.handy-id-card{text-align:left;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.64;border-radius:26px;color:#f5f8ff;background:radial-gradient(ellipse at 4% 0,#146e9aab,transparent 59%),radial-gradient(ellipse at 108% 110%,#bd293c85,transparent 60%),linear-gradient(120deg,#132535,#151b2e 68%,#30243c);border:1px solid #dbe9ff8c;box-shadow:0 22px 52px #15263525,inset 0 1px 0 #fff9;display:flex;flex-direction:column;justify-content:space-between;padding:7%;font-family:Manrope,Arial,sans-serif;transform:rotate(-5deg)}
.handy-id-card::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,#fff1 49%,transparent 64%);pointer-events:none;z-index:-1}
.handy-id-orbit{position:absolute;width:65%;aspect-ratio:1;right:-19%;top:-10%;border:1px solid #d8e8ff5c;border-radius:50%;box-shadow:0 0 0 24px #ffffff0a,0 0 0 48px #ffffff08,0 0 0 72px #ffffff05;transform:rotate(-35deg) scaleX(.7);z-index:-1}
.handy-id-top{display:flex;align-items:center;justify-content:space-between;font:750 clamp(10px,1vw,13px)/1.1 Manrope,Arial,sans-serif;letter-spacing:.025em}
.handy-id-top img{width:42px;height:42px;object-fit:contain;margin:-10px -5px -6px 0}
.handy-id-name{font:500 clamp(32px,4vw,54px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:22px 0}
.handy-id-name strong{font-weight:800;background:linear-gradient(110deg,#85ddff,#f4dcec 58%,#ff8793);background-clip:text;-webkit-background-clip:text;color:transparent}
.handy-id-name>span{display:block;margin-top:12px;font:450 clamp(10px,1vw,13px)/1.4 Manrope,Arial,sans-serif;letter-spacing:0;color:#c4d3df}
.handy-id-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font:650 clamp(7px,.65vw,9px)/1.3 Manrope,Arial,sans-serif;letter-spacing:.06em}
.handy-id-bottom>span:first-child{display:flex;align-items:center;gap:5px;white-space:nowrap}
.handy-id-bottom b{font-weight:400;opacity:.5;margin-inline:3px}
.handy-id-bottom i{width:5px;height:5px;border-radius:50%;background:#51c2e8}.handy-id-bottom i:last-of-type{background:#ff6b76}
.rewards-label{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.rewards-label .rewards-wordmark{font:800 15px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.045em;text-transform:none;background:linear-gradient(110deg,#167f9f,#39456d 58%,#b12a43);background-clip:text;-webkit-background-clip:text;color:transparent}
:root[data-theme=dark] .rewards-label .rewards-wordmark{background-image:linear-gradient(110deg,#84d8f4,#c9ceff 58%,#ff919e)}
.rewards-hero .handy-id-stage{width:100%;max-width:510px}
.sc2-rewards-hero>.handy-id-stage{margin:0}

/* Social targets retain a generous hit area; only the glyph grows. */
.social-icon,.site-footer .social-icon{background:transparent;box-shadow:none;transition:none;color:#fff}
.social-icon:is(:hover,:focus-visible),.site-footer .social-icon:is(:hover,:focus-visible){background:transparent;box-shadow:none;text-decoration:none}
.social-icon>svg,.social-icon>img{transition:transform .25s cubic-bezier(.22,.7,.3,1);transform-origin:center}
.social-icon:is(:hover,:focus-visible)>svg,.social-icon:is(:hover,:focus-visible)>img{transform:scale(1.16)}
:root[data-theme] .brand-shoecare .site-footer{padding-top:34px}

/* Contact shares the laundry component; Shoe Care only changes color/type. */
.brand-shoecare .whatsapp-float{border-radius:100px;border:0;background:transparent;box-shadow:none}
.brand-shoecare .whatsapp-float::before{background:#c61e19c2;border:1px solid #ffffff25;box-shadow:0 6px 24px #61201e36;backdrop-filter:none;-webkit-backdrop-filter:none}
.brand-shoecare .whatsapp-float:hover::before{background:#9f1e19d1;transform:scale(1.065);box-shadow:0 10px 28px #61201e47}
.brand-shoecare .whatsapp-float:focus-visible::before{transform:scale(1.045);box-shadow:0 7px 22px #61201e35}
.brand-shoecare .contact-dialog{border-radius:25px}
.brand-shoecare .dialog-icon{border-radius:50%;background:#f8d2cf;color:#ad211b}
.brand-shoecare .contact-dialog .button{font-size:14px;font-weight:650;min-height:54px;padding:14px 24px;gap:22px;line-height:1.4;letter-spacing:0;border-radius:100px}
.brand-shoecare .contact-dialog .button::before{background:#c61e19;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .3s cubic-bezier(.22,.7,.3,1),box-shadow .3s ease}
.brand-shoecare .contact-dialog .button:hover::before{transform:scale(1.045,1.085);box-shadow:0 6px 18px #61201e10}
.brand-shoecare .contact-dialog .button:focus-visible::before{transform:scale(1.025,1.045);box-shadow:0 0 0 4px var(--focus-wash),0 0 0 1px var(--focus-line)}
@media(max-width:600px){.handy-id-stage{max-width:410px;padding:18px 7px}.handy-id-card{border-radius:22px}.handy-id-name{font-size:38px;margin:18px 0}.handy-id-top{font-size:10px}.handy-id-name>span{font-size:10px}.handy-id-bottom{font-size:6.5px;gap:8px}.handy-id-top img{width:34px;height:34px}.rewards-label .rewards-wordmark{font-size:14px}:root[data-theme] .brand-shoecare .site-footer{padding-top:30px}.brand-shoecare .contact-dialog .button{font-size:12px;padding-inline:17px}}
@media(prefers-reduced-motion:reduce){.social-icon>svg,.social-icon>img{transition:none}}
/* The same centered benefits accompany the shared ID in both universes. */
#contenido .rewards-features{text-align:center}
#contenido .rewards-features article{padding-inline:0}
#contenido .rewards-features article>.icon{position:static;display:block;margin:0 auto 18px}
#contenido .rewards-features :is(h3,p){margin-inline:auto;text-wrap:balance}

/* All Handy service backs share the same plain surface. */
.brand-handy.page-services .flip-back{background:var(--surface)}

/* Shared branch-label geometry; only the brand font and ink differ. */
body #contenido .directory-branch .branch-body>.branch-kind{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5;font-weight:750;letter-spacing:.16em;margin:0 0 14px}
body #contenido .directory-branch .branch-kind>.icon{width:20px;height:20px;flex:0 0 20px;color:inherit}
body #contenido .directory-branch.branch-shoecare .branch-kind{color:var(--shoe-ink)}
:root[data-theme=dark] body #contenido .directory-branch.branch-shoecare .branch-kind{color:#ff8e85}