@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--ink:#142235;--navy:#101b2a;--paper:#f6f3ec;--white:#fffdf8;--muted:#6e7885;--gold:#c59a5a;--line:#e4dfd4;--teal:#7eaaa7;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 clamp(20px,6vw,100px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;position:sticky;top:0;z-index:1000;border-bottom:1px solid #ffffff17}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:var(--serif);font-size:25px;line-height:1}.brand-mark span{font-size:13px}.brand-copy{display:flex;flex-direction:column;line-height:1.25;letter-spacing:.12em}.brand-copy strong{font-size:16px;letter-spacing:.22em}.brand-copy small{font-size:8px;letter-spacing:.19em;color:#c6cbd0;margin-top:5px}.topbar nav{display:flex;gap:30px;font-size:12px;color:#d8dce0}.topbar nav a:hover{color:var(--gold)}.hero{min-height:570px;background:var(--navy);color:#fff;padding:75px clamp(20px,10vw,160px) 82px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:35px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:9px}.eyebrow span{display:inline-block;width:20px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(48px,6vw,78px);line-height:1.05;font-weight:500;letter-spacing:-.04em;margin:24px 0 14px}h1 em,h2 em{font-weight:500;color:var(--gold)}.hero-lead{font-size:20px;color:#e4e0d6;margin-bottom:18px}.hero-description{font-size:14px;color:#b9c2cb;max-width:490px;line-height:1.9}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--gold);color:#111b28;padding:15px 20px;border:0;font:700 11px var(--sans);letter-spacing:.06em;cursor:pointer;margin-top:19px;transition:transform .2s,background .2s}.primary-btn:hover{transform:translateY(-2px);background:#d9b579}.primary-btn span{font-size:17px}.hero-art{min-height:370px;position:relative;display:grid;place-items:center}.globe{width:min(330px,72vw);height:min(330px,72vw);max-width:330px;max-height:330px;border:1px solid #c59a5a73;border-radius:50%;position:relative;background:radial-gradient(circle at 48% 45%,#21384b 0,#17283b 45%,#101b2a 70%);box-shadow:inset 0 0 60px #c59a5a12,0 0 60px #0002;overflow:hidden}.globe:before,.globe:after{content:'';position:absolute;inset:14% 0;border:1px solid #c59a5a38;border-radius:50%}.globe:after{inset:0 25%;}.globe-line{position:absolute;top:50%;left:-5%;width:110%;height:1px;background:#c59a5a32;transform:rotate(-22deg)}.globe-line.vertical{transform:rotate(65deg)}.orbit{position:absolute;border:1px solid #c59a5a3b;border-radius:50%;width:390px;height:190px;transform:rotate(-28deg)}.orbit-two{width:430px;height:250px;transform:rotate(35deg)}.pin{position:absolute;color:var(--gold);font-size:20px;text-shadow:0 0 15px #c59a5a}.pin-a{top:27%;left:26%}.pin-b{top:55%;left:64%}.pin-c{top:39%;left:47%}.globe-label{position:absolute;bottom:24%;width:100%;text-align:center;font-size:13px;letter-spacing:.35em;color:#f2dfbd}.globe-label small{font-size:7px;letter-spacing:.19em;color:#9cabb6}.art-note{position:absolute;bottom:0;right:5%;font-size:8px;letter-spacing:.24em;color:#8594a1}.search-band{padding:26px clamp(20px,10vw,160px);display:flex;align-items:center;gap:35px;background:#ebe6dc;border-bottom:1px solid var(--line)}.search-box{height:56px;background:var(--white);border:1px solid #ddd5c8;display:flex;align-items:center;gap:14px;padding:0 17px;flex:1;min-width:0}.search-box>span{font-size:27px;color:var(--gold)}.search-box input{border:0;outline:0;background:transparent;flex:1;min-width:0;font:12px var(--sans);color:var(--ink)}.search-box kbd{font:700 8px var(--sans);letter-spacing:.14em;color:#8b8d8c}.quick-stats{display:flex;gap:25px;flex-shrink:0}.quick-stats div{display:flex;flex-direction:column}.quick-stats strong{font-family:var(--serif);font-size:23px;font-weight:500}.quick-stats span{font-size:9px;color:var(--muted)}.section-wrap{padding:90px clamp(20px,10vw,160px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading h2,.contribute h2{font:500 clamp(34px,4vw,49px)/1.15 var(--serif);letter-spacing:-.03em;margin:13px 0 0}.section-heading h2 em,.contribute h2 em{color:#b4884a}.section-heading>p{max-width:360px;color:var(--muted);font-size:12px;line-height:1.8;margin:0}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;border:1px solid var(--line);background:var(--white);min-height:450px}.map-layout #memoryMap{height:450px;min-width:0;z-index:1}.map-side{padding:31px 27px;border-left:1px solid var(--line)}.side-label{font-size:9px;color:var(--gold);letter-spacing:.18em;font-weight:700}.map-side h3{font:500 28px/1.15 var(--serif);margin:15px 0}.map-side>p{font-size:11px;color:var(--muted);line-height:1.8}.map-results{display:flex;flex-direction:column;gap:9px;margin:20px 0}.map-result{border:0;border-left:2px solid var(--gold);padding:7px 10px;background:#f6f3ec;text-align:left;cursor:pointer;color:var(--ink);font:600 10px/1.5 var(--sans)}.map-result small{display:block;font-size:9px;color:var(--muted);font-weight:400}.map-legend{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:18px}.legend-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;display:inline-block}.map-credit{font-size:9px;color:#8b8e90;margin:9px 0 0}.leaflet-popup-content-wrapper{border-radius:2px!important;background:var(--white)!important;color:var(--ink)!important;box-shadow:0 6px 25px #14223522!important}.leaflet-popup-content{font-family:var(--sans);font-size:12px;line-height:1.6;min-width:180px}.leaflet-popup-content strong{font-family:var(--serif);font-size:17px;display:block;line-height:1.25;margin-bottom:5px}.leaflet-popup-content a{color:#9b7138;text-decoration:underline}.custom-marker{background:var(--gold);border:3px solid var(--white);box-shadow:0 2px 8px #0003;border-radius:50%;width:18px;height:18px}.stories-section{padding-top:25px}.filter-row{display:flex;flex-wrap:wrap;gap:6px}.filter{background:transparent;border:1px solid #d8d1c5;padding:9px 12px;font:500 9px var(--sans);color:#626b73;cursor:pointer}.filter.active,.filter:hover{background:var(--navy);border-color:var(--navy);color:white}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-card{background:var(--white);border:1px solid var(--line);padding:26px 25px 23px;min-height:280px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.story-card:hover{transform:translateY(-4px);border-color:#c6a36d}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px}.card-category{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#a17b43;font-weight:700}.card-date{font-size:9px;color:#838a90}.story-card h3{font:500 23px/1.22 var(--serif);margin-bottom:11px}.card-location{font-size:10px;color:#6e7d87;margin-bottom:13px}.story-card p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:20px}.card-bottom{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.status{font-size:8px;color:#557d75}.details-btn{background:none;border:0;color:var(--ink);font:700 9px var(--sans);cursor:pointer}.details-btn:hover{color:#a17b43}.empty-state{padding:40px;text-align:center;color:var(--muted);font-size:13px}.quote-band{padding:70px 20px;background:#e9e2d5;text-align:center}.quote-mark{font:70px/.7 var(--serif);color:var(--gold)}.quote-band p{font:500 clamp(22px,3vw,32px)/1.5 var(--serif);max-width:760px;margin:22px auto;color:#263548}.quote-credit{font-size:8px;letter-spacing:.22em;color:#7a7f80}.contribute{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.contribute-copy>p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:22px;max-width:400px}.notice{border-left:2px solid var(--gold);padding:12px 15px;background:#eee8dc;display:flex;flex-direction:column;gap:5px;margin-top:30px;max-width:390px}.notice strong{font-size:10px}.notice span{font-size:10px;line-height:1.7;color:var(--muted)}.contribute-form{background:var(--white);border:1px solid var(--line);padding:27px;display:flex;flex-direction:column;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contribute-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;color:#3a4856}.contribute-form input,.contribute-form textarea{width:100%;border:1px solid #ded8cd;background:#fbf9f4;padding:12px;font:11px var(--sans);color:var(--ink);outline:none;resize:vertical}.contribute-form input:focus,.contribute-form textarea:focus{border-color:var(--gold)}.contribute-form input::placeholder,.contribute-form textarea::placeholder{color:#a4a5a0}.privacy-note{font-size:9px;line-height:1.7;color:var(--muted)}.contribute-form .primary-btn{align-self:flex-start;margin-top:0}footer{padding:35px clamp(20px,6vw,100px) 22px;background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.footer-brand{justify-self:start}footer>p{justify-self:end;color:#adb8c1;font-size:10px;margin:0;text-align:right}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff1a;padding-top:18px;color:#758492;font-size:9px}.form-success,.form-error{max-width:750px;margin:70px auto;padding:50px 25px;text-align:center;background:var(--white);border:1px solid var(--line)}.form-success h1,.form-error h1{font-size:42px}.form-success p,.form-error p{color:var(--muted);font-size:13px}.form-success .primary-btn,.form-error .primary-btn{margin-top:15px}
@media(max-width:900px){.topbar{padding:0 22px}.topbar nav{gap:16px}.hero{padding:60px 7vw;grid-template-columns:1fr 0.8fr}.search-band{padding:20px 7vw;gap:20px}.section-wrap{padding:70px 7vw}.map-layout{grid-template-columns:1fr}.map-side{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.map-side h3{margin-top:10px}.map-side>p{grid-column:2;grid-row:1/3}.map-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.map-legend{grid-column:1/-1}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contribute{gap:30px}}
@media(max-width:640px){.topbar{height:auto;min-height:72px;align-items:flex-start;padding:15px 18px;flex-direction:column;gap:13px}.topbar nav{width:100%;gap:18px;overflow:auto;white-space:nowrap;font-size:10px;padding-bottom:2px}.brand-mark{width:34px;height:34px;font-size:21px}.brand-copy strong{font-size:14px}.hero{display:block;padding:55px 22px 40px}.hero-art{min-height:270px;margin-top:15px}.globe{width:240px;height:240px}.orbit{width:290px;height:150px}.orbit-two{width:320px;height:180px}.art-note{right:0;bottom:2px}.hero-description{font-size:13px}.search-band{display:block;padding:18px}.search-box{padding:0 11px;gap:9px}.search-box input{font-size:10px}.search-box kbd{display:none}.quick-stats{margin-top:17px;gap:30px}.section-wrap{padding:58px 18px}.section-heading{display:block}.section-heading>p{margin-top:17px}.map-layout #memoryMap{height:370px}.map-side{display:block;padding:24px}.map-side>p{margin-top:0}.map-results{display:flex}.stories-section{padding-top:20px}.filter-row{margin-top:20px}.story-grid{grid-template-columns:1fr}.story-card{min-height:0}.quote-band{padding:55px 24px}.contribute{display:block}.contribute-form{margin-top:28px;padding:18px}.form-row{grid-template-columns:1fr}.contribute-form .primary-btn{width:100%;justify-content:space-between}footer{display:block;padding:30px 20px 20px}footer>p{text-align:left;margin:20px 0}.footer-bottom{display:block;margin-top:20px}}

.trap-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* ==========================================
   CONOCER — SCROLL INDEPENDIENTE DE HISTORIAS
   ========================================== */

.map-results {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    padding-right: 8px;

    scrollbar-width: thin;
    scrollbar-color: var(--gold) #f3efe7;
}

/* Barra de desplazamiento para Chrome y Edge */
.map-results::-webkit-scrollbar {
    width: 7px;
}

.map-results::-webkit-scrollbar-track {
    background: #f3efe7;
    border-radius: 10px;
}

.map-results::-webkit-scrollbar-thumb {
    background: var(--gold);
    border-radius: 10px;
}

.map-results::-webkit-scrollbar-thumb:hover {
    background: #a87935;
}

/* Mantener el desplazamiento en pantallas pequeñas */
@media (max-width: 640px) {
    .map-results {
        max-height: 300px;
        overflow-y: auto;
    }
}
/* CONOCER — comunidad de colaboradores */
.contributors-section{background:#f8f5ee;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contributors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.contributor-card{background:var(--white);border:1px solid var(--line);padding:22px;min-height:130px;position:relative}
.contributor-rank{font-size:9px;letter-spacing:.14em;color:#9b7136;text-transform:uppercase;font-weight:800}
.contributor-card h3{font-size:18px;margin:12px 0 8px;overflow-wrap:anywhere}
.contributor-count{font-size:11px;color:var(--muted)}
.contributors-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:20px}
.contributors-empty{padding:22px;background:#fffdf8;border:1px dashed var(--line);color:var(--muted);font-size:12px}
.contributor-consent{justify-content:center}.contributor-consent>span:first-child{font-size:10px;font-weight:700;color:#3a4856}.checkline{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.6;color:var(--muted);font-weight:400}.checkline input{width:auto;margin-top:2px;flex:0 0 auto}
@media(max-width:900px){.contributors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.contributors-grid{grid-template-columns:1fr}.contributor-card{min-height:0}}
/* CONOCER: aprovechar toda la altura del mapa en PC */
@media (min-width: 901px) {
    #memoryMap {
        height: 100% !important;
        min-height: 580px;
    }
}