:root{
  --bg:#f8f2ed; --bg-2:#f1e8e1; --paper:#fffaf7; --paper-soft:rgba(255,255,255,.58);
  --ink:#2d2625; --soft:#645b59; --muted:#837873; --line:rgba(45,38,37,.10);
  --line-strong:rgba(45,38,37,.16); --rose:#cda8ab; --rose-2:#a9898d; --rose-3:#8d7277;
  --rose-soft:#ead9d7; --gold:#c8a46a; --shadow:0 24px 80px rgba(79,61,58,.10);
  --radius-xl:34px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 8%, rgba(234,217,215,.58), transparent 26rem),radial-gradient(circle at 90% 0%, rgba(205,168,171,.20), transparent 28rem),linear-gradient(180deg,var(--bg),var(--bg-2));overflow-x:hidden}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,textarea{font:inherit} h1,h2,h3,p{margin:0} ::selection{background:rgba(205,168,171,.28)}
.texture{pointer-events:none;position:fixed;inset:0;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto;position:relative;z-index:1}
.topbar{position:relative;z-index:20;padding:10px 0;background:#2f2524;color:#fff8f5;overflow:hidden;white-space:nowrap;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.topbar-track{display:flex;width:max-content;gap:34px;animation:move 32s linear infinite}.topbar span{opacity:.92}@keyframes move{to{transform:translateX(-50%)}}
.nav{position:sticky;top:0;z-index:30;background:rgba(248,242,237,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.nav-inner{width:min(var(--max),calc(100% - 40px));height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:var(--rose-soft);border:2px solid rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(79,61,58,.13)}
.brand-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.brand-title{display:block;font-size:12px;line-height:1;font-weight:900;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:700}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:800;color:rgba(45,38,37,.68)}.nav-links a{transition:.2s ease}.nav-links a:hover,.nav-links a.active{color:var(--ink)}
.menu-btn{display:none;width:44px;height:44px;border-radius:999px;border:1px solid var(--line-strong);background:rgba(255,255,255,.52);color:var(--ink);font-weight:900;cursor:pointer}.mobile-menu{display:none;border-top:1px solid var(--line);background:rgba(255,250,247,.96)}.mobile-menu-inner{width:min(var(--max),calc(100% - 40px));margin:auto;padding:14px 0 18px;display:grid;gap:8px}.mobile-menu a{padding:14px 16px;border-radius:18px;background:rgba(248,242,237,.78);border:1px solid var(--line);font-weight:850}.mobile-menu.open{display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:900;letter-spacing:-.01em;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.btn:hover{transform:translateY(-2px)}.btn-dark{background:#2f2524;color:#fff8f5;box-shadow:0 18px 40px rgba(45,38,37,.16)}.btn-ghost{background:rgba(255,255,255,.54);border-color:var(--line-strong);color:var(--ink)}.btn-rose{background:linear-gradient(135deg,var(--rose),var(--rose-soft));color:#2d2625;box-shadow:0 18px 40px rgba(183,143,147,.20)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border-radius:999px;border:1px solid var(--line-strong);background:rgba(255,255,255,.44);color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px rgba(200,164,106,.13);flex:0 0 auto}
.hero{padding:58px 0 64px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:46px;align-items:center}
.hero h1,.page-hero h1{margin-top:25px;max-width:800px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(58px,8.4vw,112px);line-height:.84;letter-spacing:-.058em}.hero-copy,.page-copy{margin-top:28px;max-width:650px;color:var(--soft);font-size:clamp(17px,2.2vw,20px);line-height:1.75}.hero-copy strong,.page-copy strong{color:var(--ink)}
.hero-actions,.cta-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.trust-row{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.48);border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:800}.chip i{width:7px;height:7px;border-radius:50%;background:var(--gold);flex:0 0 auto}
.portrait-area{position:relative;min-height:660px}.portrait-frame{position:absolute;inset:0 0 0 38px;border-radius:44px;overflow:hidden;background:#d8c9c4;box-shadow:var(--shadow);isolation:isolate}.portrait-frame:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(45,38,37,.07),rgba(45,38,37,.01) 45%,rgba(45,38,37,.18)),linear-gradient(180deg,transparent 60%,rgba(45,38,37,.36));pointer-events:none}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:saturate(.96) contrast(1.02) brightness(.99)}
.image-cut{position:absolute;left:0;top:34px;z-index:4;width:150px;padding:15px 14px;border-radius:22px;background:rgba(255,250,247,.92);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 50px rgba(79,61,58,.10)}.image-cut .big{font-family:"Instrument Serif",serif;font-size:40px;line-height:.82;letter-spacing:-.06em;color:var(--ink)}.image-cut p{margin-top:8px;color:var(--muted);font-size:10.5px;line-height:1.38;font-weight:780}
.image-caption{position:absolute;left:64px;right:24px;bottom:24px;z-index:5;padding:22px 24px;border-radius:28px;background:rgba(255,250,247,.92);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.75);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.image-caption h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:34px;line-height:1;letter-spacing:-.04em}.image-caption p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.45;font-weight:650}.sun-mark{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff8f5 0 42%,rgba(234,217,215,.82));border:1px solid rgba(45,38,37,.11);font-size:22px;color:var(--rose-3)}
.section{padding:76px 0}.section-head{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:30px;align-items:end;margin-bottom:34px}.section-kicker{margin-bottom:14px;color:var(--rose-2);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.section h2,.section-head h2{font-family:"Instrument Serif",serif;font-size:clamp(42px,5vw,72px);line-height:.92;letter-spacing:-.052em;font-weight:400}.section-head p{color:var(--muted);line-height:1.75;font-size:15px}
.preview-grid,.offers,.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.preview-card,.offer,.soft-card{position:relative;overflow:hidden;padding:28px;border-radius:30px;background:var(--paper-soft);border:1px solid var(--line);box-shadow:0 22px 70px rgba(79,61,58,.06)}.preview-card{min-height:260px}.offer{min-height:390px;display:flex;flex-direction:column;justify-content:space-between}.preview-card:before,.offer:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--rose-2),var(--gold));opacity:.82}.card-label,.offer-number{display:block;color:var(--rose-2);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.preview-card h3,.offer h3,.soft-card h3{margin-top:22px;font-size:29px;line-height:1;letter-spacing:-.045em}.preview-card p,.offer p,.soft-card p{margin-top:15px;color:var(--muted);line-height:1.68}.preview-card .text-link{display:inline-flex;margin-top:24px;color:var(--rose-3);font-weight:900}.offer ul,.clean-list{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:11px}.offer li,.clean-list li{display:flex;gap:9px;color:var(--soft);font-size:14px;font-weight:760;line-height:1.35}.offer li:before,.clean-list li:before{content:"✦";color:var(--gold);font-size:11px;margin-top:2px;flex:0 0 auto}
.statement{min-height:420px;padding:38px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#9c8186,#d8c1c1);color:#fffaf8;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.statement:after{content:"";position:absolute;width:480px;height:480px;right:-160px;bottom:-180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.24),transparent 68%)}.statement h2{position:relative;z-index:1;color:#fffaf8;max-width:800px}.statement p{position:relative;z-index:1;color:rgba(255,250,248,.88);font-size:17px;line-height:1.75;max-width:680px}
.page-hero{padding:58px 0 34px}.page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch}.page-hero-card{padding:38px;border-radius:var(--radius-xl);background:rgba(255,255,255,.56);border:1px solid var(--line);box-shadow:var(--shadow)}.page-image{min-height:430px;border-radius:var(--radius-xl);overflow:hidden;background:#d8c9c4;box-shadow:var(--shadow)}.page-image img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;align-items:stretch}.bio-photo{border-radius:var(--radius-xl);overflow:hidden;min-height:560px;box-shadow:var(--shadow)}.bio-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}.bio-card,.links-card{padding:34px;border-radius:var(--radius-xl);background:rgba(255,255,255,.58);border:1px solid var(--line);box-shadow:0 22px 70px rgba(79,61,58,.06)}.bio-card h2,.links-card h2{font-family:"Instrument Serif",serif;font-size:58px;line-height:.95;letter-spacing:-.052em;font-weight:400}.bio-card p,.links-card p{margin-top:18px;color:var(--muted);line-height:1.75}.credentials{margin-top:24px;display:grid;gap:10px}.credential{padding:14px 16px;border-radius:18px;background:rgba(248,242,237,.82);border:1px solid var(--line);font-weight:800;color:var(--soft)}.signature{margin-top:28px;font-family:"Instrument Serif",serif;font-size:34px;font-style:italic;color:var(--rose-3)}
.process{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;align-items:start}.process-intro{position:sticky;top:110px;padding:34px;border-radius:var(--radius-xl);background:rgba(255,255,255,.52);border:1px solid var(--line)}.process-intro p{margin-top:20px;color:var(--muted);line-height:1.75}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:25px;border-radius:28px;background:rgba(255,255,255,.60);border:1px solid var(--line)}.step strong{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:rgba(205,168,171,.16);color:var(--rose-2);font-size:14px;font-weight:900}.step h3{font-size:25px;letter-spacing:-.045em;line-height:1}.step p{margin-top:10px;color:var(--muted);line-height:1.65}
.link-stack{margin-top:26px;display:grid;gap:12px}.quick-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.68);border:1px solid var(--line);transition:.2s ease}.quick-link:hover{transform:translateX(5px);background:var(--paper)}.quick-link b{font-size:15px}.quick-link small{display:block;margin-top:5px;color:var(--muted);font-weight:650}.contact-shell{max-width:760px;margin:0 auto}.contact-card{padding:34px;border-radius:var(--radius-xl);background:rgba(255,255,255,.60);border:1px solid var(--line);box-shadow:var(--shadow)}
.faq{max-width:930px;margin-inline:auto;display:grid;gap:10px}details{border-radius:24px;background:rgba(255,255,255,.58);border:1px solid var(--line);padding:0 22px}summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:900;color:var(--ink)}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:25px;color:var(--rose-2);font-weight:500}details[open] summary:after{content:"−"}details p{padding:0 0 23px;color:var(--muted);line-height:1.72}
.cta{padding:0 0 76px}.cta-box{position:relative;overflow:hidden;min-height:420px;border-radius:44px;padding:54px;background:linear-gradient(135deg,#967a7f,#dbc3c3),radial-gradient(circle at 78% 20%,rgba(255,255,255,.18),transparent 30rem);color:#fffaf8;display:grid;align-items:end}.cta-box:before{content:"DESPIERTA";position:absolute;right:-16px;top:20px;color:rgba(255,250,248,.12);font-size:128px;font-weight:900;letter-spacing:-.1em;line-height:.8}.cta-box h2{position:relative;z-index:1;max-width:820px;font-family:"Instrument Serif",serif;font-size:clamp(48px,7vw,96px);font-weight:400;line-height:.86;letter-spacing:-.058em}.cta-box p{position:relative;z-index:1;margin-top:22px;max-width:600px;color:rgba(255,250,248,.90);line-height:1.75}.cta-actions{position:relative;z-index:1}
footer{padding:40px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer-inner{display:grid;gap:10px;text-align:center;justify-items:center}.footer-inner strong{color:var(--ink)}.footer-brand{font-size:18px;font-weight:900}.footer-credit{line-height:1.7}.footer-credit a{color:var(--rose-3);font-weight:900;text-decoration:underline;text-underline-offset:4px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.hero-grid,.page-hero-grid,.split,.process,.section-head{grid-template-columns:1fr}.portrait-area{min-height:610px}.portrait-frame{left:0}.image-cut{left:18px}.process-intro{position:relative;top:auto}.offers,.preview-grid,.cards-3{grid-template-columns:1fr}.nav-links,.nav-inner>.btn{display:none}.menu-btn{display:inline-grid;place-items:center}}
@media(max-width:640px){.wrap,.nav-inner,.mobile-menu-inner{width:min(var(--max),calc(100% - 24px))}.topbar{font-size:10px;padding:9px 0}.nav-inner{height:72px}.brand-avatar{width:42px;height:42px}.brand-title{font-size:11px;letter-spacing:.16em}.brand-sub{display:none}.hero{padding:28px 0 38px}.hero-grid{gap:26px}.eyebrow{width:100%;justify-content:center;text-align:center;white-space:normal;line-height:1.45}.hero h1,.page-hero h1{font-size:56px;max-width:100%}.hero-copy,.page-copy{font-size:16px;line-height:1.72;margin-top:22px}.hero-actions{margin-top:24px}.hero-actions .btn,.cta-actions .btn{width:100%}.trust-row{justify-content:center;gap:10px;margin-top:22px}.chip{font-size:13px;padding:10px 16px}.portrait-area{min-height:505px;margin-top:0}.portrait-frame{inset:0;border-radius:30px}.portrait-frame img{object-position:54% 41%}.image-cut{top:14px;left:14px;width:112px;padding:11px 10px;border-radius:17px}.image-cut .big{font-size:30px}.image-cut p{margin-top:6px;font-size:9px;line-height:1.28}.image-caption{left:14px;right:14px;bottom:14px;padding:17px 18px;border-radius:22px;grid-template-columns:1fr}.image-caption h2{font-size:28px}.image-caption p{font-size:12.5px}.sun-mark{display:none}.section{padding:42px 0}.page-hero{padding:34px 0 18px}.page-hero-card,.statement,.bio-card,.links-card,.process-intro,.cta-box,.contact-card{padding:24px;border-radius:30px}.statement{min-height:360px}.section-head{gap:18px;margin-bottom:24px}.preview-grid,.offers,.cards-3,.steps,.split,.process{gap:12px}.preview-card,.offer,.soft-card,.step{padding:22px;border-radius:24px}.offer{min-height:0}.step{grid-template-columns:1fr}.bio-photo,.page-image{min-height:420px}.cta{padding:0 0 54px}.cta-box{min-height:430px}.cta-box:before{font-size:68px;left:20px;right:auto;white-space:normal}footer{padding:32px 0 calc(32px + env(safe-area-inset-bottom))}}


.home-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  margin-right:8px;
  background:rgba(205,168,171,.16);
  border:1px solid var(--line);
  color:var(--rose-3);
  font-size:16px;
  line-height:1;
  flex:0 0 auto;
}

.back-row{
  padding:26px 0 0;
}

.back-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  background:rgba(255,255,255,.56);
  border:1px solid var(--line-strong);
  color:var(--soft);
  font-size:13px;
  font-weight:900;
  transition:transform .22s ease, background .22s ease;
}

.back-link:hover{
  transform:translateX(-3px);
  background:var(--paper);
  color:var(--ink);
}

.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  width:52px;
  height:52px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--rose),var(--rose-soft));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 18px 44px rgba(79,61,58,.18);
  color:var(--ink);
  transition:transform .22s ease, box-shadow .22s ease;
}

.whatsapp-float:hover{
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 22px 54px rgba(79,61,58,.22);
}

.whatsapp-float svg{
  width:24px;
  height:24px;
  display:block;
}

@media(max-width:640px){
  .home-icon{
    width:34px;
    height:34px;
    margin-right:6px;
  }

  .back-row{
    padding:18px 0 0;
  }

  .whatsapp-float{
    right:16px;
    bottom:16px;
    width:48px;
    height:48px;
  }

  .whatsapp-float svg{
    width:22px;
    height:22px;
  }
}


.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.home-btn{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.52);
  color:var(--rose-3);
  display:none;
  place-items:center;
  font-size:17px;
  line-height:1;
  box-shadow:0 10px 28px rgba(79,61,58,.08);
  transition:transform .22s ease, background .22s ease;
}

.home-btn:hover{
  transform:translateY(-2px);
  background:var(--paper);
}

.mobile-menu .home-icon{
  display:none;
}

@media(max-width:1000px){
  .header-actions{
    display:flex;
  }

  .home-btn{
    display:inline-grid;
  }
}


/* Header mobile refinement */
.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.home-btn{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.56);
  color:var(--rose-3);
  display:none;
  place-items:center;
  box-shadow:0 10px 26px rgba(79,61,58,.08);
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.home-btn:hover{
  transform:translateY(-2px);
  background:var(--paper);
  border-color:rgba(45,38,37,.20);
}

.home-btn svg{
  width:18px;
  height:18px;
  display:block;
}

.mobile-menu .home-icon{
  display:none !important;
}

@media(max-width:1000px){
  .nav-inner{
    gap:10px;
  }

  .brand{
    flex:1 1 auto;
    min-width:0;
  }

  .brand-title{
    max-width:220px;
  }

  .header-actions{
    display:flex;
    gap:8px;
  }

  .header-actions .btn{
    display:inline-flex;
    min-height:44px;
    height:44px;
    padding:0 18px;
    border-radius:999px;
    font-size:13px;
    white-space:nowrap;
    box-shadow:0 14px 28px rgba(45,38,37,.14);
  }

  .home-btn,
  .menu-btn{
    width:44px;
    height:44px;
    display:inline-grid;
    place-items:center;
    flex:0 0 44px;
  }
}

@media(max-width:640px){
  .nav-inner{
    width:calc(100% - 18px);
    height:70px;
    gap:8px;
  }

  .brand{
    gap:8px;
  }

  .brand-avatar{
    width:40px;
    height:40px;
  }

  .brand-title{
    max-width:138px;
    font-size:10.5px;
    letter-spacing:.14em;
  }

  .header-actions{
    gap:7px;
  }

  .header-actions .btn{
    min-height:40px;
    height:40px;
    padding:0 13px;
    font-size:12.5px;
  }

  .home-btn,
  .menu-btn{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  .home-btn svg{
    width:16px;
    height:16px;
  }
}

@media(max-width:380px){
  .brand-title{
    max-width:116px;
    font-size:10px;
    letter-spacing:.12em;
  }

  .header-actions .btn{
    padding:0 11px;
    font-size:12px;
  }

  .home-btn,
  .menu-btn{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
}


/* Fix mobile brand visibility: keep full "La Diosa Despierta en Ti" visible */
@media(max-width:640px){
  .nav-inner{
    width:calc(100% - 14px);
    gap:6px;
  }

  .brand{
    gap:7px;
    flex:1 1 auto;
    min-width:0;
  }

  .brand-avatar{
    width:38px;
    height:38px;
  }

  .brand-title{
    max-width:none;
    width:auto;
    font-size:9.4px;
    letter-spacing:.085em;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
  }

  .header-actions{
    gap:5px;
    flex:0 0 auto;
  }

  .header-actions .btn{
    min-height:38px;
    height:38px;
    padding:0 11px;
    font-size:11.7px;
  }

  .home-btn,
  .menu-btn{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .home-btn svg{
    width:15px;
    height:15px;
  }
}

@media(max-width:390px){
  .nav-inner{
    width:calc(100% - 10px);
    gap:5px;
  }

  .brand{
    gap:6px;
  }

  .brand-avatar{
    width:36px;
    height:36px;
  }

  .brand-title{
    font-size:8.75px;
    letter-spacing:.065em;
  }

  .header-actions{
    gap:4px;
  }

  .header-actions .btn{
    min-height:36px;
    height:36px;
    padding:0 9px;
    font-size:11px;
  }

  .home-btn,
  .menu-btn{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
}

@media(max-width:350px){
  .brand-title{
    font-size:8.1px;
    letter-spacing:.045em;
  }

  .header-actions .btn{
    padding:0 8px;
    font-size:10.5px;
  }

  .home-btn,
  .menu-btn{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
}