/* Angelus wordmark red, sampled from the official Angelus Brand asset.
   Darker tones are used for small text/white button labels to retain contrast. */
:root { --angelus-red:#ff0300; --shoe-ink:#bb201b; --handy-blue:#0789b2; }
.shoe-accent { --blue:var(--shoe-ink); --button:#c61e19; --focus-line:var(--angelus-red); }
:root[data-theme=dark] .shoe-accent { --blue:#ff8e85; --button:#c61e19; }
.main-nav>a.universe-shoecare { --nav-accent:var(--angelus-red); }
.main-nav>a.universe-handy { --nav-accent:var(--handy-blue); }
/* Preserve the entire common artboard; never independently crop either mark. */
.brand { gap:2px; }
.brand img { width:74px; height:74px; object-fit:contain; border-radius:0; background:transparent; flex:0 0 74px; }
.brand .brand-wordmark {
  --brand-name-size:21px; --brand-subtitle-size:25.27px;
  --brand-subtitle-line:calc(var(--brand-subtitle-size) * 1.04);
  min-width:0;
  /* Both marks share the same two rows. The wider Shoe Care lettering must
     not recenter the whole wordmark and lift the common brand name. */
  grid-template-rows:calc(var(--brand-name-size) * 1.04) var(--brand-subtitle-line);
}
.brand .brand-name { color:#123b48; font-size:var(--brand-name-size); line-height:1.04; }
:root[data-theme=dark] .brand .brand-name { color:#edf4f2; }
.brand .brand-subtitle { font-size:var(--brand-subtitle-size); height:var(--brand-subtitle-line); line-height:var(--brand-subtitle-line); }
.brand-handy .site-header { background:color-mix(in srgb,var(--bg) 81%,transparent); backdrop-filter:blur(24px) saturate(150%); -webkit-backdrop-filter:blur(24px) saturate(150%); }
.brand-shoecare .brand .brand-subtitle { font-size:calc(var(--brand-name-size) * 1.2945); }
@media(max-width:1200px){.brand .brand-wordmark{--brand-name-size:19px;--brand-subtitle-size:22.87px}}
@media(max-width:1000px){.brand .brand-wordmark{--brand-name-size:17px;--brand-subtitle-size:20.46px}}
@media(max-width:800px){.brand .brand-wordmark{--brand-name-size:21px;--brand-subtitle-size:25.27px}}
@media(max-width:600px){.brand .brand-wordmark{--brand-name-size:19px;--brand-subtitle-size:22.87px}}
@media(max-width:370px){.brand .brand-wordmark{--brand-name-size:17px;--brand-subtitle-size:20.46px}}
.footer-whatsapp { border:0; background:transparent; color:#fff; }
.brand-shoecare {
  --bg:#fcf9f6; --surface:#fff; --soft:#f6ece7; --text:#302422; --muted:#756563;
  --line:#e7d9d3; --blue:var(--shoe-ink); --lime:#ffd9b8; --deep:#412424;
  --hero:#faf0e8; --button:#c61e19; --button-text:#fff; --focus-line:var(--angelus-red);
  --focus-wash:#ff030012;
}
:root[data-theme=dark] .brand-shoecare {
  --bg:#211b1d; --surface:#302629; --soft:#352628; --text:#faf2eb; --muted:#cebdb9;
  --line:#514043; --blue:#ff8e85; --deep:#311d22; --hero:#302225; --button:#c61e19;
  --lime:#ffd0a8; --button-text:#fff; --focus-wash:#ff8e8518;
}
.brand-shoecare .brand-subtitle { color:var(--angelus-red); }
:root[data-theme=dark] .brand-shoecare .brand-subtitle { color:#ff8e85; }
.brand-shoecare .site-header { background:var(--bg); }
.brand-shoecare .topbar,.brand-shoecare .site-footer { background:#412424; color:#fff7f0; border-color:#7e514d; }
:root[data-theme=dark] .brand-shoecare .site-footer { background:#311d22; border-color:#694449; }
.brand-shoecare.page-contact #contenido,:root[data-theme=dark] .brand-shoecare.page-contact #contenido { background:none; }
.brand-shoecare .contact-channel-wa { background:color-mix(in srgb,var(--surface) 85%,#fa9d8e); }
.brand-shoecare .main-nav>a { --nav-accent:var(--angelus-red); }
.brand-shoecare .main-nav>a.universe-handy { --nav-accent:var(--handy-blue); }
.brand-shoecare .whatsapp-float { background:transparent; border-color:transparent; color:#fff; }
.brand-shoecare .whatsapp-float::before { background:#c61e19d9; border-color:#aa27204d; }
.brand-shoecare .dialog-icon { background:#ffd9b8; color:#9c201b; }
.brand-shoecare .tiny-dot { background:var(--angelus-red); box-shadow:0 0 0 4px #ff030010; }
.brand-shoecare #contenido { isolation:isolate; position:relative; }
.brand-shoecare #contenido>section { position:relative; background:none; overflow:visible; }
.brand-shoecare #contenido>section::before { content:""; position:absolute; pointer-events:none; z-index:-1; left:50%; top:-22%; width:100vw; height:148%; transform:translateX(-50%); background:radial-gradient(ellipse 75vw 49% at 95% 50%,#ffd2b78a,transparent 100%); }
.brand-shoecare #contenido>section:nth-child(3n+2)::before { background:radial-gradient(ellipse 80vw 49% at 0% 50%,#f4b2b150,transparent 100%); }
.brand-shoecare #contenido>section:nth-child(3n)::before { background:radial-gradient(ellipse 70vw 49% at 90% 50%,#efd8c6a0,transparent 100%); }
:root[data-theme=dark] .brand-shoecare #contenido>section::before { opacity:.13; }
.brand-shoecare .sc-hero { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; }
.sc-hero-copy h1 { margin-bottom:26px; }
.sc-lead { font-size:19px; line-height:1.75; margin-bottom:16px; }
.sc-hero-copy>.muted { font-size:14px; margin-bottom:30px; }
.sc-hero-art { position:relative; display:grid; place-items:center; min-width:0; }
.sc-hero-art>img { position:relative; width:100%; height:auto; z-index:1; filter:drop-shadow(0 25px 24px #602e1818); }
.sc-art-orbit { position:absolute; width:82%; aspect-ratio:1; border-radius:50%; background:linear-gradient(135deg,#ffd6bf85,#f898924a); border:1px solid #e99a8850; }
.sc-art-orbit::after { content:""; position:absolute; inset:-22px; border:1px dashed #c61e1938; border-radius:50%; }
.sc-art-caption { font-size:10px; letter-spacing:.2em; font-weight:700; margin-top:6px; color:var(--muted); }
.sc-center { text-align:center; }
.sc-center .section-heading { display:block; }
.sc-center .eyebrow { justify-content:center; }
.sc-center :is(h1,h2,.section-intro) { margin-inline:auto; }
.sc-center p { text-wrap:balance; }
.sc-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(40px,6vw,90px); }
.sc-copy { min-width:0; }
.sc-copy h2 { margin-bottom:24px; }
.sc-copy>p:not(.eyebrow) { max-width:530px; font-size:16px; line-height:1.8; color:var(--muted); }
.sc-copy>.sc-small-note { font-size:13px; margin-top:22px; }
.sc-photo { border-radius:28px; overflow:hidden; height:450px; }
.sc-photo>img { width:100%; height:100%; object-fit:cover; }
.sc-process-list { display:flex; flex-direction:column; gap:28px; padding:34px; border:1px solid var(--line); border-radius:28px; background:color-mix(in srgb,var(--surface) 60%,transparent); }
.sc-process-list article { display:flex; gap:24px; align-items:flex-start; }
.sc-process-list article>.icon { color:var(--blue); width:29px; height:29px; margin-top:3px; }
.sc-process-list h3 { margin-bottom:10px; }
.sc-process-list p { color:var(--muted); font-size:14px; margin:0; }
.sc-partner-art { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:36px; min-height:440px; border:1px solid #edd5c7; border-radius:32px; background:radial-gradient(ellipse at 20% 5%,#ffefdc,transparent 70%),#fff9f4; padding:40px; text-align:center; color:#382927; }
.sc-partner-word { font-size:clamp(36px,4vw,61px); font-weight:800; line-height:1.05; letter-spacing:-.05em; color:#cdb8ad; }
.angelus-logo { width:280px; max-width:100%; height:auto; object-fit:contain; }
.sc-partner-art>span,.sc-angelus-art>span { font-size:10px; font-weight:700; letter-spacing:.16em; }
.sc-partner-art.compact { min-height:330px; }
.sc-angelus-art { display:flex; height:100%; min-height:inherit; align-items:center; justify-content:center; flex-direction:column; gap:27px; padding:34px; background:linear-gradient(145deg,#fff8eb,#f3ddd0); color:#82443c; }
.sc-angelus-art .angelus-logo { width:250px; }
.sc-angelus-art img.angelus-logo { height:auto; object-fit:contain; max-height:130px; }
.sc-section-tail { display:flex; justify-content:flex-end; margin-top:28px; }
.sc-locations>.map-shell { height:540px; }
.sc-identity { max-width:500px; justify-self:center; transform:rotate(-5deg); background:linear-gradient(130deg,#552730,#2b2031 65%,#58415e); padding:32px; }
.sc-identity .card-word { font-size:clamp(27px,3vw,40px); }
.sc-raffles-link { margin-top:16px; display:flex; width:max-content; }
.sc-laundry { --blue:#077da5; }
:root[data-theme=dark] .sc-laundry { --blue:#70c9e4; }
.sc-laundry .eyebrow { color:var(--muted); }
.laundry-cta { --button:#123b48; --button-text:#fff; }
.sc-faq-end { margin-top:35px; }
.brand-shoecare .sc-flip-grid .flip-card { min-height:570px; }
.sc-flip-grid .flip-back>.button { width:100%; margin-top:auto; }
.sc-flip-grid .flip-back { padding-bottom:32px; }
.sc-quote { padding:48px; border:1px solid var(--line); border-radius:28px; background:color-mix(in srgb,var(--surface) 60%,transparent); text-align:center; }
.sc-quote>.icon { width:64px; height:64px; color:var(--blue); margin-bottom:24px; }
.sc-quote h3 { margin-bottom:20px; }.sc-quote p { color:var(--muted); }
.sc-visit p>span { display:block; text-wrap:balance; }
.brand-shoecare .branch-shoecare .branch-kind { color:var(--blue); }
.brand-shoecare .rewards-hero .sc-identity { max-width:500px; }
.franchise-models.shoe-first>.shoe-accent { order:-1; }
.brand-shoecare .franchise-models>article:not(.shoe-accent) { --blue:#077da5; }
.shared-marks { display:flex; justify-content:center; align-items:center; gap:16px; margin-bottom:22px; }
.shared-marks img { width:72px; height:72px; object-fit:contain; }.shared-marks>span { color:var(--muted); font-size:24px; }
.brand-shared #contenido { background:radial-gradient(ellipse at 0% 25%,#b8e3f03a,transparent 60%),radial-gradient(ellipse at 100% 55%,#ffb9b32b,transparent 60%); }
.brand-shared .empty-symbol { background:linear-gradient(135deg,#a5dbea40,#ffb9b33b); }
.handy-map-marker.marker-shoecare .handy-marker-pin { --pin-color:var(--angelus-red); }
@media(max-width:1200px) { .brand img { width:66px; height:66px; flex-basis:66px; }.header-inner { gap:20px; }.main-nav { gap:19px; } }
@media(max-width:800px) {
 .brand-shoecare .sc-hero,.sc-split { grid-template-columns:1fr; gap:38px; }
 .sc-hero-art { max-width:570px; width:100%; justify-self:center; }
 .sc-hero-copy { padding-top:8px; }.sc-hero-copy .button-row { gap:14px; }
 .sc-partner-art { min-height:350px; }.sc-photo { height:350px; }
 .sc-angelus>.sc-copy,.sc-rewards>.sc-copy,.sc-franchise>.sc-copy { grid-row:1; }
 .sc-identity { margin-block:16px; width:min(94%,500px); }
 .sc-locations>.map-shell { height:450px; }
}
@media(max-width:600px) {
 .brand img { width:60px; height:60px; flex-basis:60px; }
 .brand .brand-subtitle { font-size:22.87px; }
 .sc-lead { font-size:17px; }.sc-process-list { padding:26px; }
 .sc-process-list article { gap:16px; }.sc-photo { height:320px; }
 .sc-partner-art { padding:30px; gap:28px; }.sc-quote { padding:30px; }
 .brand-shoecare .sc-flip-grid .flip-card { min-height:560px; }
 .sc-identity { padding:25px; }.sc-art-caption { font-size:9px; }
 .sc-locations>.map-shell { height:430px; }
}
@media(max-width:370px) { .brand img { width:53px; height:53px; flex-basis:53px; }.brand .brand-subtitle { font-size:20.46px; } }