@charset "UTF-8";:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Lexend", var(--font-body);--font-accent: "Nunito", var(--font-body);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--color-bg: #faf9f5;--color-surface: #ffffff;--color-surface-alt: #f1ede8;--color-primary-50: #f8f4ee;--color-primary-100: #efe8dc;--color-primary-200: #ddd0bc;--color-primary-300: #c4af93;--color-primary-400: #a3866a;--color-primary-500: #7d6249;--color-primary-600: #67503b;--color-primary-700: #52402f;--color-primary-800: #403225;--color-primary-900: #30261c;--color-primary: var(--color-primary-500);--color-primary-hover: var(--color-primary-600);--color-primary-soft: var(--color-primary-50);--color-primary-border: var(--color-primary-200);--color-accent: #d96c4f;--color-accent-hover: #c45a3e;--color-accent-soft: #fbeee9;--color-lacre: #9e2b25;--color-lacre-deep: #7a201b;--color-lacre-bright: #b8473c;--color-lacre-soft: #f6e9e7;--color-lacre-impreso: #f3ddd9;--texture-papel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.169 0 0 0 0 0.129 0 0 0 0 0.094 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)'/%3E%3C/svg%3E");--color-text: #2c2c2c;--color-text-muted: #6b6b6b;--color-text-subtle: #8f8a82;--color-ink: #2b2118;--color-border: #e5e0d8;--color-border-strong: #d6cfc3;--color-danger: #dc2626;--color-danger-soft: #fbeaea;--color-success: #15803d;--color-success-soft: #e8f3ec;--color-nav-bg: #2b2119;--color-nav-bg-hover: #382c21;--color-nav-border: #4a3c2e;--color-nav-text: #b3a698;--color-nav-text-strong: #f6f0e7;--shadow-xs: 0 1px 2px rgba(56, 44, 34, .05);--shadow-sm: 0 2px 8px rgba(56, 44, 34, .06);--shadow-md: 0 6px 20px rgba(56, 44, 34, .08);--shadow-lg: 0 16px 40px rgba(56, 44, 34, .12);--shadow-primary: 0 8px 24px rgba(125, 98, 73, .28);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--focus-ring: 0 0 0 3px var(--color-primary-200);--focus-ring-offset: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary-400);--ease-out: cubic-bezier(.22, .61, .36, 1);--transition-fast: .15s var(--ease-out);--transition-base: .25s var(--ease-out);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--bottom-nav-h: 58px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;letter-spacing:-.015em;color:var(--color-text)}h1{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.1rem);font-weight:700}h2{font-size:clamp(1.25rem,1rem + 1vw,1.6rem);font-weight:600}h3{font-size:clamp(1.05rem,.95rem + .5vw,1.25rem);font-weight:600}button{font-family:var(--font-accent)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}a:focus-visible,button:focus-visible{box-shadow:var(--focus-ring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 22px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-accent);font-size:.95rem;font-weight:700;line-height:1;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:not(:disabled):hover{background:var(--color-primary-hover);box-shadow:var(--shadow-lg)}.btn-ghost{background:var(--color-surface);color:var(--color-primary-700);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.btn-ghost:not(:disabled):hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.btn-text{background:none;color:var(--color-primary-600);padding:8px 12px;font-weight:600}.btn-text:not(:disabled):hover{color:var(--color-primary-800);text-decoration:underline}.surface{background:var(--color-surface);background-image:var(--texture-papel);background-size:240px 240px;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:not(:disabled):active{transform:none}a.carta,.carta--interactiva{transition:none}a.carta:hover,.carta--interactiva:hover{transform:none}}@media(prefers-reduced-motion:no-preference){router-outlet+*{animation:page-in .28s ease both}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wordmark{font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-.01em;color:var(--color-ink);line-height:1;display:inline-flex;align-items:baseline}.wordmark:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-accent);margin-left:2px;align-self:flex-end;margin-bottom:.32em}.rule{display:inline-flex;align-items:center;gap:8px;color:var(--color-border-strong)}.rule:before{content:"";width:40px;height:1px;background:currentColor}.rule:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--color-accent)}.display{font-family:var(--font-display);font-weight:500;color:var(--color-ink);letter-spacing:-.01em;line-height:1.15}.page-head{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 24px}.page-head .rule{margin-bottom:12px}.page-head h1{font-size:clamp(1.6rem,1.3rem + 1.4vw,2.1rem);color:var(--color-ink);margin:0;text-wrap:balance}.page-head h1:first-letter{color:var(--color-accent)}.page-head .page-sub{color:var(--color-text-muted);font-size:1rem;line-height:1.6;margin:10px 0 0;max-width:56ch}.papel{background-image:var(--texture-papel);background-size:240px 240px}.carta{background:var(--color-surface);background-image:var(--texture-papel);background-size:240px 240px;border:1px solid var(--color-border);border-radius:var(--radius-xs);box-shadow:var(--shadow-sm),0 1px 0 var(--color-border-strong);padding:var(--space-4) var(--space-5)}a.carta,.carta--interactiva{text-decoration:none;color:inherit;display:block;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}a.carta:hover,.carta--interactiva:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sello-lacre{--sello-size: 32px;width:var(--sello-size);height:var(--sello-size);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:47% 53% 50% 50%/52% 48% 55% 45%;background:radial-gradient(circle at 32% 28%,var(--color-lacre-bright),var(--color-lacre) 58%,var(--color-lacre-deep) 100%);box-shadow:inset 0 2px 3px #ffffff47,inset 0 -3px 5px #3c0c0a73,0 2px 6px #7a201b4d;color:var(--color-lacre-impreso)}.sello-lacre--sm{--sello-size: 22px}.sello-lacre--lg{--sello-size: 48px}.sello-lacre .motivo{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:calc(var(--sello-size) * .45);line-height:1;text-shadow:0 -1px 0 rgba(60,12,10,.4),0 1px 0 rgba(255,255,255,.18)}.timbre{--feston: 10px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:.72rem;font-weight:700;font-family:var(--font-accent);background:var(--color-lacre-soft);color:var(--color-lacre);mask:radial-gradient(circle calc(var(--feston) / 2),#000 97%,rgba(0,0,0,0)) 0 0/var(--feston) var(--feston) round,linear-gradient(#000 0 0) 50%/calc(100% - var(--feston)) calc(100% - var(--feston)) no-repeat;-webkit-mask:radial-gradient(circle calc(var(--feston) / 2),#000 97%,rgba(0,0,0,0)) 0 0/var(--feston) var(--feston) round,linear-gradient(#000 0 0) 50%/calc(100% - var(--feston)) calc(100% - var(--feston)) no-repeat}.timbre--teal{background:var(--color-primary-50);color:var(--color-primary-700)}.matasellos{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle);white-space:nowrap}
