@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url("/fonts/cormorant-garamond-normal-latin.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400 600;font-display:swap;src:url("/fonts/cormorant-garamond-italic-latin.woff2") format("woff2")}
@font-face{font-family:"Marcellus";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/marcellus-normal-latin.woff2") format("woff2")}
:root{--ink:#17161a;--cream:#f8f3eb;--paper:#fffdf9;--terracotta:#ad5837;--line:rgba(255,255,255,.16);--serif:"Cormorant Garamond",Georgia,serif;--display:"Marcellus",Georgia,serif}
*{box-sizing:border-box}body{min-height:100vh;margin:0;background:var(--ink);color:var(--cream);font-family:var(--display);display:grid;place-items:center;padding:36px 18px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(23,22,26,.8),rgba(23,22,26,.96)),url("/img/brand/banner-familia-v2.webp") center/cover;filter:saturate(.8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bio{position:relative;z-index:1;width:min(100%,480px)}.bio-card{padding:32px;border:1px solid var(--line);border-radius:28px;background:rgba(28,25,29,.78);box-shadow:0 28px 80px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.logo{width:330px;max-width:90%;margin:0 auto 20px}.intro{margin:0 auto 25px;max-width:370px;color:#c9c0c4;font-family:var(--serif);font-size:1.13rem;text-align:center}.actions{display:grid;gap:11px}.action{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.045);color:var(--cream);text-decoration:none;transition:.2s}.action:hover{transform:translateY(-2px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3)}.action.primary{background:var(--terracotta);border-color:var(--terracotta)}.action svg{width:24px;height:24px;fill:currentColor}.action span{font-size:.81rem}.action small{color:#c7bdc1;font-family:var(--serif);font-size:.85rem}.action.primary small{color:#fff}.arrow{font-size:1rem}.note{margin:24px 0 0;color:#8f878c;font-size:.67rem;letter-spacing:.11em;text-align:center;text-transform:uppercase}@media(max-width:500px){body{padding:16px}.bio-card{padding:24px 17px;border-radius:22px}.logo{width:290px}.action{grid-template-columns:36px 1fr auto;padding:11px}.action small{display:none}}