@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap";:root{--preto: #0B0B0B;--dourado: #C9A24D;--branco: #FFFFFF;--cinza: #1C1C1C;--dourado-metalico: #D3AF37;--fonte-logo: "Playwrite", Arial, sans-serif;--fonte-titulo: "Playfair Display", serif;--fonte-texto: "Poppins", sans-serif}@font-face{font-family:Playwrite;src:url(/assets/PlaywriteNO-VariableFont_wght-sqq9uVer.ttf) format("truetype");font-weight:100 900;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{min-height:100vh;background-image:url(/assets/image1-DchgSb_Q.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--branco);padding-top:60px}.footer{background:linear-gradient(180deg,#0b0b0b,#050505);color:#fff;padding:50px 10px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footer-container{max-width:700px;margin:0 auto;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer-brand h2{font-size:1.6rem;font-weight:700;color:var(--dourado);margin-bottom:10px}.footer-brand p{font-size:.95rem;color:#ccc;max-width:320px}.footer-info p{font-size:.95rem;font-weight:600;margin-bottom:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:15px;text-align:center}.footer-bottom p{font-size:.85rem;color:#aaa}.footer-final{text-align:center;font-size:.9rem;margin-top:5px;color:#777}@media(max-width:768px){.footer-container{flex-direction:column;text-align:center;align-items:center}.footer-brand p{max-width:100%}}.navbar{width:100%;background-color:var(--cinza);display:flex;justify-content:space-between;align-items:center;padding:10px 20px;position:fixed;top:0;left:0;z-index:2000}.logo a{font-size:1.5rem;color:var(--dourado);font-family:var(--fonte-logo);text-decoration:none;transition:color .3s}.logo a:hover{color:var(--branco)}.menu{list-style:none;display:flex;gap:20px;font-family:var(--fonte-logo)}.menu li a{color:var(--branco);text-decoration:none;font-size:.95rem;transition:color .3s}.menu li a:hover{color:var(--dourado)}.mobile-menu{cursor:pointer;display:none;position:relative;z-index:2001}.mobile-menu div{width:32px;height:2px;background:var(--branco);margin:8px;transition:transform .3s ease,opacity .3s ease}@media(max-width:999px){body{overflow-x:hidden;padding-top:60px}.mobile-menu{display:block}.menu{position:fixed;top:0;right:0;width:60vw;height:100vh;background:var(--cinza);flex-direction:column;align-items:center;justify-content:center;gap:32px;transform:translate(100%);transition:transform .4s ease;z-index:2000}.menu li{opacity:0;transform:translate(50px)}.menu.active{transform:translate(0)}.menu.active li{animation:navLinkFade .5s ease forwards}.menu.active li:nth-child(1){animation-delay:.1s}.menu.active li:nth-child(2){animation-delay:.2s}.menu.active li:nth-child(3){animation-delay:.3s}.menu.active li:nth-child(4){animation-delay:.4s}.menu.active li:nth-child(5){animation-delay:.5s}.menu.active li:nth-child(6){animation-delay:.6s}@keyframes navLinkFade{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}}:root{--dourado: #d3af37;--dourado-metalico: #ffd700;--fonte-titulo: "Playfair Display", serif;--fonte-texto: "Poppins", sans-serif}.bloco{width:100%;display:flex;justify-content:center;padding:clamp(40px,6vw,80px) 20px}.container_1{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:40px}.bloco_1{background:linear-gradient(135deg,#000000bf,#141414e6);padding:clamp(28px,4vw,48px);border-radius:24px;line-height:1.8;font-family:var(--fonte-texto);width:100%;box-shadow:0 25px 60px #000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(201,162,77,.25);transition:transform .3s ease}.bloco_1:hover{transform:translateY(-5px)}.bloco h1{font-size:clamp(26px,4vw,36px);margin-bottom:16px;font-family:var(--fonte-texto);color:var(--dourado);letter-spacing:1px}.bloco h3{font-family:var(--fonte-texto);font-weight:500;margin-bottom:16px;color:#ffffffd9}.bloco p{color:#ffffffd9;font-size:1rem}.bloco .btn-1{display:inline-block;padding:14px 30px;background:linear-gradient(135deg,var(--dourado),var(--dourado-metalico));color:#000;font-weight:700;text-decoration:none;border-radius:50px;margin-top:24px;transition:all .3s ease;box-shadow:0 10px 25px #c9a24d66}.bloco .btn-1:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 40px #c9a24d99}.Maps{width:100%;height:260px;border-radius:24px;border:none;box-shadow:0 20px 50px #0009}@media(min-width:768px){.container_1{flex-direction:row;align-items:stretch;gap:40px}.bloco_1,.Maps{width:50%}.Maps{height:auto;min-height:420px}}@media(max-width:480px){.bloco_1{padding:24px}.bloco h1{font-size:24px}.bloco p{font-size:.95rem}}.container-1{width:100%;display:flex;flex-direction:column;gap:24px;padding:80px 20px;background-color:#000000bf}.titulo-services{font-size:2.4rem;font-family:var(--fonte-logo);color:var(--dourado);text-align:center;font-weight:800}.bloco-services{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:48px;border-radius:18px}.item-service{width:280px;height:240px;border:2px solid var(--dourado);border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:#fff;text-align:center;transition:all .3s ease;cursor:pointer;font-weight:700;background-color:#0000008c;background-blend-mode:overlay;font-family:var(--fonte-texto)}#Corte{background-image:url(https://img.freepik.com/fotos-premium/o-processo-de-corte-de-cabelo-masculino-em-uma-barbearia-estilosa_199683-145.jpg);background-size:cover;background-position:center}#Barba{background-image:url(https://pellecapelli.com.br/wp-content/uploads/2020/03/capa-barba.jpg);background-size:cover;background-position:center}#CorteBarba{background-image:url(https://alfalooksstore.com.br/wp-content/uploads/2020/09/como-fazer-barba.jpg);background-size:cover;background-position:center}#CabeloInfantil{background-image:url(https://s2.glbimg.com/WHTl_jXX9HAdlPfJSgEgOTydLQw=/620x480/e.glbimg.com/og/ed/f/original/2020/04/27/gettyimages-180981325.jpg);background-size:cover;background-position:center}#Sobrancelha{background-image:url(https://img.freepik.com/fotos-gratis/de-cima-maos-barbeando-homem_23-2147778913.jpg);background-size:cover;background-position:center}#DescolorirCabelo{background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSx6az03pstPYNUZC3DvAmb7dPVv0tVcS8Jtg&s);background-size:cover;background-position:center}.item-service h2{font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.6)}.item-service p{font-size:1.2rem;color:var(--dourado);font-weight:800}.item-service:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 30px #c9a24d66;opacity:.85}.loading-screen{position:fixed;inset:0;background:#050505;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeOut 1s ease forwards;animation-delay:2.5s}.loader{text-align:center;color:var(--dourado);font-family:var(--fonte-logo)}.loader h1{font-size:1.8rem;margin-bottom:20px;letter-spacing:2px;animation:pulse 1.2s infinite}.bar{width:200px;height:3px;background:#fff3;overflow:hidden;border-radius:10px}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border:none;border-radius:50%;background:linear-gradient(135deg,#d3af37,gold);color:#fff;font-size:40px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #00000080;transition:all .3s ease;z-index:999}.scroll-top-btn:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 15px 30px #d3af3766}@media(max-width:600px){.scroll-top-btn{bottom:20px;right:20px;width:60px;height:60px}}.container-cadastro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px}.cadastro-card{background:linear-gradient(180deg,#111,#0b0b0b);width:100%;max-width:420px;padding:48px 36px;border-radius:28px;box-shadow:0 25px 60px #0009;text-align:center;animation:fadeUp .5s ease}.titulo-cadastro{font-size:2.2rem;font-weight:900;color:var(--dourado);margin-bottom:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.subtitulo-cadastro{font-size:.95rem;color:#bbb;margin-bottom:32px}.form-cadastro{display:flex;flex-direction:column;gap:16px}.form-cadastro input{padding:14px 18px;border-radius:12px;border:1px solid #2a2a2a;background-color:#111;color:#fff;font-size:.95rem;outline:none;transition:border .3s ease,box-shadow .3s ease}.form-cadastro input::placeholder{color:#888}.form-cadastro input:focus{border-color:var(--dourado);box-shadow:0 0 0 1px #d3af3780}.btn-escolha{padding:14px;border-radius:14px;border:1px solid #2a2a2a;background-color:#111;color:#fff;font-weight:700;cursor:pointer;transition:border .3s ease,background .3s ease}.btn-escolha:hover{border-color:var(--dourado)}.tipo-usuario{display:flex;gap:14px}.tipo-usuario button{flex:1;padding:14px;border-radius:14px;border:2px solid #2a2a2a;background-color:transparent;color:#fff;font-weight:800;cursor:pointer;transition:all .3s ease}.tipo-usuario button:hover{border-color:var(--dourado)}.tipo-usuario button.ativo{background:linear-gradient(135deg,#d3af37,gold);border-color:#d3af37;color:#000}.btn-cadastro{margin-top:20px;padding:14px;border-radius:30px;border:none;font-size:1rem;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#d3af37,gold);color:#fff;transition:transform .3s ease}.btn-cadastro:hover{transform:scale(1.05);box-shadow:0 0 0 1px #d3af3780}.login-link{margin-top:24px;font-size:.85rem;color:#aaa}.login-link a{color:var(--dourado);font-weight:700;text-decoration:none}.login-link a:hover{text-decoration:underline}@media(max-width:480px){.cadastro-card{padding:36px 24px}}.agendamento-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#fff;font-family:Segoe UI,Arial,sans-serif}.agendamento-card{width:100%;max-width:520px;background:#1c1c1cf2;border-radius:20px;padding:40px 35px;box-shadow:0 25px 60px #0009;animation:fadeUp .5s ease}.agendamento-header{text-align:center;margin-bottom:35px}.agendamento-header h1{font-size:32px;font-weight:700;color:#c9a24d}.agendamento-header p{color:#bbb;margin-top:8px;font-size:14px}.agendamento-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;color:#c9a24d;font-weight:700}.form-group input,.form-group select{padding:14px 16px;border-radius:12px;border:1px solid #2a2a2a;background-color:#111;color:#fff;font-size:14px;outline:none;transition:border .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus{border-color:#c9a24d;box-shadow:0 0 0 1px #c9a24d80}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-agendar{margin-top:25px;padding:15px;border-radius:30px;border:none;font-size:16px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#c9a24d,#d3af37);color:#fff;transition:transform .3s ease,box-shadow .3s ease}.btn-agendar:hover{transform:translateY(-2px);box-shadow:0 10px 25px #c9a24d80}@media(max-width:480px){.agendamento-card{padding:30px 22px}.form-row{grid-template-columns:1fr}.agendamento-header h1{font-size:26px}.form-group input,.form-group select{font-size:13px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{min-height:100vh;padding:clamp(20px,5vw,48px);background:radial-gradient(circle at top,#1a1a1a,#0b0b0b 70%);color:#eaeaea;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.header-left{display:flex;flex-direction:column}.dashboard-main-title{font-size:clamp(26px,5vw,38px);font-weight:700}.header-right{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:6px 12px;border-radius:999px}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#d3af37,gold);color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%}.user-name{font-size:13px}.btn-logout{padding:8px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,#d3af37,gold);color:#000;font-weight:700;cursor:pointer;transition:.25s}.btn-logout:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d3af3766}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.card{background:linear-gradient(145deg,#111,#0d0d0d);border:1px solid rgba(211,175,55,.15);padding:24px;border-radius:18px;transition:.3s}.card:hover{transform:translateY(-6px);box-shadow:0 15px 40px #0009}.card span{font-size:13px;opacity:.7}.card h5{font-size:24px;color:#d3af37}.dashboard-section{margin-bottom:40px}.dashboard-section h2{margin-bottom:16px}.table-wrapper{overflow-x:auto}.dashboard-table{width:100%;min-width:600px;border-collapse:collapse;background:#111;border-radius:14px;overflow:hidden}.dashboard-table th{background:#0d0d0d;color:#d3af37}.dashboard-table th,.dashboard-table td{padding:14px}.dashboard-table tr{border-bottom:1px solid rgba(255,255,255,.05)}.dashboard-table tbody tr:hover{background:#ffffff08}.status.confirmado{color:#2ecc71}.status.pendente{color:#f1c40f}.ver-mais-container{display:flex;justify-content:center;margin-top:20px}.ver-mais-btn{background:transparent;border:none;color:#d3af37;font-weight:600;cursor:pointer;position:relative;padding-bottom:4px;font-size:14px}.ver-mais-btn:after{content:"";position:absolute;left:50%;bottom:0;width:0%;height:2px;background:#d3af37;transition:.3s;transform:translate(-50%)}.ver-mais-btn:hover:after{width:100%}@media(max-width:600px){.dashboard-header{flex-direction:column;align-items:flex-start}.header-right{width:100%;justify-content:space-between}.dashboard-table{min-width:100%}.dashboard-table thead{display:none}.dashboard-table tr{display:block;margin-bottom:14px;padding:12px;background:#111;border-radius:12px}.dashboard-table td{display:flex;justify-content:space-between;padding:8px 0}.dashboard-table td:before{content:attr(data-label);font-weight:600;color:#d3af37}}
