:root{--bg-canvas: #090E17;--bg-surface: #0F172A;--bg-card: rgba(15, 23, 42, .84);--bg-card-hover: rgba(30, 41, 59, .94);--bg-card-elevated: rgba(20, 30, 50, .96);--bg-card-featured: linear-gradient(135deg, rgba(37, 99, 235, .18) 0%, rgba(59, 130, 246, .14) 50%, rgba(96, 165, 250, .1) 100%);--brand-gradient: linear-gradient(135deg, #1D4ED8 0%, #3B82F6 45%, #60A5FA 80%, #93C5FD 100%);--brand-gradient-subtle: linear-gradient(135deg, rgba(29, 78, 216, .25) 0%, rgba(59, 130, 246, .25) 50%, rgba(96, 165, 250, .18) 100%);--brand-gradient-glow: 0 0 32px rgba(59, 130, 246, .4);--accent-instagram: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--accent-whatsapp: linear-gradient(135deg, #25D366 0%, #128C7E 100%);--accent-maps: linear-gradient(135deg, #1A73E8 0%, #4285F4 100%);--accent-app: var(--brand-gradient);--card-border: rgba(59, 130, 246, .16);--card-border-hover: rgba(96, 165, 250, .38);--card-border-featured: rgba(59, 130, 246, .45);--card-border-glow: 0 0 12px rgba(59, 130, 246, .18);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-accent: #60A5FA;--text-gold: #FBBF24;--status-online: #22C55E;--status-offline: #F59E0B;--focus-ring: #3B82F6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .24);--shadow-md: 0 4px 14px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .45);--shadow-floating-desktop: 0 16px 40px rgba(0, 0, 0, .65), 0 0 20px rgba(59, 130, 246, .12);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--line-height-tight: 1.15;--line-height-snug: 1.35;--line-height-normal: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 9999px;--radius-full: 50%;--ease-spring: cubic-bezier(.16, 1, .3, 1);--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-normal: .35s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .6s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);line-height:var(--line-height-normal);position:relative;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;min-height:100dvh}.ambient-backdrop-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:-10;overflow:hidden;pointer-events:none;background-color:var(--bg-canvas)}.ambient-photo-layer{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-image:url(/img/equipe-barbearia-rodrigues.webp);background-size:cover;background-position:center 30%;filter:blur(24px) saturate(1.25) brightness(.75);opacity:.45;transform:scale(1.08);will-change:transform}.ambient-vignette-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 15%,transparent 20%,rgba(9,14,23,.7) 65%,#090E17 100%),linear-gradient(180deg,#090e1759,#090e17bf,#090e17)}.ambient-orb{position:absolute;border-radius:var(--radius-full);filter:blur(90px);pointer-events:none}.ambient-orb-top{top:-80px;left:50%;transform:translate(-50%);width:440px;max-width:90vw;height:340px;background:radial-gradient(circle,rgba(37,99,235,.35) 0%,rgba(59,130,246,.22) 50%,transparent 70%)}.ambient-orb-bottom{bottom:-60px;left:50%;transform:translate(-50%);width:380px;max-width:85vw;height:280px;background:radial-gradient(circle,rgba(96,165,250,.25) 0%,rgba(37,99,235,.15) 60%,transparent 75%)}.ambient-grain-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:radial-gradient(rgba(255,255,255,.8) 1px,transparent 0);background-size:24px 24px;pointer-events:none}@media (prefers-reduced-motion: reduce){.ambient-photo-layer{transform:none}}.page-container{width:100%;max-width:440px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8);display:flex;flex-direction:column;position:relative;z-index:1}@media (min-width: 600px){.page-container{max-width:480px;margin:var(--space-8) auto;padding:var(--space-8) var(--space-6) var(--space-8);background:#0f172ac7;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(59,130,246,.22);border-radius:var(--radius-xl);box-shadow:0 25px 60px #000000d9,0 0 40px #3b82f633}}.font-display{font-family:var(--font-display)}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.section-divider{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;margin:var(--space-6) 0 var(--space-4)}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.section-divider-title{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}::selection{background:#e1306c73;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#c13584}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-3);position:relative;width:100%}.hero-logo-container{position:relative;width:90px;height:90px;margin:0 auto var(--space-2);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}@media (min-width: 480px){.hero-logo-container{width:105px;height:105px}}.hero-logo-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;border-radius:var(--radius-full);background:radial-gradient(circle at center,rgba(59,130,246,.35) 0%,rgba(37,99,235,.22) 45%,rgba(96,165,250,.12) 70%,transparent 85%);filter:blur(20px);pointer-events:none;z-index:0;animation:pulseHalo 4s ease-in-out infinite alternate}@keyframes pulseHalo{0%{opacity:.7;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}.hero-logo-image{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:var(--radius-full);display:block;position:relative;z-index:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.65)) drop-shadow(0 0 12px rgba(59,130,246,.3));transition:transform var(--transition-normal),filter var(--transition-normal)}.hero-logo-container:hover .hero-logo-image{transform:scale(1.05);filter:drop-shadow(0 8px 24px rgba(0,0,0,.8)) drop-shadow(0 0 18px rgba(59,130,246,.45))}.hero-title{font-family:var(--font-display);font-size:1.55rem;font-weight:800;letter-spacing:-.02em;line-height:var(--line-height-tight);margin-bottom:2px;color:var(--text-primary);text-transform:uppercase}@media (min-width: 420px){.hero-title{font-size:1.85rem}}.hero-tagline{font-family:var(--font-sans);font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.hero-location-pill{display:inline-flex;align-items:center;gap:5px;padding:3.5px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-location-pill svg{width:12px;height:12px;color:var(--text-accent)}.action-cards-container{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:var(--space-6)}.action-card{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;box-shadow:inset 0 1px #ffffff0f,var(--shadow-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;transition:transform var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);will-change:transform}.action-card.card-featured{background:var(--bg-card-featured);border:1px solid var(--card-border-featured);box-shadow:inset 0 1px #ffffff1a,var(--shadow-md),var(--card-border-glow)}.action-card:after{content:"";position:absolute;top:-60%;left:-120%;width:45%;height:220%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.01) 20%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.01) 80%,transparent 100%);transform:skew(-25deg);pointer-events:none;z-index:2;opacity:0;animation:ambientShimmer 8s cubic-bezier(.4,0,.2,1) infinite}.action-card.card-featured:after{background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.02) 20%,rgba(96,165,250,.1) 50%,rgba(59,130,246,.02) 80%,transparent 100%)}.action-cards-container .action-card:nth-child(1):after{animation-delay:0s}.action-cards-container .action-card:nth-child(2):after{animation-delay:1.5s}.action-cards-container .action-card:nth-child(3):after{animation-delay:3s}.action-cards-container .action-card:nth-child(4):after{animation-delay:4.5s}@keyframes ambientShimmer{0%{transform:translate(-150%) skew(-25deg);opacity:0}2%{opacity:1}16%{transform:translate(450%) skew(-25deg);opacity:1}18%{opacity:0}to{transform:translate(450%) skew(-25deg);opacity:0}}.action-card:hover{transform:translateY(-2px);background:var(--bg-card-hover);border-color:var(--card-border-hover);box-shadow:inset 0 1px #ffffff1a,var(--shadow-md)}.action-card.card-featured:hover{background:linear-gradient(135deg,#2563eb3d,#0f172af5);border-color:#60a5fab3;box-shadow:inset 0 1px #ffffff24,var(--shadow-lg),0 0 16px #3b82f640}.action-card:hover:after{animation:hoverSweep .65s cubic-bezier(.16,1,.3,1) forwards;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 20%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 80%,transparent 100%)}.action-card.card-featured:hover:after{background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.04) 20%,rgba(96,165,250,.14) 50%,rgba(59,130,246,.04) 80%,transparent 100%)}@keyframes hoverSweep{0%{transform:translate(-150%) skew(-25deg);opacity:0}15%{opacity:1}to{transform:translate(450%) skew(-25deg);opacity:.9}}.action-card:hover .card-icon-box{transform:scale(1.05)}.action-card.card-featured:hover .card-icon-box{box-shadow:0 4px 14px #3b82f673}.action-card[data-action=instagram]:hover .card-icon-box{box-shadow:0 4px 14px #e1306c66}.action-card[data-action=maps]:hover .card-icon-box{box-shadow:0 4px 14px #4285f466}.action-card[data-action=whatsapp]:hover .card-icon-box{box-shadow:0 4px 14px #25d36666}.action-card:hover .card-chevron{transform:translate(3px);color:var(--text-primary)}.action-card:active{transform:translateY(0) scale(.985);transition-duration:.1s}.action-card:focus-visible{outline:none;background:var(--bg-card-hover);border-color:var(--card-border-hover);box-shadow:inset 0 1px #ffffff24,0 0 0 3px #3b82f666,var(--shadow-md)}@media (prefers-reduced-motion: reduce){.action-card:after{animation:none!important;display:none!important}.action-card{transition:none!important}.action-card:hover{transform:none!important}}.card-icon-box{width:44px;height:44px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000059;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card-icon-box svg{width:22px;height:22px;display:block}.action-card.card-featured .card-icon-box{background:var(--brand-gradient)}.action-card[data-action=instagram] .card-icon-box{background:var(--accent-instagram)}.action-card[data-action=maps] .card-icon-box{background:var(--accent-maps)}.action-card[data-action=whatsapp] .card-icon-box{background:var(--accent-whatsapp)}.card-info-col{display:flex;flex-direction:column;flex-grow:1;text-align:left;margin:0 12px;gap:2px}.card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-title{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);line-height:var(--line-height-tight)}.card-subtitle{font-size:12px;color:var(--text-secondary);font-weight:400;line-height:var(--line-height-tight)}.card-chevron{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform var(--transition-normal),color var(--transition-fast)}.card-chevron svg{width:18px;height:18px}.card-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.card-pill.pill-live{background:#22c55e1f;border-color:#22c55e59;color:#4ade80}.card-pill.pill-closed{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24}.status-pulse-dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--status-online);box-shadow:0 0 8px #22c55e;animation:pulseDot 2s infinite}.status-pulse-dot.closed{background-color:var(--status-offline);box-shadow:0 0 8px #f59e0b}@keyframes pulseDot{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 12px #22c55e}to{transform:scale(.95);opacity:.8}}