/* CVCraft — base común: fuentes (servidas desde la propia web), colores y botones */

@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url(../fuentes/inter-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url(../fuentes/inter-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Serif 4 Variable';font-style:normal;font-display:swap;font-weight:200 900;src:url(../fuentes/source-serif-4-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4 Variable';font-style:normal;font-display:swap;font-weight:200 900;src:url(../fuentes/source-serif-4-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Serif 4 Variable';font-style:italic;font-display:swap;font-weight:200 900;src:url(../fuentes/source-serif-4-latin-wght-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4 Variable';font-style:italic;font-display:swap;font-weight:200 900;src:url(../fuentes/source-serif-4-latin-ext-wght-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --gold:#c8a55a;--gold-2:#d6b46a;--gold-ink:#16120c;--gold-l:rgba(200,165,90,.12);
  --bg:#0c0a08;--bg2:#100d09;--bg3:#181310;
  --cream:#f5f0e8;--paper:#faf8f4;--paper2:#f2ede4;
  --ink:#1c1812;--ink2:#4a4035;--muted:#6f6253;--line:#e5ddd0;
  --on-dark:rgba(245,240,232,.92);--on-dark-2:rgba(245,240,232,.68);--on-dark-3:rgba(245,240,232,.55);
  --green:#6aab82;
  --r:12px;--r-sm:8px;
  --font:'Inter Variable',Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --serif:'Source Serif 4 Variable','Source Serif 4',Georgia,'Times New Roman',serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer;background:none;border:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-80px;z-index:1000;background:var(--gold);color:var(--gold-ink);padding:10px 16px;border-radius:var(--r-sm);font-weight:700;font-size:14px;transition:top .15s}
.skip:focus{top:12px}

/* Logotipo */
.logo{display:inline-flex;align-items:center;gap:9px;font-weight:900;letter-spacing:-.5px;color:var(--cream)}
.logo b{color:var(--gold);font-weight:900}
.logo-marca{width:28px;height:28px;flex-shrink:0}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:var(--r);font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s,background .2s,border-color .2s,color .2s}
.btn svg{width:18px;height:18px;flex-shrink:0}
.btn-oro{background:var(--gold);color:var(--gold-ink);box-shadow:0 4px 24px rgba(200,165,90,.25)}
.btn-oro:hover{background:var(--gold-2);transform:translateY(-2px);box-shadow:0 10px 32px rgba(200,165,90,.4)}
.btn-oro:active{transform:none}
.btn-fantasma{background:rgba(255,255,255,.05);color:var(--on-dark);border:1px solid rgba(255,255,255,.14)}
.btn-fantasma:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.26)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
