
.primary-header{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:18px 4%;background:linear-gradient(110deg,#27301e,#172014,#39462b);border-bottom:1px solid #d8b56a;color:#f6f0e5}
.primary-brand{position:relative;display:block;flex:0 0 290px;width:290px;height:105px;border-radius:50%;box-shadow:0 0 32px #e5c26d55,0 0 64px #e5c26d22;animation:logo-light 4s ease-in-out infinite alternate}
.brand-art{display:block;width:290px;height:105px;background-image:url('/assets/homepage-design.png');background-repeat:no-repeat;background-size:1437px 958px;background-position:-87px -5px;border-radius:12px}
@keyframes logo-light{to{box-shadow:0 0 42px #e5c26d88,0 0 80px #e5c26d33}}
.primary-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;flex:1 1 580px}.primary-menu a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 15px;font:600 18px/1.25 Arial,sans-serif;color:#f6f0e5;text-decoration:none;border-bottom:2px solid transparent}.primary-menu a:hover,.primary-menu a:focus-visible{color:#f1d28d;border-color:#f1d28d;background:#ffffff0d}.primary-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.primary-social a{width:44px;height:44px}.primary-social svg{display:block;width:25px;height:25px}.primary-book{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:30px;color:#20271d;background:linear-gradient(110deg,#f1d28d,#c99942);font-weight:700;font-size:17px;text-decoration:none}.primary-header a:focus-visible{outline:2px solid #f1d28d;outline-offset:3px}
.design-hero{position:relative;aspect-ratio:1536/899;overflow:hidden}.design-hero>img{position:absolute;width:100%;height:auto;max-width:none;top:-13.904338%;left:0}.accessible-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.design-hero .banner-service{top:55.617353%;height:26.028921%}.design-hero .design-social-bottom-instagram,.design-hero .design-social-bottom-facebook,.design-hero .design-social-bottom-tiktok{top:85.761958%;height:5.116796%}.design-hero .design-click-hero{top:43.849833%;height:7.517241%}
@media(max-width:760px){.primary-header{padding:18px 14px;justify-content:center;gap:14px}.primary-menu{flex-basis:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}.primary-menu a{font-size:16px;padding:10px 4px;min-height:46px;border:1px solid #d8b56a55;border-radius:10px}.primary-actions{width:100%;gap:12px}.primary-book{font-size:16px}.primary-social a{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.primary-brand{animation:none}}


/* Show only the supplied LUCILLE / SALON & ESTÉTICA lettering. */
.primary-brand{flex:0 0 290px;width:290px;height:105px;max-width:100%;display:flex;align-items:center;justify-content:center;border-radius:12px}
.primary-wordmark{display:block;width:290px;height:85px;flex:none;background-image:url('/assets/logo-completo-superior.jpeg');background-repeat:no-repeat;background-size:418px 418px;background-position:-65px -191.6667px}
@media(max-width:760px){.primary-brand{flex-basis:290px;width:290px;height:105px}}
