:root{--paper:#f8f0dc;--ink:#2e2417;--ink-soft:#6c5843;--leader:rgba(0,0,0,.35);--stamp-red:#7d1b1b;--pen-blue:#1e3a8a;}body{margin:0;padding:24px;background:#eee;font-family:'Merriweather',Georgia,serif;color:var(--ink);} .ficha{position:relative;display:flex;gap:18px;max-width:800px;margin:10px auto 18px;padding:22px;border-radius:6px;border:1px solid #bba988;background:var(--paper);overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.18);} .ficha::before{content:"";position:absolute;inset:0;background:url("textura.jpg") center/cover no-repeat,linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15)),var(--paper);background-blend-mode:multiply;opacity:.5;pointer-events:none;z-index:0;} .ficha::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,0,0,.08) 0%,transparent 40%,rgba(255,255,255,.06) 100%);mix-blend-mode:multiply;opacity:.4;pointer-events:none;z-index:0;} .ficha>*{position:relative;z-index:1;} .stamp{position:absolute;top:12px;right:14px;width:86px;aspect-ratio:1;border-radius:50%;overflow:hidden;opacity:.58;filter:grayscale(.35) sepia(.4) saturate(.7) contrast(.9) brightness(.95);mix-blend-mode:multiply;box-shadow:inset 0 0 0 4px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.18);} .stamp img{width:100%;height:100%;display:block;border-radius:50%;} .stamp-oval{position:absolute;left:16px;bottom:16px;transform:rotate(-10deg);padding:8px 18px;color:var(--stamp-red);border:2.5px solid var(--stamp-red);border-radius:50%/38%;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:13px;opacity:.2;mix-blend-mode:multiply;} .stamp-oval::after{content:"";position:absolute;inset:4px 7px;border:1.5px dashed var(--stamp-red);border-radius:50%/38%;opacity:.7;} .signature{position:absolute;right:20px;bottom:5px;font-family:'Zeyada',cursive;font-size:25px;color:var(--pen-blue);transform:rotate(10deg);opacity:.72;} .cover{width:130px;flex:0 0 130px;align-self:flex-start;position:relative;z-index:2;transform:rotate(-1.5deg);filter:sepia(.25) saturate(.85) contrast(.95);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),inset 0 0 34px rgba(0,0,0,.14),0 3px 10px rgba(0,0,0,.25);background:#fff;padding:6px;border:1px solid rgba(0,0,0,.08);} .cover img{display:block;width:100%;height:auto;filter:sepia(20%) saturate(92%) contrast(90%) brightness(95%) hue-rotate(-10deg);} .cover::before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(-2deg);width:76%;height:26px;background:linear-gradient(rgba(250,235,175,.88),rgba(245,225,150,.88)),repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 3px,rgba(0,0,0,.06) 3px 6px);border-radius:2px;box-shadow:0 8px 10px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,240,.7),inset 0 -1px 0 rgba(0,0,0,.08);mix-blend-mode:multiply;opacity:.99;} .ficha-contenido{flex:1;padding-right:6px;} h1{font-family:'Caveat',cursive;font-size:32px;line-height:1;margin:0 0 6px;} h2{font-family:'Caveat',cursive;font-size:20px;font-weight:600;color:var(--ink-soft);margin:0 0 12px;font-style:italic;} .dato{display:grid;grid-template-columns:max-content 1fr auto;gap:8px;align-items:baseline;font-size:14px;margin:0 0 6px;} .campo{font-family:'Caveat',cursive;font-size:18px;font-weight:600;color:var(--ink);white-space:nowrap;} .puntos{height:1em;align-self:center;background:radial-gradient(circle closest-side,var(--leader) 90%,transparent 91%) repeat-x;background-size:6px 3px;background-position:left center;} .valor{min-width:0;font-family:'Patrick Hand',cursive;font-size:16px;} .signatura-txt{margin-top:10px;font-size:12.5px;color:#7b6a57;font-style:italic;} .anexo{max-width:800px;margin:14px auto;padding:16px;border-radius:10px;border:1px solid #d4c7a5;background:#f6efe0;box-shadow:0 3px 8px rgba(0,0,0,.08);position:relative;overflow:hidden;} .anexo::before{content:"";position:absolute;inset:0;background:url("textura.jpg") repeat,var(--paper);background-size:1000px auto;opacity:.5;pointer-events:none;z-index:0;} .anexo::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,0,0,.08) 0%,transparent 40%,rgba(255,255,255,.05) 100%);opacity:.25;pointer-events:none;z-index:0;} .anexo h3{margin:0 0 10px;font:600 22px/1 'Caveat',cursive;color:#120d08;} .anexo ol{margin:.4em 0 0 20px;} .anexo ol li,.anexo ol li a{font-family:'Caveat',cursive!important;font-size:20px;letter-spacing:.3px;color:#120d08;} .anexo p{margin:.5em 0;} .anexo details summary,.anexo details summary::marker,.anexo ul li{font-family:'Caveat',cursive!important;font-size:25px;font-weight:1000;letter-spacing:.3px;color:#120d08;} .anexo ol li,.anexo ol li a,.anexo ol li span{color:var(--ink)!important;} .anexo ol li a{text-decoration:underline;} .autor-item{display:flex;justify-content:space-between;max-width:250px;} .autor-nombre{flex:1;} .autor-nombre a:link,.autor-nombre a:visited{color:#6b5b4a;text-decoration:underline;} .autor-nombre a:hover{color:#4a3f32;} .autor-vol{margin-left:12px;min-width:70px;text-align:right;font-family:'Caveat',cursive;} .autor-header{display:flex;justify-content:space-between;max-width:250px;margin-left:60px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(50,40,30,.35);font-family:'Caveat',cursive;} .autor-head-title,.autor-head-vol{font-weight:700;color:#120d08;font-size:25px;} .autor-head-vol{text-align:right;min-width:70px;}.go-top{cursor:pointer;z-index:9999}.go-top{position:fixed;bottom:22px;right:22px;width:42px;height:42px;background:#d8c9ac;color:#4a3f2b;font-size:26px;font-weight:bold;text-align:center;line-height:42px;border-radius:50%;border:2px solid #b7a78b;box-shadow:0 2px 6px rgba(0,0,0,0.25);text-decoration:none;transition:all .25s ease;z-index:999}.go-top:hover{background:#e7dcc5;transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,0.25)}