/* /chriscia_hair/static/src/css/style.css */
 :root{--clr-dark: #1c1512; --clr-dark-2: #241a16; --clr-gold: #c9a15a; --clr-gold-light: #e8cf9a; --clr-rose: #b76e79; --clr-bg: #faf6f0; --clr-surface: #ffffff; --clr-text: #3a322c; --clr-text-light: #7a6f66; --clr-border: #ece3d8; --font-heading: 'Playfair Display', serif; --font-body: 'Poppins', sans-serif; --radius: 14px; --shadow: 0 15px 40px -15px rgba(28, 21, 18, 0.18); --transition: all .35s cubic-bezier(.4,0,.2,1);}[data-theme="dark"]{--clr-bg: #14100e; --clr-surface: #1e1815; --clr-text: #ece6df; --clr-text-light: #b6aa9d; --clr-border: #322722; --shadow: 0 15px 40px -15px rgba(0, 0, 0, 0.55);}*{box-sizing: border-box;}html{scroll-behavior: smooth;}body{font-family: var(--font-body); color: var(--clr-text); background: var(--clr-bg); overflow-x: hidden; transition: background .4s ease, color .4s ease;}h1, h2, h3, h4, .navbar-brand, .footer-brand, .preloader-logo{font-family: var(--font-heading);}em{font-style: normal; color: var(--clr-gold);}a{text-decoration: none; color: inherit;}img{max-width: 100%; display: block;}::selection{background: var(--clr-gold); color: #fff;}.section{padding: 110px 0; position: relative;}@media (max-width: 767px){.section{padding: 70px 0;}}.section-eyebrow{display: inline-block; font-size: .8rem; letter-spacing: 3px; text-transform: uppercase; color: var(--clr-gold); font-weight: 600; margin-bottom: 12px; position: relative; padding-left: 34px;}.section-eyebrow::before{content: ""; position: absolute; left: 0; top: 50%; width: 24px; height: 2px; background: var(--clr-gold); transform: translateY(-50%);}.section-eyebrow.light{color: var(--clr-gold-light);}.section-title{font-size: 2.6rem; font-weight: 700; margin-bottom: 18px; color: var(--clr-text); line-height: 1.2;}.section-title.light{color: #fff;}@media (max-width: 767px){.section-title{font-size: 1.9rem;}}.section-subtitle{color: var(--clr-text-light); max-width: 620px; font-size: 1.02rem;}.btn-gold{background: linear-gradient(135deg, var(--clr-gold), #a9803f); border: none; color: #fff; font-weight: 600; padding: 13px 30px; border-radius: 50px; transition: var(--transition); box-shadow: 0 10px 25px -8px rgba(201,161,90,.6);}.btn-gold:hover{transform: translateY(-3px); box-shadow: 0 16px 30px -8px rgba(201,161,90,.75); color: #fff;}.btn-outline-light{border-radius: 50px; font-weight: 600; padding: 13px 30px; border-width: 2px; transition: var(--transition);}.btn-outline-light:hover{transform: translateY(-3px);}.btn-dark-outline{display: inline-flex; align-items: center; gap: 8px; border: 2px solid var(--clr-text); color: var(--clr-text); font-weight: 600; padding: 12px 26px; border-radius: 50px; transition: var(--transition);}.btn-dark-outline:hover{background: var(--clr-text); color: var(--clr-bg); transform: translateY(-3px);}#preloader{position: fixed; inset: 0; z-index: 9999; background: var(--clr-dark); display: flex; align-items: center; justify-content: center; transition: opacity .6s ease, visibility .6s ease;}#preloader.loaded{opacity: 0; visibility: hidden;}.preloader-inner{text-align: center;}.preloader-logo{color: #fff; font-size: 1.8rem; letter-spacing: 1px; font-weight: 600;}.preloader-logo em{color: var(--clr-gold);}.preloader-bar{width: 160px; height: 3px; background: rgba(255,255,255,.15); margin: 18px auto 0; border-radius: 3px; overflow: hidden;}.preloader-bar span{display: block; height: 100%; width: 40%; background: var(--clr-gold); animation: loaderMove 1.1s ease-in-out infinite;}@keyframes loaderMove{0%{transform: translateX(-100%);}100%{transform: translateX(350%);}}.topbar{background: var(--clr-dark); color: #cfc4b8; font-size: .84rem; padding: 8px 0;}.topbar-info span{margin-right: 22px;}.topbar-info i{color: var(--clr-gold); margin-right: 6px;}.topbar-social a{color: #cfc4b8; margin-left: 14px; transition: var(--transition);}.topbar-social a:hover{color: var(--clr-gold);}#mainNav{position: fixed; top: 32px; left: 0; right: 0; z-index: 1000; padding: 18px 0; background: transparent; transition: var(--transition);}#mainNav.scrolled{top: 0; background: var(--clr-surface); box-shadow: 0 6px 25px -10px rgba(0,0,0,.15); padding: 10px 0;}.navbar-brand{font-size: 1.55rem; font-weight: 700; color: #fff;}#mainNav.scrolled .navbar-brand{color: var(--clr-text);}.navbar-brand em{color: var(--clr-gold);}.navbar-nav .nav-link{color: rgba(255,255,255,.9); font-weight: 500; margin: 0 14px; position: relative; padding: 6px 0 !important; transition: var(--transition);}#mainNav.scrolled .navbar-nav .nav-link{color: var(--clr-text);}.navbar-nav .nav-link::after{content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: var(--clr-gold); transition: width .3s ease;}.navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after{width: 100%;}.navbar-nav .nav-link:hover{color: var(--clr-gold);}.navbar-toggler{border: none; color: #fff; font-size: 1.6rem; box-shadow: none !important;}#mainNav.scrolled .navbar-toggler{color: var(--clr-text);}.theme-toggle{width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.35); background: transparent; color: #fff; display: flex; align-items: center; justify-content: center; transition: var(--transition); font-size: 1rem;}#mainNav.scrolled .theme-toggle{color: var(--clr-text); border-color: var(--clr-border);}.theme-toggle:hover{background: var(--clr-gold); border-color: var(--clr-gold); color: #fff;}@media (max-width: 991px){.navbar-collapse{background: var(--clr-surface); margin-top: 14px; padding: 20px; border-radius: var(--radius); box-shadow: var(--shadow);}.navbar-nav .nav-link, #mainNav .navbar-brand{color: var(--clr-text) !important;}.nav-actions{margin-top: 16px;}}.hero{position: relative; height: 100vh; min-height: 640px;}.hero .carousel, .hero .carousel-inner, .hero .carousel-item{height: 100%;}.hero .carousel-item{background-size: cover; background-position: center; height: 100vh; min-height: 640px; display: flex !important; align-items: center;}.hero-overlay{position: absolute; inset: 0; background: linear-gradient(120deg, rgba(20,15,12,.82) 10%, rgba(20,15,12,.45) 60%, rgba(20,15,12,.65));}.hero-content{position: relative; z-index: 2; color: #fff; max-width: 680px;}.hero-eyebrow{display: inline-block; letter-spacing: 3px; text-transform: uppercase; font-size: .85rem; color: var(--clr-gold-light); font-weight: 600; margin-bottom: 18px; border: 1px solid rgba(255,255,255,.3); padding: 6px 18px; border-radius: 50px;}.hero-content h1{font-size: 3.6rem; font-weight: 800; line-height: 1.15; margin-bottom: 20px;}.hero-content p{font-size: 1.15rem; color: #e6ddd2; margin-bottom: 32px;}.hero-btns{display: flex; gap: 16px; flex-wrap: wrap;}@media (max-width: 767px){.hero-content h1{font-size: 2.3rem;}.hero-content p{font-size: 1rem;}}.hero .carousel-control-prev, .hero .carousel-control-next{width: 70px; z-index: 3;}.hero-arrow{width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.4); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.1rem; transition: var(--transition);}.hero-arrow:hover{background: var(--clr-gold); border-color: var(--clr-gold);}.hero .carousel-indicators [data-bs-target]{width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.5); border: none; margin: 0 5px;}.hero .carousel-indicators .active{background: var(--clr-gold);}.scroll-down{position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); z-index: 3; color: #fff; font-size: 1.6rem; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,.45); display: flex; align-items: center; justify-content: center; animation: bounceDown 2s infinite;}.scroll-down:hover{background: var(--clr-gold); border-color: var(--clr-gold); color: #fff;}@keyframes bounceDown{0%, 100%{transform: translate(-50%, 0);}50%{transform: translate(-50%, 10px);}}.apropos-media{position: relative; padding: 20px 30px 30px 0;}.apropos-media .img-main{border-radius: var(--radius); box-shadow: var(--shadow); width: 100%; aspect-ratio: 6/7; object-fit: cover;}.apropos-media .img-float{position: absolute; bottom: 0; right: 0; width: 45%; border: 6px solid var(--clr-surface); border-radius: var(--radius); box-shadow: var(--shadow); aspect-ratio: 1/1; object-fit: cover;}.experience-badge{position: absolute; top: 0; left: 0; background: var(--clr-gold); color: #fff; width: 110px; height: 110px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-shadow: var(--shadow); line-height: 1.1;}.experience-badge .num{font-size: 1.7rem; font-weight: 800; font-family: var(--font-heading);}.experience-badge .txt{font-size: .72rem; margin-top: 2px;}.lead-text{font-size: 1.1rem; font-weight: 500; color: var(--clr-text);}.apropos-stats{border-top: 1px solid var(--clr-border); padding-top: 24px;}.stat-item{display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px;}.stat-num, .stat-plus{font-family: var(--font-heading); font-size: 2rem; font-weight: 700; color: var(--clr-gold);}.stat-label{flex-basis: 100%; color: var(--clr-text-light); font-size: .85rem;}.check-list{list-style: none; padding: 0; margin: 0;}.check-list li{margin-bottom: 10px; color: var(--clr-text);}.check-list i{color: var(--clr-gold); margin-right: 10px;}.services-section{background: var(--clr-surface);}.service-card{background: var(--clr-bg); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 40px 32px; height: 100%; transition: var(--transition); position: relative; overflow: hidden;}.service-card:hover{transform: translateY(-8px); box-shadow: var(--shadow); border-color: transparent;}.service-icon{width: 66px; height: 66px; border-radius: 18px; background: linear-gradient(135deg, var(--clr-gold), var(--clr-rose)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; margin-bottom: 22px; transition: var(--transition);}.service-card:hover .service-icon{transform: rotate(-8deg) scale(1.05);}.service-card h3{font-size: 1.25rem; margin-bottom: 12px;}.service-card p{color: var(--clr-text-light); font-size: .93rem; margin-bottom: 20px;}.service-footer{display: flex; align-items: center; justify-content: space-between; border-top: 1px dashed var(--clr-border); padding-top: 16px;}.service-footer .price{font-family: var(--font-heading); font-weight: 700; color: var(--clr-gold); font-size: 1.2rem;}.link-book{font-weight: 600; font-size: .9rem; color: var(--clr-text); transition: var(--transition);}.link-book:hover{color: var(--clr-gold);}.services-tabs{gap: 12px; flex-wrap: wrap;}.services-tabs .nav-link{border: 1px solid var(--clr-border); background: var(--clr-bg); color: var(--clr-text); font-weight: 600; padding: 12px 26px; border-radius: 50px; transition: var(--transition); display: flex; align-items: center; gap: 8px;}.services-tabs .nav-link i{font-size: 1rem;}.services-tabs .nav-link:hover{border-color: var(--clr-gold); color: var(--clr-gold);}.services-tabs .nav-link.active{background: linear-gradient(135deg, var(--clr-gold), var(--clr-rose)); border-color: transparent; color: #fff;}.gallery-filters{display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;}.filter-btn{border: 1px solid var(--clr-border); background: transparent; color: var(--clr-text); padding: 9px 24px; border-radius: 50px; font-weight: 500; font-size: .9rem; transition: var(--transition);}.filter-btn:hover{border-color: var(--clr-gold); color: var(--clr-gold);}.filter-btn.active{background: var(--clr-gold); border-color: var(--clr-gold); color: #fff;}.gallery-item{transition: var(--transition);}.gallery-item.hidden{display: none;}.gallery-card{position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer;}.gallery-card img{width: 100%; aspect-ratio: 1/1; object-fit: cover; transition: transform .5s ease;}.gallery-card:hover img{transform: scale(1.1);}.gallery-overlay{position: absolute; inset: 0; background: linear-gradient(0deg, rgba(20,15,12,.85), transparent 60%); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; color: #fff; padding-bottom: 22px; opacity: 0; transition: var(--transition);}.gallery-card:hover .gallery-overlay{opacity: 1;}.gallery-overlay i{font-size: 1.5rem; margin-bottom: 8px; color: var(--clr-gold-light);}.gallery-overlay span{font-weight: 600; letter-spacing: .5px;}.pagination .page-link{border: none; margin: 0 4px; border-radius: 50%; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; color: var(--clr-text); background: var(--clr-surface); box-shadow: var(--shadow); font-weight: 600;}.pagination .page-item.active .page-link{background: var(--clr-gold); color: #fff;}.pagination .page-link:hover{color: var(--clr-gold);}.lightbox{position: fixed; inset: 0; background: rgba(10,8,6,.94); z-index: 2000; display: none; align-items: center; justify-content: center; animation: fadeIn .3s ease;}.lightbox.open{display: flex;}.lightbox img{max-width: 85%; max-height: 82vh; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.5);}.lightbox-close, .lightbox-prev, .lightbox-next{position: absolute; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.3); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: var(--transition); cursor: pointer;}.lightbox-close{top: 26px; right: 26px; width: 46px; height: 46px; font-size: 1.1rem;}.lightbox-prev, .lightbox-next{top: 50%; transform: translateY(-50%); width: 54px; height: 54px; font-size: 1.3rem;}.lightbox-prev{left: 26px;}.lightbox-next{right: 26px;}.lightbox-close:hover, .lightbox-prev:hover, .lightbox-next:hover{background: var(--clr-gold); border-color: var(--clr-gold);}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}.equipe-section{background: var(--clr-surface);}.team-card{border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); background: var(--clr-bg); transition: var(--transition);}.team-card:hover{transform: translateY(-8px);}.team-photo{overflow: hidden; aspect-ratio: 4/5;}.team-photo img{width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease;}.team-card:hover .team-photo img{transform: scale(1.08);}.team-info{padding: 20px; text-align: center;}.team-info h4{margin-bottom: 4px; font-size: 1.1rem;}.team-info > span{color: var(--clr-gold); font-size: .85rem; font-weight: 600;}.team-social{margin-top: 14px; display: flex; justify-content: center; gap: 10px;}.team-social a{width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--clr-border); display: flex; align-items: center; justify-content: center; color: var(--clr-text); transition: var(--transition); font-size: .85rem;}.team-social a:hover{background: var(--clr-gold); border-color: var(--clr-gold); color: #fff;}.avis-section{background: url('/chriscia_hair/static/src/img/salon-interior-chairs.jpeg') center/cover fixed; position: relative;}.avis-section .dark-overlay{background: rgba(15,11,9,.88);}.testimonial-card{max-width: 680px; text-align: center; color: #fff;}.testimonial-card .stars{color: var(--clr-gold); margin-bottom: 18px; letter-spacing: 3px;}.testimonial-card p{font-size: 1.25rem; font-family: var(--font-heading); font-weight: 500; line-height: 1.6; margin-bottom: 28px;}.testimonial-author{display: flex; align-items: center; justify-content: center; gap: 14px;}.testimonial-author img{width: 54px; height: 54px; border-radius: 50%; object-fit: cover; border: 2px solid var(--clr-gold);}.testimonial-author div{text-align: left;}.testimonial-author strong{display: block;}.testimonial-author span{font-size: .8rem; color: #cfc4b8;}.testimonial-controls{display: flex; justify-content: center; gap: 16px; margin-top: 34px;}.testimonial-controls button{position: static; width: 46px; height: 46px; border-radius: 50%; opacity: 1; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.35); color: #fff; display: flex; align-items: center; justify-content: center; transition: var(--transition);}.testimonial-controls button:hover{background: var(--clr-gold); border-color: var(--clr-gold);}.rdv-section{background: var(--clr-surface);}.rdv-info-list{margin-top: 30px;}.rdv-info-item{display: flex; gap: 16px; margin-bottom: 22px; align-items: flex-start;}.rdv-info-item i{width: 48px; height: 48px; border-radius: 50%; flex-shrink: 0; background: linear-gradient(135deg, var(--clr-gold), var(--clr-rose)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.1rem;}.rdv-info-item strong{display: block; margin-bottom: 2px;}.rdv-info-item span{color: var(--clr-text-light); font-size: .92rem;}.booking-form{background: var(--clr-bg); border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 36px; box-shadow: var(--shadow);}.booking-form .form-control, .booking-form .form-select{background: var(--clr-surface); border: 1px solid var(--clr-border); color: var(--clr-text); border-radius: 10px; padding: 11px 14px; font-size: .94rem;}.booking-form .form-control:focus, .booking-form .form-select:focus{border-color: var(--clr-gold); box-shadow: 0 0 0 3px rgba(201,161,90,.2);}.booking-form .form-label{font-weight: 600; font-size: .88rem; margin-bottom: 6px;}.btn-spinner .spin{display: inline-block; animation: spin 1s linear infinite;}@keyframes spin{to{transform: rotate(360deg);}}.faq-accordion .accordion-item{background: var(--clr-surface); border: 1px solid var(--clr-border); border-radius: var(--radius) !important; margin-bottom: 14px; overflow: hidden;}.faq-accordion .accordion-button{background: var(--clr-surface); color: var(--clr-text); font-weight: 600; padding: 20px 24px; box-shadow: none !important;}.faq-accordion .accordion-button:not(.collapsed){color: var(--clr-gold);}.faq-accordion .accordion-button::after{filter: none;}.faq-accordion .accordion-body{color: var(--clr-text-light); padding: 0 24px 22px;}.map-wrap{border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); height: 100%; min-height: 380px;}.map-wrap iframe{width: 100%; height: 100%; min-height: 380px; border: 0; filter: grayscale(.15);}.contact-form .form-control{background: var(--clr-surface); border: 1px solid var(--clr-border); color: var(--clr-text); border-radius: 10px; padding: 12px 14px;}.contact-form .form-control:focus{border-color: var(--clr-gold); box-shadow: 0 0 0 3px rgba(201,161,90,.2);}.newsletter-strip{background: linear-gradient(120deg, var(--clr-dark), #3a2a20); color: #fff; padding: 50px 0;}.newsletter-strip h3{font-size: 1.5rem; margin-bottom: 4px;}.newsletter-strip p{color: #cfc4b8; margin: 0;}.newsletter-form{display: flex; max-width: 380px; width: 100%;}.newsletter-form input{flex: 1; border: none; border-radius: 50px 0 0 50px; padding: 0 20px; outline: none; font-family: var(--font-body);}.newsletter-form button{border: none; background: var(--clr-gold); color: #fff; padding: 0 22px; border-radius: 0 50px 50px 0; transition: var(--transition);}.newsletter-form button:hover{background: var(--clr-rose);}.footer{background: var(--clr-dark); color: #cfc4b8; padding: 80px 0 0;}.footer-brand{color: #fff; font-size: 1.6rem; font-weight: 700; display: inline-block; margin-bottom: 16px;}.footer-brand em{color: var(--clr-gold);}.footer h5{color: #fff; font-size: 1.05rem; margin-bottom: 20px;}.footer-links{list-style: none; padding: 0; margin: 0;}.footer-links li{margin-bottom: 10px;}.footer-links a{color: #cfc4b8; transition: var(--transition);}.footer-links a:hover{color: var(--clr-gold); padding-left: 4px;}.footer-contact{list-style: none; padding: 0; margin: 0;}.footer-contact li{margin-bottom: 14px; display: flex; gap: 10px; color: #cfc4b8; font-size: .92rem;}.footer-contact i{color: var(--clr-gold); margin-top: 3px;}.footer-social{display: flex; gap: 10px; margin-top: 8px;}.footer-social a{width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; color: #fff; transition: var(--transition);}.footer-social a:hover{background: var(--clr-gold); border-color: var(--clr-gold); transform: translateY(-3px);}.footer-bottom{margin-top: 50px; border-top: 1px solid rgba(255,255,255,.1); padding: 22px 0; text-align: center; font-size: .85rem;}.whatsapp-float{position: fixed; left: 26px; bottom: 26px; z-index: 900; width: 56px; height: 56px; border-radius: 50%; background: #25D366; color: #fff; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px -6px rgba(37,211,102,.6); animation: pulseWA 2.4s infinite; transition: var(--transition);}.whatsapp-float:hover{transform: scale(1.08); color: #fff;}@keyframes pulseWA{0%{box-shadow: 0 0 0 0 rgba(37,211,102,.55);}70%{box-shadow: 0 0 0 16px rgba(37,211,102,0);}100%{box-shadow: 0 0 0 0 rgba(37,211,102,0);}}.back-to-top{position: fixed; right: 26px; bottom: 26px; z-index: 900; width: 50px; height: 50px; border-radius: 50%; border: none; background: var(--clr-gold); color: #fff; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px -6px rgba(201,161,90,.6); opacity: 0; visibility: hidden; transform: translateY(15px); transition: var(--transition);}.back-to-top.show{opacity: 1; visibility: visible; transform: translateY(0);}.back-to-top:hover{background: var(--clr-rose);}.toast{background: var(--clr-surface); color: var(--clr-text); border: 1px solid var(--clr-border);}[data-aos]{}.animate-pop{animation: popIn .5s ease;}@keyframes popIn{from{opacity: 0; transform: scale(.9);}to{opacity: 1; transform: scale(1);}}.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .form-select:invalid, .form-select.is-invalid{border-color: #dc3545;}.was-validated .form-control:valid, .form-control.is-valid{border-color: #4caf50;}