/* Bio Dra. Liliana Limongi — visual opcao-01 (Marfim & Rosé — anel duplo, V2 02c-marfim-rose-anel-duplo). Gerado a partir do HTML aprovado. */
:root{--bg:#f7ece8;--bgfx:linear-gradient(180deg,#f9f1ed 0%,#f3e6e1 100%);--ink:#3b2a2a;--ink2:rgba(59,42,42,.82);--ink3:rgba(59,42,42,.66);
--accent:#a8746a;--ring:rgba(168,116,106,.45);--line:rgba(110,42,47,.14);--line-hi:rgba(110,42,47,.3);--card:#fffaf6;--card-hi:#fff;
--ico-bg:#f3e6e1;--ico-ink:#8c4a44;--hl-bg:#6e2a2f;--hl-bg-hi:#7a3036;--hl-ink:#fbf3ee;--hl-sub:rgba(251,243,238,.78);--hl-ico-bg:rgba(255,255,255,.12);
--radius:999px;--font:"Onest",system-ui,sans-serif;--display:"Cormorant Garamond",Georgia,serif;--name-size:clamp(32px,9.4vw,38px);--name-weight:500;--name-ls:0;
--btn-shadow:0 10px 24px -18px rgba(110,42,47,.35);--hl-shadow:0 18px 34px -18px rgba(110,42,47,.55);--foot-ico:#d2b2aa;--foot-ink:rgba(59,42,42,.62);--soc-ink:#6e2a2f}

html,body{margin:0;padding:0;background:var(--bg)}
.lil{min-height:100vh;min-height:100dvh;position:relative;color:var(--ink);font-family:var(--font);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  background:var(--bgfx,var(--bg));background-color:var(--bg);overflow-x:hidden}
.lil *,.lil *::before,.lil *::after{box-sizing:border-box}
.lil-wrap{position:relative;z-index:1;max-width:440px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
  padding:max(56px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom))}
.lil-head{text-align:center}
.lil-avatar{display:flex;justify-content:center}
.lil-avatar img{display:block;width:124px;height:124px;border-radius:50%;object-fit:cover;
  outline:1px solid var(--ring);outline-offset:6px;box-shadow:0 22px 44px -18px rgba(0,0,0,.55)}
.lil-name{margin:28px 0 0;font-family:var(--display);font-size:var(--name-size,clamp(24px,7.4vw,29px));line-height:1.15;
  font-weight:var(--name-weight,500);letter-spacing:var(--name-ls,-.015em);color:var(--name-ink,var(--ink))}
.lil-tag{margin:10px 0 0;font-size:11.5px;line-height:1.4;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}
.lil-tag span{margin-right:-.26em}
.lil-desc{margin:14px auto 0;max-width:34ch;font-size:15.5px;line-height:1.5;color:var(--ink2);text-wrap:balance}
.lil-faith{margin:10px auto 0;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:16px;line-height:1.4;color:var(--ink3)}
.lil-crm{margin:8px 0 0;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--ink3)}

.lil-links{display:grid;gap:12px;margin-top:32px}
.lil-btn{display:flex;align-items:center;gap:14px;min-height:70px;padding:12px 18px 12px 12px;border-radius:var(--radius);
  border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent;
  box-shadow:var(--btn-shadow,none);transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
.lil-btn:active{transform:scale(.99)}
.lil-btn-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:calc(var(--radius) - 5px);background:var(--ico-bg);color:var(--ico-ink)}
.lil-btn-ico svg{width:22px;height:22px;display:block}
.lil-btn-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}
.lil-btn-title{font-size:16px;line-height:1.3;font-weight:500;letter-spacing:-.005em}
.lil-btn-sub{font-size:12.5px;line-height:1.35;color:var(--ink3)}
.lil-btn-go{flex:none;width:18px;height:18px;color:var(--accent);transition:transform .25s ease}
.lil-btn-go svg{width:18px;height:18px;display:block}
.lil-btn--destaque{border-color:var(--hl-line,transparent);background:var(--hl-bg);color:var(--hl-ink);box-shadow:var(--hl-shadow,0 18px 36px -20px rgba(0,0,0,.6))}
.lil-btn--destaque .lil-btn-ico{background:var(--hl-ico-bg);color:var(--hl-ink)}
.lil-btn--destaque .lil-btn-sub{color:var(--hl-sub)}
.lil-btn--destaque .lil-btn-go{color:var(--hl-ink)}

.lil-social{display:flex;justify-content:center;gap:12px;margin-top:28px}
.lil-social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--soc-ink,var(--accent));
  border:1px solid var(--soc-line,var(--line-hi));text-decoration:none;transition:background-color .25s ease,border-color .25s ease,transform .25s ease}
.lil-social svg{width:20px;height:20px;display:block}

.lil-foot{margin-top:auto;padding-top:48px;text-align:center}
.lil-foot svg{display:block;width:34px;height:auto;margin:0 auto;color:var(--foot-ico)}
.lil-foot p{margin:10px 0 0;font-size:12px;line-height:1.5;letter-spacing:.02em;color:var(--foot-ink)}

@media (hover:hover){
  .lil-social a:hover{background:var(--card-hi);transform:translateY(-1px)}
  .lil-btn:hover{transform:translateY(-2px);background:var(--card-hi);border-color:var(--line-hi)}
  .lil-btn:hover .lil-btn-go{transform:translate(2px,-2px)}
  .lil-btn--destaque:hover{background:var(--hl-bg-hi,var(--hl-bg));border-color:var(--hl-line,transparent)}
}
.lil a:focus{outline:none}
.lil a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

@media (prefers-reduced-motion:no-preference){
  .lil-hero,.lil-head,.lil-links>*,.lil-gal,.lil-social,.lil-foot{animation:lil-rise .7s cubic-bezier(.2,.7,.2,1) both}
  .lil-links>*:nth-child(1){animation-delay:.08s}
  .lil-links>*:nth-child(2){animation-delay:.14s}
  .lil-links>*:nth-child(3){animation-delay:.2s}
  .lil-links>*:nth-child(n+4){animation-delay:.26s}
  .lil-gal{animation-delay:.3s}
  .lil-social{animation-delay:.34s}
  .lil-foot{animation-delay:.4s}
}
@keyframes lil-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media (max-width:359px){
  .lil-wrap{padding-left:16px;padding-right:16px}
  .lil-btn{gap:12px;padding:10px 14px 10px 10px}
  .lil-btn-ico{width:42px;height:42px}
  .lil-btn-title{font-size:15px}
}
@media (min-width:768px){.lil-wrap{padding-top:80px}.lil-avatar img{width:132px;height:132px}}

/* botoes centralizados (sem icone) */
.lil--center .lil-btn{justify-content:center;text-align:center;padding:14px 22px;min-height:62px}
.lil--center .lil-btn-ico,.lil--center .lil-btn-go{display:none}
.lil--center .lil-btn-txt{text-align:center;align-items:center}

/* ===== especifico deste visual ===== */

.lil-avatar img{width:138px;height:138px;outline:none;box-shadow:0 0 0 7px #f7ece8,0 0 0 8px rgba(168,116,106,.5),0 0 0 15px #f7ece8,0 0 0 16px rgba(168,116,106,.25),0 26px 44px -20px rgba(110,42,47,.5)}
.lil-name{margin-top:36px}
.lil-btn{padding-left:10px;padding-right:20px}
.lil-btn-ico{border-radius:50%}