@font-face { font-family: "DM Serif Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/sello-static-dm-serif-regular.ttf") format("truetype"); }
@font-face { font-family: "DM Serif Display"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/sello-static-dm-serif-italic.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/sello-static-manrope-400.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/sello-static-manrope-500.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/sello-static-manrope-600.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/sello-static-manrope-700.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/sello-static-manrope-800.ttf") format("truetype"); }
*, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: var(--border); }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; }
body { line-height: inherit; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
button, input { color: inherit; font: inherit; letter-spacing: inherit; }
img, svg { display: block; vertical-align: middle; }
svg.ico { width: 1.25em; height: 1.25em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.site-toast { position: fixed; right: 24px; bottom: 24px; z-index: 100; max-width: 300px; background: #19384b; color: #fffdf8; padding: 14px 18px; box-shadow: 10px 10px 0 #f4b41a; font: 700 12px Manrope, Arial; }
.site-toast[hidden] { display: none; }
/*
 * Dirección Archivo de luz: editorialismo museográfico contemporáneo. Base marfil,
 * tinta carbón y azul mineral; Amarillo Cromo como señal. Perforaciones y marcas postales
 * construyen la identidad sin nostalgia literal. ¿Refuerza cada regla esta filosofía?
 */
1&family=Manrope:wght@400;500;600;700;800&display=swap');
:root { --background: #f6f1e7; --foreground: #18232e; --card: #fffdf8; --card-foreground: #18232e; --popover: #fffdf8; --popover-foreground: #18232e; --primary: #19384b; --primary-foreground: #fffdf8; --secondary: #e7ded0; --secondary-foreground: #18232e; --muted: #e9e2d7; --muted-foreground: #5f685f; --accent: #f4b41a; --accent-foreground: #18232e; --destructive: #9e4738; --destructive-foreground: #fffdf8; --border: #d7ccbd; --input: #d7ccbd; --ring: #f4b41a; --radius: 0; }

* { border-color: var(--border); }
html { scroll-behavior: auto; }
body { margin: 0; background: var(--background); color: var(--foreground); font-family: "Manrope", Arial, sans-serif; }
button, input { font: inherit; } button { cursor: pointer; } a { color: inherit; text-decoration: none; } img { max-width: 100%; }

.shell-width { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }.eyebrow,.archive-label { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .16em; line-height: 1.2; text-transform: uppercase; }.eyebrow { color: #7d6044; }.eyebrow.light { color: #f5c55b; }.archive-label { color: #677070; }.brand { display: inline-flex; align-items: center; gap: 9px; font-family: "DM Serif Display", Georgia, serif; font-size: 28px; letter-spacing: -.06em; line-height: 1; }.brand img { height: 32px; width: 32px; object-fit: contain; }.brand-dot { color: #e1a20d; }.sale-bar { background: #f4b41a; color: #18232e; font-size: 11px; letter-spacing: .01em; }.sale-inner { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 20px; }.sale-inner p { margin: 0; }.sale-link { display: inline-flex; flex: none; align-items: center; gap: 5px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }.site-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid #d9cfbf; background: rgba(255,253,248,.96); backdrop-filter: blur(16px); }.header-inner { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 22px; }.desktop-nav { display: flex; align-items: center; gap: 26px; margin-left: auto; }.desktop-nav a { position: relative; color: #56605d; font-size: 12px; font-weight: 700; }.desktop-nav a::after { position: absolute; bottom: -10px; left: 0; width: 0; height: 2px; content: ""; background: #f4b41a; transition: width .2s cubic-bezier(.23,1,.32,1); }.desktop-nav a:hover::after,.desktop-nav a.active::after { width: 100%; }.desktop-nav a.active { color: #18232e; }.header-actions { display: flex; align-items: center; gap: 9px; }.nav-search { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid #d9cfbf; }.header-cta,.button-primary { display: inline-flex; align-items: center; gap: 7px; justify-content: center; background: #19384b; color: #fffdf8; font-size: 11px; font-weight: 800; letter-spacing: .02em; padding: 11px 14px; transition: transform .16s cubic-bezier(.23,1,.32,1),background .16s; }.header-cta:hover,.button-primary:hover { background: #28546d; transform: translateY(-2px); }.header-cta:active,.button-primary:active { transform: scale(.97); }.menu-button { display: none; border: 0; background: transparent; color: #18232e; }.mobile-nav { display: none; }.page-bread { border-bottom: 1px solid #e1d8ca; color: #6c7069; font-size: 10px; font-weight: 800; letter-spacing: .11em; padding: 10px 0; text-transform: uppercase; }.page-bread span { margin: 0 8px; color: #e3a30b; }

.hero-grid { display: grid; min-height: 585px; grid-template-columns: minmax(0,1.03fr) minmax(420px,.97fr); background: #f6f1e7; }.hero-copy { width: min(590px, calc(100% - 48px)); margin: 0 0 0 auto; align-self: center; padding: 80px 48px 74px 0; }.hero-copy h1,.page-hero h1,.collect-hero h1,.agenda-hero h1,.detail-copy h1,.article-hero h1,.sale-hero h1 { max-width: 660px; margin: 15px 0 20px; font-family: "DM Serif Display", Georgia, serif; font-size: clamp(48px,5.5vw,78px); font-weight: 400; letter-spacing: -.065em; line-height: .95; }.hero-copy h1 em,.page-hero h1 em,.collect-hero h1 em,.agenda-hero h1 em,.detail-copy h1 em,.article-hero h1 em,.sale-hero h1 em { color: #c04b3d; font-weight: 400; }.hero-copy>p,.page-hero>div>p { max-width: 480px; color: #59625f; font-size: 15px; line-height: 1.75; }.hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 29px; }.button-quiet { display: inline-flex; align-items: center; gap: 6px; border-bottom: 1px solid #18232e; font-size: 11px; font-weight: 800; padding-bottom: 4px; }.hero-meta { display: flex; align-items: center; gap: 25px; margin-top: 70px; color: #69716d; font-size: 10px; line-height: 1.5; }.hero-meta b { display: block; color: #18232e; }.stamp-ring { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid #a36358; border-radius: 50%; color: #a36358; font-size: 8px; font-weight: 800; letter-spacing: .06em; transform: rotate(-12deg); }.hero-visual { min-height: 450px; background-position: center; background-size: cover; border-left: 10px solid #f4b41a; }.archive-intro { display: grid; grid-template-columns: 80px minmax(0,1fr) 250px; gap: 31px; align-items: start; padding: 105px 0; }.intro-mark { display: grid; width: 57px; height: 57px; place-items: center; background: #e3a30b; font-family: "DM Serif Display",Georgia,serif; font-size: 30px; }.intro-statement { max-width: 670px; margin: 7px 0 0; font-family: "DM Serif Display",Georgia,serif; font-size: clamp(31px,3.6vw,51px); letter-spacing: -.045em; line-height: 1.04; }.intro-statement em { color: #c04b3d; }.intro-side { display: grid; gap: 12px; padding-top: 24px; color: #5d6864; font-size: 11px; line-height: 1.6; }.intro-side span+span { border-top: 1px solid #cabba9; padding-top: 12px; }.feature-section { display: grid; grid-template-columns: 1.02fr .98fr; gap: 85px; align-items: center; margin-bottom: 130px; }.feature-image { position: relative; min-height: 410px; overflow: hidden; }.feature-image img { width: 100%; height: 100%; min-height: 410px; object-fit: cover; }.image-stamp { position: absolute; right: 25px; bottom: 22px; display: grid; width: 95px; height: 73px; place-items: center; border: 1px solid #fff9ed; color: white; font-size: 9px; font-weight: 800; letter-spacing: .11em; line-height: 1.35; text-align: center; }.feature-copy h2,.directory-copy h2,.starter-kit h2,.sale-case h2,.sale-roadmap h2 { margin: 12px 0 17px; font-family: "DM Serif Display",Georgia,serif; font-size: clamp(38px,4.3vw,59px); font-weight: 400; letter-spacing: -.06em; line-height: .96; }.feature-copy>p,.directory-copy>p { max-width: 440px; color: #59625f; font-size: 14px; line-height: 1.75; }.feature-data { display: flex; gap: 25px; flex-wrap: wrap; margin: 29px 0 25px; border-top: 1px solid #d7ccbd; border-bottom: 1px solid #d7ccbd; padding: 14px 0; }.feature-data span { color: #787c75; font-size: 10px; }.feature-data b { display: block; color: #19384b; font-size: 12px; }.text-link { display: inline-flex; align-items: center; gap: 6px; border-bottom: 1px solid #19384b; color: #19384b; font-size: 11px; font-weight: 800; padding-bottom: 4px; }.soft-section { background: #e7ded0; padding: 96px 0; }.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 42px; }.section-heading h2 { max-width: 600px; margin: 9px 0 0; font-family: "DM Serif Display",Georgia,serif; font-size: clamp(37px,4.5vw,59px); font-weight: 400; letter-spacing: -.06em; line-height: .96; }.section-heading-side { display: grid; justify-items: start; gap: 13px; max-width: 350px; }.section-heading-side p { margin: 0; color: #5f685f; font-size: 12px; line-height: 1.65; }.stamp-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 17px; }.stamp-card { display: block; transition: transform .2s cubic-bezier(.23,1,.32,1); }.stamp-card:hover { transform: translateY(-7px); }.stamp-face { position: relative; display: flex; min-height: 218px; flex-direction: column; justify-content: space-between; overflow: hidden; border: 8px dotted currentColor; padding: 16px; }.stamp-card.amber .stamp-face { background: #f2b732; color: #9a6f07; }.stamp-card.blue .stamp-face { background: #8cb4c5; color: #396b84; }.stamp-card.red .stamp-face { background: #c96e5d; color: #863b31; }.stamp-card.green .stamp-face { background: #9cae95; color: #4d684e; }.stamp-cancel { display: grid; width: 38px; height: 38px; place-items: center; align-self: flex-end; border: 1px solid currentColor; border-radius: 50%; font-size: 7px; font-weight: 800; transform: rotate(-15deg); }.stamp-motif { align-self: center; font-family: "DM Serif Display",Georgia,serif; font-size: 28px; letter-spacing: -.05em; }.stamp-country { font-size: 8px; font-weight: 800; letter-spacing: .18em; }.stamp-copy { padding-top: 13px; }.stamp-copy h3 { margin: 5px 0 4px; font-family: "DM Serif Display",Georgia,serif; font-size: 21px; font-weight: 400; letter-spacing: -.035em; line-height: 1.06; }.stamp-copy p { margin: 0; color: #6b716a; font-size: 10px; }.start-section { padding: 125px 0; }.route-grid { display: grid; grid-template-columns: repeat(3,1fr); }.route-card { display: grid; min-height: 250px; grid-template-rows: auto 1fr auto; border-top: 4px solid #19384b; padding: 23px 24px; }.route-card:nth-child(2),.route-card:nth-child(3) { border-left: 1px solid #cfc3b1; }.route-card.route-yellow { background: #f4b41a; }.route-card.route-blue { background: #96bdcb; }.route-card.route-red { background: #ca6f5f; }.route-number { font-size: 11px; font-weight: 800; }.route-card h3 { max-width: 225px; margin: 24px 0 10px; font-family: "DM Serif Display",Georgia,serif; font-size: 29px; font-weight: 400; letter-spacing: -.045em; line-height: 1; }.route-card p { max-width: 260px; margin: 0; font-size: 11px; line-height: 1.65; }.route-card>svg { justify-self: end; }.agenda-strip { background: #19384b; color: #fffaf0; padding: 88px 0; }.agenda-layout { display: grid; grid-template-columns: .83fr 1.17fr; gap: 70px; }.agenda-intro h2 { margin: 12px 0 25px; font-family: "DM Serif Display",Georgia,serif; font-size: clamp(40px,4vw,56px); font-weight: 400; letter-spacing: -.06em; line-height: .96; }.agenda-intro a { display: inline-flex; align-items: center; gap: 6px; border-bottom: 1px solid #f5c55b; color: #f5c55b; font-size: 11px; font-weight: 800; padding-bottom: 4px; }.agenda-list { border-top: 1px solid rgba(255,255,255,.28); }.agenda-list article { display: grid; grid-template-columns: 60px 1fr 25px; gap: 16px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.28); padding: 23px 0; }.date-block { text-align: center; }.date-block b { display: block; font-family: "DM Serif Display",Georgia,serif; font-size: 36px; font-weight: 400; line-height: .8; }.date-block span { color: #f3c558; font-size: 9px; font-weight: 800; letter-spacing: .12em; }.agenda-list .archive-label { color: #f3c558; }.agenda-list h3 { margin: 4px 0; font-family: "DM Serif Display",Georgia,serif; font-size: 23px; font-weight: 400; }.agenda-list p { margin: 0; color: #c5d1d4; font-size: 11px; }.directory-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; padding: 124px 0; }.directory-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; align-items: start; }.directory-card { display: grid; min-height: 244px; grid-template-rows: auto auto 1fr auto; background: #fffaf0; padding: 25px; box-shadow: 13px 13px 0 #dfd3c3; }.directory-card.offset { margin-top: 43px; background: #e2a80e; box-shadow: 13px 13px 0 #19384b; }.small-icon { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid #19384b; border-radius: 50%; }.directory-card>span:not(.small-icon) { margin-top: 27px; color: #6e726a; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.directory-card b { align-self: end; font-family: "DM Serif Display",Georgia,serif; font-size: 25px; font-weight: 400; letter-spacing: -.04em; line-height: 1; }.directory-card>svg { margin-top: 18px; justify-self: end; }.closing-manifesto { border-top: 1px solid #d3c8b8; background: #fffdf8; padding: 97px 0; text-align: center; }.closing-manifesto>div { display: grid; justify-items: center; }.closing-manifesto svg { color: #e1a20d; }.closing-manifesto p { margin: 21px 0 26px; font-family: "DM Serif Display",Georgia,serif; font-size: clamp(29px,3.7vw,48px); letter-spacing: -.045em; line-height: 1.1; }.closing-manifesto em { color: #c04b3d; }.closing-manifesto a { display: inline-flex; align-items: center; gap: 7px; color: #19384b; font-size: 11px; font-weight: 800; }.bottom-callout { margin-bottom: 100px; }.callout { display: grid; grid-template-columns: auto 1fr auto; gap: 17px; align-items: center; border: 1px solid #cfc3b1; background: #fffdf8; padding: 21px 25px; }.callout>svg { color: #e1a20d; }.callout h3 { margin: 0 0 4px; font-size: 13px; }.callout p { max-width: 740px; margin: 0; color: #656d68; font-size: 11px; line-height: 1.6; }.callout a { display: grid; width: 38px; height: 38px; place-items: center; background: #19384b; color: white; }

.page-hero { position: relative; overflow: hidden; padding: 100px 0 102px; }.page-hero>div { position: relative; z-index: 1; }.page-hero h1 { margin-top: 12px; }.page-hero.archive-hero { background: #ded6c8; }.archive-hero h1 { max-width: 700px; }.archive-orbit { position: absolute; top: 0; right: 9%; display: grid; width: 245px; height: 245px; place-items: center; border: 1px solid #c37566; border-radius: 50%; color: #a25245; font-size: 10px; font-weight: 800; letter-spacing: .13em; }.archive-orbit::before,.archive-orbit::after { position: absolute; width: 100%; height: 1px; content: ""; background: #c37566; transform: rotate(45deg); }.archive-orbit::after { transform: rotate(-45deg); }.archive-orbit i { width: 43px; height: 43px; border: 1px solid #c37566; border-radius: 50%; }.archive-controls { padding: 30px 0 21px; }.search-control { display: flex; max-width: 550px; align-items: center; gap: 9px; border-bottom: 1px solid #19384b; padding: 0 0 10px; }.search-control input { width: 100%; border: 0; outline: 0; background: transparent; font-size: 12px; }.filter-chips { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 19px; }.filter-chips button { border: 1px solid #cfc3b1; background: transparent; color: #495653; font-size: 10px; font-weight: 800; padding: 8px 12px; }.filter-chips button.selected,.filter-chips button:hover { background: #19384b; color: #fffdf8; }.archive-list { padding: 61px 0 100px; }.archive-masonry { display: grid; grid-template-columns: repeat(4,1fr); gap: 42px 17px; }.load-more { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #cfc3b1; margin-top: 55px; padding-top: 22px; }.load-more button { display: inline-flex; align-items: center; gap: 8px; border: 0; background: transparent; color: #19384b; font-size: 11px; font-weight: 800; }.load-more span { color: #68716b; font-size: 10px; }.archive-pull { background: #f4b41a; padding: 77px 0; }.archive-pull>div { display: grid; grid-template-columns: 80px minmax(0,1fr) 140px; align-items: center; gap: 38px; }.archive-pull p { max-width: 680px; margin: 0; font-family: "DM Serif Display",Georgia,serif; font-size: clamp(27px,3.3vw,43px); letter-spacing: -.045em; line-height: 1.07; }.archive-pull a { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; }.guides-hero { min-height: 430px; background: #e3a30b; }.guides-hero img { position: absolute; top: 0; right: 0; width: 45%; height: 100%; object-fit: cover; }.guides-hero>div { width: min(1180px, calc(100% - 48px)); }.guides-hero h1 { max-width: 580px; }.guides-hero p { max-width: 495px!important; color: #233943!important; }.guide-layout { display: grid; grid-template-columns: 215px 1fr; gap: 75px; padding: 83px 0; }.guide-side { display: grid; align-content: start; gap: 14px; }.guide-side>a { border-bottom: 1px solid #d3c8b9; font-size: 11px; font-weight: 800; padding-bottom: 9px; }.guide-side div { display: grid; gap: 11px; margin-top: 25px; border-top: 3px solid #19384b; background: #ded6c8; padding: 17px; }.guide-side p { margin: 0; color: #5f675f; font-size: 10px; line-height: 1.55; }.guide-feed { border-top: 1px solid #cfc3b1; }.guide-item { display: grid; grid-template-columns: 54px 1fr; gap: 19px; border-bottom: 1px solid #cfc3b1; padding: 29px 0; }.guide-index { color: #d3a112; font-family: "DM Serif Display",Georgia,serif; font-size: 23px; }.guide-item h2 { max-width: 590px; margin: 6px 0 7px; font-family: "DM Serif Display",Georgia,serif; font-size: 29px; font-weight: 400; letter-spacing: -.04em; line-height: 1; }.guide-item>div>p { max-width: 590px; margin: 0; color: #616963; font-size: 12px; line-height: 1.6; }.guide-item>div>div { display: flex; align-items: center; gap: 22px; margin-top: 12px; }.guide-item>div>div span,.guide-item>div>div a { display: inline-flex; align-items: center; gap: 4px; color: #6f746d; font-size: 10px; }.guide-item>div>div a { color: #19384b; font-weight: 800; }.collect-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; padding: 105px 0 116px; }.collect-hero>div>p { max-width: 500px; color: #59625f; font-size: 14px; line-height: 1.75; }.collect-object { display: grid; place-items: center; min-height: 370px; background: #19384b; color: #fffaf0; }.object-stamp { display: grid; width: 178px; height: 222px; align-content: space-between; border: 9px dotted #f1c14d; color: #f1c14d; padding: 19px; transform: rotate(7deg); }.object-stamp span { font-size: 9px; font-weight: 800; letter-spacing: .14em; }.object-stamp b { align-self: center; font-family: "DM Serif Display",Georgia,serif; font-size: 42px; font-weight: 400; }.object-stamp i { justify-self: end; font-size: 19px; font-style: normal; }.collect-object p { margin: 26px 0 0; font-size: 11px; line-height: 1.5; text-align: center; }.steps-section { padding-bottom: 105px; }.steps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 43px; }.steps-grid article { position: relative; }.steps-grid article>span { color: #d8a312; font-size: 11px; font-weight: 800; }.steps-grid h2 { margin: 17px 0 12px; font-family: "DM Serif Display",Georgia,serif; font-size: 31px; font-weight: 400; letter-spacing: -.045em; line-height: 1; }.steps-grid p { max-width: 288px; margin: 0; color: #5d6864; font-size: 12px; line-height: 1.65; }.steps-line { width: 100%; border-top: 2px dotted #c5b7a3; margin-top: 30px; }.theme-routes { background: #e5ded2; padding: 94px 0; }.theme-grid { display: grid; grid-template-columns: 1fr 1.1fr .9fr; min-height: 245px; }.theme-card { display: grid; align-content: space-between; padding: 24px; transition: transform .2s cubic-bezier(.23,1,.32,1); }.theme-card:hover { transform: translateY(-5px); }.theme-card.blue { background: #97bdcb; }.theme-card.yellow { background: #f3b52f; }.theme-card.red { background: #c86e5e; }.theme-card span { font-size: 10px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }.theme-card b { font-family: "DM Serif Display",Georgia,serif; font-size: 29px; font-weight: 400; letter-spacing: -.045em; line-height: 1; }.theme-card svg { justify-self: end; }.starter-kit { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; padding: 110px 0; }.starter-kit h2 { font-size: 49px; }.starter-kit>div>p { max-width: 430px; color: #5d6864; font-size: 13px; line-height: 1.7; }.starter-kit ul { margin: 0; border-top: 1px solid #cfc3b1; padding: 0; list-style: none; }.starter-kit li { display: flex; align-items: center; gap: 13px; border-bottom: 1px solid #cfc3b1; font-size: 13px; padding: 17px 0; }.starter-kit li svg { color: #e1a20d; }.agenda-hero { display: grid; grid-template-columns: 1fr .75fr; gap: 70px; padding: 104px 0 61px; }.agenda-hero h1 { margin-bottom: 0; }.agenda-hero>div:last-child { display: grid; align-content: end; justify-items: start; gap: 20px; }.agenda-hero>div:last-child p { max-width: 335px; margin: 0; color: #5e6762; font-size: 13px; line-height: 1.65; }.agenda-page-list { border-top: 3px solid #19384b; }.agenda-page-list article { display: grid; grid-template-columns: 105px 1fr 45px; gap: 20px; align-items: center; border-bottom: 1px solid #cfc3b1; padding: 33px 0; }.agenda-date { text-align: center; }.agenda-date b { display: block; font-family: "DM Serif Display",Georgia,serif; font-size: 52px; font-weight: 400; letter-spacing: -.06em; line-height: .8; }.agenda-date span { color: #a25245; font-size: 10px; font-weight: 800; letter-spacing: .1em; }.agenda-event h2 { margin: 5px 0 7px; font-family: "DM Serif Display",Georgia,serif; font-size: 32px; font-weight: 400; letter-spacing: -.045em; line-height: 1; }.agenda-event p { max-width: 615px; margin: 0; color: #646c67; font-size: 12px; line-height: 1.6; }.event-arrow { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid #19384b; background: transparent; }.agenda-photo { display: grid; grid-template-columns: 1fr 1fr; margin-top: 102px; margin-bottom: 114px; }.agenda-photo img { width: 100%; height: 310px; object-fit: cover; }.agenda-photo>div { display: grid; align-content: center; justify-items: start; background: #e3a30b; padding: 46px; }.agenda-photo h2 { margin: 13px 0 21px; font-family: "DM Serif Display",Georgia,serif; font-size: 41px; font-weight: 400; letter-spacing: -.05em; line-height: .98; }.agenda-photo a { display: inline-flex; align-items: center; gap: 6px; border-bottom: 1px solid #18232e; font-size: 11px; font-weight: 800; padding-bottom: 4px; }.directory-hero { background: #19384b; color: #fffaf0; }.directory-hero .eyebrow { color: #f1c24c; }.directory-hero h1 em { color: #f1c24c; }.directory-hero>div>p { color: #d2e0e3; }.directory-page-intro { display: grid; grid-template-columns: 1fr 260px; gap: 100px; padding: 76px 0; }.directory-page-intro>p { max-width: 640px; margin: 0; font-family: "DM Serif Display",Georgia,serif; font-size: 28px; letter-spacing: -.035em; line-height: 1.13; }.directory-page-intro>div { display: flex; gap: 12px; align-items: flex-start; color: #50605e; font-size: 12px; font-weight: 700; line-height: 1.5; }.directory-page-intro svg { flex: none; color: #d3a112; }.directory-types { display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 105px; }.directory-types article { display: grid; min-height: 275px; align-content: start; border: 1px solid #cfc3b1; border-right: 0; padding: 27px; }.directory-types article:last-child { border-right: 1px solid #cfc3b1; }.directory-types article>svg { margin-bottom: 28px; color: #d3a112; }.directory-types h2 { margin: 8px 0 11px; font-family: "DM Serif Display",Georgia,serif; font-size: 31px; font-weight: 400; letter-spacing: -.045em; line-height: 1; }.directory-types p { margin: 0; color: #626a65; font-size: 11px; line-height: 1.65; }.directory-types a { display: inline-flex; align-items: center; gap: 6px; align-self: end; margin-top: 26px; font-size: 10px; font-weight: 800; }.directory-featured { display: grid; grid-template-columns: .73fr 1.27fr; gap: 70px; padding-bottom: 93px; }.directory-featured .section-heading { display: block; margin-bottom: 0; }.pro-list { border-top: 3px solid #19384b; }.pro-list article { display: grid; grid-template-columns: 52px 1fr 35px; gap: 16px; align-items: center; border-bottom: 1px solid #cfc3b1; padding: 22px 0; }.pro-number { color: #d2a112; font-family: "DM Serif Display",Georgia,serif; font-size: 25px; }.pro-list h3 { margin: 5px 0 4px; font-family: "DM Serif Display",Georgia,serif; font-size: 26px; font-weight: 400; letter-spacing: -.04em; line-height: 1; }.pro-list p { margin: 0; color: #656d67; font-size: 11px; line-height: 1.5; }.pro-list a { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #19384b; }.detail-hero { display: grid; grid-template-columns: .86fr 1.14fr; gap: 100px; align-items: center; padding: 83px 0; }.detail-stamp { display: grid; width: min(100%,330px); height: 420px; align-content: space-between; justify-self: end; border: 14px dotted #956802; color: #8c6608; padding: 32px; }.detail-stamp.amber { background: #e8ac25; }.detail-cancel { display: grid; width: 61px; height: 61px; place-items: center; justify-self: end; border: 1px solid currentColor; border-radius: 50%; font-size: 11px; font-weight: 800; transform: rotate(-14deg); }.detail-motif { align-self: center; justify-self: center; font-family: "DM Serif Display",Georgia,serif; font-size: 56px; letter-spacing: -.07em; }.detail-stamp>span { font-size: 12px; font-weight: 800; letter-spacing: .2em; }.back-link { display: inline-block; margin-bottom: 35px; color: #52605c; font-size: 11px; font-weight: 800; }.detail-copy h1 { margin: 10px 0 18px; }.detail-copy>p { max-width: 440px; color: #5f6863; font-size: 14px; line-height: 1.7; }.detail-facts { display: grid; grid-template-columns: repeat(3,1fr); max-width: 550px; border-top: 1px solid #cfc3b1; border-bottom: 1px solid #cfc3b1; margin-top: 27px; padding: 12px 0; }.detail-facts span { display: block; color: #73776f; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.detail-facts b { font-size: 11px; }.detail-story { display: grid; grid-template-columns: 130px minmax(0,1fr) 160px; gap: 58px; border-top: 1px solid #cfc3b1; padding: 83px 0 93px; }.detail-story>aside:first-child p { margin: 9px 0; color: #d4a213; font-family: "DM Serif Display",Georgia,serif; font-size: 40px; }.detail-story article { max-width: 660px; }.detail-story article h2 { margin-top: 0; font-family: "DM Serif Display",Georgia,serif; font-size: 45px; font-weight: 400; letter-spacing: -.055em; line-height: .98; }.detail-story article p { color: #58635f; font-size: 14px; line-height: 1.8; }.detail-story blockquote { border-left: 3px solid #e2a20b; margin: 35px 0 0; padding: 5px 0 5px 20px; font-family: "DM Serif Display",Georgia,serif; font-size: 25px; letter-spacing: -.035em; line-height: 1.18; }.detail-meta { display: grid; align-content: start; gap: 11px; }.detail-meta span { color: #74796f; font-size: 10px; font-weight: 800; text-transform: uppercase; }.detail-meta a { border-bottom: 1px solid #cfc3b1; font-size: 11px; font-weight: 700; padding-bottom: 8px; }.detail-clues { background: #e4ddd0; padding: 92px 0; }.clue-grid { display: grid; grid-template-columns: repeat(3,1fr); }.clue-grid>div { border-top: 2px dotted #9d907c; padding: 20px 20px 0 0; }.clue-grid>div+div { border-left: 1px solid #bfb29f; padding-left: 25px; }.clue-grid b { color: #cb6e5d; font-family: "DM Serif Display",Georgia,serif; font-size: 30px; font-weight: 400; }.clue-grid h3 { margin: 15px 0 7px; font-family: "DM Serif Display",Georgia,serif; font-size: 27px; font-weight: 400; letter-spacing: -.04em; }.clue-grid p { max-width: 260px; margin: 0; color: #5f6762; font-size: 12px; line-height: 1.6; }.related-stamps { padding: 102px 0; }.article-hero { display: grid; grid-template-columns: 1fr 300px; gap: 100px; padding: 88px 0 75px; }.article-hero h1 { font-size: clamp(47px,5.5vw,74px); }.article-hero>div:first-child>p { max-width: 600px; color: #606863; font-size: 14px; line-height: 1.7; }.article-aside { display: grid; align-content: end; justify-items: start; gap: 20px; }.article-aside p { max-width: 210px; margin: 0; color: #7c604c; font-family: "DM Serif Display",Georgia,serif; font-size: 25px; letter-spacing: -.04em; line-height: 1.1; }.article-body { display: grid; grid-template-columns: 180px minmax(0,680px); justify-content: center; gap: 80px; border-top: 1px solid #cfc3b1; padding: 70px 0 82px; }.article-body>aside { display: grid; align-content: start; gap: 12px; }.article-body>aside span { font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.article-body>aside a { border-bottom: 1px solid #d0c3b2; font-size: 11px; font-weight: 700; padding-bottom: 7px; }.article-lead { color: #344a4b!important; font-family: "DM Serif Display",Georgia,serif; font-size: 28px!important; letter-spacing: -.035em; line-height: 1.16!important; }.article-body h2 { margin: 46px 0 13px; font-family: "DM Serif Display",Georgia,serif; font-size: 38px; font-weight: 400; letter-spacing: -.05em; line-height: 1; }.article-body p { color: #58635f; font-size: 14px; line-height: 1.78; }.article-note { display: flex; gap: 15px; background: #e5ded2; margin: 29px 0 8px; padding: 20px; }.article-note svg { flex: none; color: #d3a112; }.article-note b { font-size: 12px; }.article-note p { margin: 4px 0 0; font-size: 11px; line-height: 1.55; }.article-body .button-primary { margin-top: 20px; }.article-faq { max-width: 880px; padding-bottom: 105px; }.article-faq details { border-bottom: 1px solid #cfc3b1; padding: 17px 0; }.article-faq summary { cursor: pointer; font-family: "DM Serif Display",Georgia,serif; font-size: 25px; letter-spacing: -.035em; }.article-faq p { max-width: 700px; color: #606963; font-size: 12px; line-height: 1.7; }.sale-hero { display: grid; grid-template-columns: 1fr .78fr; gap: 90px; align-items: end; padding: 100px 0 104px; }.sale-hero h1 { font-size: clamp(49px,5.8vw,80px); }.sale-hero h1 span { color: #19384b; }.sale-hero-card { display: grid; gap: 17px; background: #f4b41a; padding: 35px; box-shadow: 14px 14px 0 #19384b; }.sale-hero-card p { margin: 0; color: #23373c; font-family: "DM Serif Display",Georgia,serif; font-size: 25px; letter-spacing: -.035em; line-height: 1.15; }.sale-hero-card .button-primary { justify-self: start; }.sale-hero-card small { font-size: 10px; font-weight: 700; }.sale-case { display: grid; grid-template-columns: 190px 1fr; gap: 90px; border-top: 1px solid #cfc3b1; padding: 91px 0; }.sale-index span { display: block; color: #d3a112; font-family: "DM Serif Display",Georgia,serif; font-size: 45px; }.sale-index b { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }.sale-case h2 { margin-top: 13px; }.sale-case p { max-width: 690px; color: #59635e; font-size: 15px; line-height: 1.78; }.sale-advantages { background: #19384b; color: #fffaf0; padding: 92px 0; }.sale-advantages .eyebrow { color: #f1c24c; }.advantage-grid { display: grid; grid-template-columns: repeat(4,1fr); }.advantage-grid article { min-height: 235px; border-top: 1px solid rgba(255,255,255,.35); padding: 17px 18px 0 0; }.advantage-grid article+article { border-left: 1px solid rgba(255,255,255,.25); padding-left: 20px; }.advantage-grid span { color: #f1c24c; font-size: 10px; font-weight: 800; }.advantage-grid h3 { margin: 52px 0 9px; font-family: "DM Serif Display",Georgia,serif; font-size: 30px; font-weight: 400; letter-spacing: -.04em; }.advantage-grid p { margin: 0; color: #c9d3d3; font-size: 11px; line-height: 1.65; }.sale-roadmap { display: grid; grid-template-columns: .78fr 1.22fr; gap: 90px; padding: 103px 0; }.roadmap-list { border-top: 3px solid #19384b; }.roadmap-list article { display: grid; grid-template-columns: 90px 1fr; gap: 18px; border-bottom: 1px solid #cfc3b1; padding: 22px 0; }.roadmap-list b { color: #d3a112; font-size: 10px; text-transform: uppercase; }.roadmap-list h3 { margin: 0 0 5px; font-family: "DM Serif Display",Georgia,serif; font-size: 27px; font-weight: 400; letter-spacing: -.04em; }.roadmap-list p { margin: 0; color: #636b65; font-size: 11px; line-height: 1.6; }.sale-contact { background: #ca6f5f; color: #fffaf0; padding: 92px 0; }.sale-contact>div { display: grid; justify-items: center; text-align: center; }.sale-contact h2 { margin: 14px 0; font-family: "DM Serif Display",Georgia,serif; font-size: clamp(42px,4.5vw,62px); font-weight: 400; letter-spacing: -.06em; line-height: .95; }.sale-contact p { max-width: 450px; margin: 0 0 26px; font-size: 12px; line-height: 1.7; }.sale-contact a { display: inline-flex; align-items: center; gap: 7px; border-bottom: 1px solid #fffaf0; font-size: 13px; font-weight: 800; padding-bottom: 4px; }

.site-footer { background: #142e3f; color: #fffaf0; margin-top: 0; }.footer-top { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; border-bottom: 1px solid rgba(255,255,255,.24); padding: 56px 0; }.brand-footer { color: #fffaf0; }.footer-brand p { max-width: 215px; color: #b6c8cb; font-size: 11px; line-height: 1.6; }.newsletter-form { justify-self: end; max-width: 385px; }.newsletter-form p { margin: 7px 0 13px; font-family: "DM Serif Display",Georgia,serif; font-size: 23px; letter-spacing: -.035em; line-height: 1.1; }.newsletter-form>div { display: flex; border-bottom: 1px solid #b7c5c5; }.newsletter-form input { min-width: 0; flex: 1; border: 0; background: transparent; color: white; font-size: 11px; outline: 0; padding: 10px 0; }.newsletter-form input::placeholder { color: #adc0c3; }.newsletter-form button { border: 0; background: transparent; color: #f5c55b; font-size: 10px; font-weight: 800; }.footer-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; padding: 40px 0; }.footer-links>div { display: grid; justify-items: start; gap: 8px; }.footer-links>div>span:first-child { margin-bottom: 5px; color: #f5c55b; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.footer-links a,.footer-note { color: #d6e2e0; font-size: 11px; }.footer-base { position: relative; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.24); color: #9fb4b6; font-size: 10px; padding: 18px 0; }.perforation { position: absolute; top: -2px; left: 50%; width: 130px; border-top: 3px dotted #f5c55b; transform: translateX(-50%); }

@media (max-width: 900px) { .shell-width { width: min(100% - 36px, 700px); }.desktop-nav,.nav-search,.header-cta { display: none; }.menu-button { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid #d9cfbf; }.mobile-nav { display: grid; border-top: 1px solid #d9cfbf; background: #fffdf8; padding: 12px 18px 18px; }.mobile-nav a { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e3dacd; font-size: 13px; font-weight: 800; padding: 14px 0; animation: mobile-enter .25s cubic-bezier(.23,1,.32,1) both; }.mobile-nav .mobile-sale { color: #9e4738; }.hero-grid { display: flex; min-height: auto; flex-direction: column; }.hero-copy { width: min(100% - 36px,700px); margin: 0 auto; padding: 70px 0 48px; }.hero-visual { min-height: 340px; border-top: 8px solid #f4b41a; border-left: 0; }.archive-intro { grid-template-columns: 54px 1fr; gap: 20px; padding: 72px 0; }.intro-side { grid-column: 2; padding-top: 0; }.feature-section { grid-template-columns: 1fr; gap: 38px; margin-bottom: 85px; }.feature-image,.feature-image img { min-height: 310px; }.stamp-row { grid-template-columns: repeat(2,1fr); }.section-heading { display: block; }.section-heading-side { margin-top: 18px; }.route-grid { grid-template-columns: 1fr; }.route-card:nth-child(2),.route-card:nth-child(3) { border-top: 1px solid #cfc3b1; border-left: 0; }.agenda-layout,.directory-section,.collect-hero,.agenda-hero,.directory-page-intro,.directory-featured,.detail-hero,.article-hero,.sale-hero,.sale-case,.sale-roadmap { grid-template-columns: 1fr; gap: 38px; }.directory-cards { max-width: 560px; }.footer-top { grid-template-columns: 1fr; gap: 35px; }.newsletter-form { justify-self: start; }.archive-masonry { grid-template-columns: repeat(2,1fr); }.guide-layout { grid-template-columns: 1fr; gap: 35px; }.guide-side { grid-template-columns: repeat(2,1fr); }.guide-side .eyebrow { grid-column: 1/-1; }.guide-side div { grid-column: 1/-1; }.steps-grid,.directory-types,.clue-grid,.advantage-grid { grid-template-columns: 1fr; }.steps-grid { gap: 35px; }.theme-grid { grid-template-columns: 1fr; }.theme-card { min-height: 175px; }.starter-kit { grid-template-columns: 1fr; gap: 40px; }.agenda-photo { grid-template-columns: 1fr; }.directory-types article,.directory-types article:last-child { border: 1px solid #cfc3b1; border-bottom: 0; }.directory-types article:last-child { border-bottom: 1px solid #cfc3b1; }.directory-featured .section-heading { margin-bottom: 0; }.detail-stamp { justify-self: start; }.detail-story { grid-template-columns: 65px 1fr; gap: 25px; }.detail-meta { display: none; }.clue-grid>div+div { border-left: 0; padding-left: 0; }.article-body { grid-template-columns: 1fr; gap: 35px; }.article-body>aside { display: none; }.sale-hero-card { max-width: 430px; }.advantage-grid article+article { border-left: 0; padding-left: 0; }.advantage-grid article { min-height: auto; padding-bottom: 22px; }.advantage-grid h3 { margin-top: 22px; }.footer-links { grid-template-columns: repeat(3,1fr); }.archive-orbit { top: 52px; right: -72px; width: 190px; height: 190px; opacity: .65; }.page-hero.guides-hero img { width: 38%; opacity: .48; }.guides-hero h1,.guides-hero p { position: relative; z-index: 1; }.detail-facts { gap: 11px; }.sale-case { padding: 66px 0; } }
@media (max-width: 560px) { .sale-inner { min-height: 39px; }.sale-inner p { max-width: 260px; font-size: 9px; line-height: 1.35; }.sale-link { font-size: 9px; }.brand { font-size: 25px; }.header-inner { min-height: 65px; }.hero-copy h1,.page-hero h1,.collect-hero h1,.agenda-hero h1,.detail-copy h1,.article-hero h1,.sale-hero h1 { font-size: 50px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 17px; }.hero-meta { margin-top: 43px; }.intro-statement { font-size: 32px; }.soft-section,.start-section,.agenda-strip,.theme-routes,.sale-advantages { padding: 62px 0; }.stamp-face { min-height: 173px; padding: 11px; }.stamp-motif { font-size: 21px; }.stamp-copy h3 { font-size: 18px; }.directory-cards { grid-template-columns: 1fr; gap: 20px; }.directory-card.offset { margin-top: 0; }.page-hero { padding: 67px 0; }.archive-orbit { display: none; }.archive-pull>div { grid-template-columns: 1fr; gap: 17px; }.archive-pull { padding: 55px 0; }.archive-pull p { font-size: 30px; }.guides-hero { min-height: 370px; }.guides-hero>div { width: min(100% - 36px,700px); }.guides-hero img { width: 100%!important; opacity: .2!important; }.guide-side { grid-template-columns: 1fr; }.guide-side div { grid-column: auto; }.guide-item { grid-template-columns: 35px 1fr; gap: 10px; }.guide-item h2 { font-size: 25px; }.collect-hero { padding: 69px 0; }.collect-object { min-height: 285px; }.object-stamp { width: 146px; height: 183px; }.steps-section { padding-bottom: 66px; }.starter-kit { padding: 70px 0; }.agenda-page-list article { grid-template-columns: 60px 1fr 29px; gap: 12px; }.agenda-date b { font-size: 40px; }.agenda-event h2 { font-size: 25px; }.agenda-photo { margin: 63px auto 72px; }.agenda-photo>div { padding: 33px; }.directory-page-intro { padding: 54px 0; }.directory-page-intro>p { font-size: 25px; }.detail-hero { padding: 55px 0; }.detail-stamp { width: 250px; height: 315px; padding: 24px; }.detail-motif { font-size: 46px; }.detail-story { padding: 57px 0; }.detail-story article h2 { font-size: 37px; }.clue-grid>div { padding: 20px 0; }.related-stamps { padding: 65px 0; }.article-hero { padding: 57px 0; }.article-aside { display: none; }.article-body { padding: 50px 0; }.article-body h2 { font-size: 34px; }.article-faq { padding-bottom: 70px; }.article-faq summary { font-size: 22px; }.sale-hero { padding: 65px 0; }.sale-hero-card { padding: 27px; box-shadow: 9px 9px 0 #19384b; }.sale-case h2,.sale-roadmap h2 { font-size: 42px; }.sale-roadmap { padding: 65px 0; }.roadmap-list article { grid-template-columns: 67px 1fr; }.footer-top { padding: 46px 0; }.footer-links { grid-template-columns: 1fr 1fr; }.footer-links>div:last-child { grid-column: 1/-1; }.footer-base { align-items: flex-start; flex-direction: column; gap: 6px; }.perforation { display: none; } }
@keyframes mobile-enter { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto!important; animation-duration: .001ms!important; transition-duration: .001ms!important; } }

/*
 * Dirección Archivo de luz: capa de oficio material. Textura de papel, tramas de tinta,
 * marcas postales y pequeños indicios iconográficos hacen que cada pieza parezca un objeto de archivo.
 */
body {
  background-color: #f6f1e7;
  background-image: radial-gradient(rgba(69,57,38,.055) .55px, transparent .7px), linear-gradient(120deg, rgba(255,255,255,.32), transparent 35%);
  background-size: 5px 5px, 100% 100%;
}

.brand-word { position: relative; }
.brand-o { position: relative; display: inline-block; color: #19384b; }
.brand-o::after { position: absolute; top: 47%; left: 50%; width: 18px; height: 18px; border: 1px solid #c04b3d; border-radius: 50%; content: ""; opacity: .9; transform: translate(-51%,-51%) rotate(-17deg); }
.brand-o::before { position: absolute; top: 49%; left: -2px; width: 22px; border-top: 1px dotted #c04b3d; content: ""; transform: rotate(28deg); }

.stamp-face { isolation: isolate; }
.stamp-face::before { position: absolute; z-index: 0; inset: 8px; border: 1px solid rgba(255,255,255,.37); content: ""; }
.stamp-face::after { position: absolute; z-index: 0; right: 15px; bottom: 13px; width: 22px; height: 22px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; content: ""; opacity: .45; }
.stamp-card.amber .stamp-face { background-color: #f2b732; background-image: radial-gradient(rgba(82,57,4,.11) .5px, transparent .8px); background-size: 5px 5px; }
.stamp-card.blue .stamp-face { background-color: #8cb4c5; background-image: radial-gradient(rgba(21,66,90,.13) .5px, transparent .8px); background-size: 5px 5px; }
.stamp-card.red .stamp-face { background-color: #c96e5d; background-image: radial-gradient(rgba(89,28,20,.12) .5px, transparent .8px); background-size: 5px 5px; }
.stamp-card.green .stamp-face { background-color: #9cae95; background-image: radial-gradient(rgba(36,64,39,.12) .5px, transparent .8px); background-size: 5px 5px; }
.stamp-cancel,.stamp-motif,.stamp-country { position: relative; z-index: 2; }
.stamp-engraving { position: absolute; z-index: 1; inset: 46px 15px 35px; overflow: hidden; opacity: .46; }
.stamp-engraving::before,.stamp-engraving::after,.stamp-engraving span,.stamp-engraving i { position: absolute; display: block; content: ""; }
.engraving-tren::before { right: 4%; bottom: 28%; left: 4%; height: 11px; border-top: 3px solid currentColor; border-bottom: 3px solid currentColor; transform: skewX(-15deg); }
.engraving-tren::after { right: 21%; bottom: 16%; left: 14%; height: 13px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; }
.engraving-tren span,.engraving-tren i { bottom: 9%; width: 16px; height: 16px; border: 2px solid currentColor; border-radius: 50%; }.engraving-tren span { left: 22%; }.engraving-tren i { right: 15%; }
.engraving-cielo::before { top: 30%; left: 18%; width: 68%; border-top: 2px solid currentColor; transform: rotate(-25deg); }.engraving-cielo::after { top: 40%; left: 29%; width: 56%; border-top: 1px solid currentColor; transform: rotate(28deg); }.engraving-cielo span { top: 17%; left: 12%; width: 32px; height: 12px; border-top: 2px solid currentColor; border-radius: 50%; }
.engraving-puente::before { bottom: 15%; left: 10%; width: 77%; height: 49%; border: 3px solid currentColor; border-bottom: 0; border-radius: 100% 100% 0 0; }.engraving-puente::after { right: 4%; bottom: 14%; left: 4%; border-top: 3px solid currentColor; }.engraving-puente span { top: 35%; bottom: 17%; left: 45%; border-left: 2px solid currentColor; }
.engraving-clara::before { top: 18%; left: 18%; width: 56%; height: 61%; border: 2px solid currentColor; }.engraving-clara::after { top: 27%; left: 6%; width: 60%; height: 45%; border: 1px solid currentColor; transform: rotate(-14deg); }
.engraving-jardín::before { top: 17%; left: 34%; width: 42px; height: 42px; border: 2px solid currentColor; border-radius: 50% 0 50% 0; transform: rotate(45deg); }.engraving-jardín::after { top: 55%; left: 49%; height: 48%; border-left: 2px solid currentColor; transform: rotate(25deg); }
.engraving-letra::before { top: 20%; right: 8%; left: 8%; height: 54%; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; background: repeating-linear-gradient(0deg,transparent 0 9px,currentColor 9px 10px); }
.engraving-mapa::before { top: 21%; left: 15%; width: 57%; height: 55%; border: 2px solid currentColor; border-radius: 48% 33% 45% 31%; transform: rotate(-11deg); }.engraving-mapa::after { top: 55%; left: 4%; width: 87%; border-top: 1px solid currentColor; transform: rotate(12deg); }
.engraving-noche::before { top: 17%; left: 37%; width: 43px; height: 43px; border: 2px solid currentColor; border-radius: 50%; }.engraving-noche::after { right: 8%; bottom: 13%; left: 8%; border-top: 1px solid currentColor; box-shadow: 0 -17px 0 -1px currentColor; }

.page-hero.archive-hero { background-color: #ded6c8; background-image: linear-gradient(90deg,transparent 0 84%,rgba(101,74,54,.11) 84% 84.5%,transparent 84.5%),radial-gradient(rgba(84,69,49,.08) .55px,transparent .7px); background-size: 100% 100%,5px 5px; }
.archive-hero::after { position: absolute; top: 48px; right: 7%; width: 165px; height: 190px; border: 1px solid #b4a595; content: ""; box-shadow: 14px 14px 0 rgba(193,111,94,.19),-16px 27px 0 rgba(25,56,75,.10); transform: rotate(8deg); }
.agenda-hero { position: relative; overflow: hidden; }.agenda-hero::after { position: absolute; right: 19%; bottom: -57px; width: 115px; height: 115px; border: 1px solid #c47465; content: ""; box-shadow: -17px -17px 0 rgba(25,56,75,.09); transform: rotate(11deg); }.agenda-hero>* { position: relative; z-index: 1; }
.directory-hero::after { position: absolute; top: 43px; right: 12%; width: 125px; height: 150px; border: 1px solid rgba(244,180,26,.8); content: ""; box-shadow: 15px 15px 0 rgba(244,180,26,.12),-16px 25px 0 rgba(255,255,255,.08); transform: rotate(-9deg); }
.sale-hero { position: relative; overflow: hidden; }.sale-hero::before { position: absolute; top: 65px; left: 35%; width: 155px; height: 185px; border: 1px solid #c9baa6; content: ""; box-shadow: 16px 16px 0 rgba(25,56,75,.09),-18px 23px 0 rgba(192,75,61,.11); transform: rotate(-9deg); }.sale-hero>* { position: relative; z-index: 1; }.sale-hero-card { background-color: #f4b41a; background-image: radial-gradient(rgba(85,60,0,.12) .55px,transparent .8px); background-size: 5px 5px; }

@media (max-width: 900px) { .archive-hero::after,.directory-hero::after { right: -42px; opacity: .55; }.sale-hero::before { left: auto; right: -70px; opacity: .35; } }
@media (max-width: 560px) { .brand-o::after { width: 15px; height: 15px; }.archive-hero::after,.directory-hero::after { display: none; }.stamp-engraving { inset: 37px 11px 28px; } }