/* Una historia con capas, textura y un recuerdo vivo. */
.since{background:linear-gradient(150deg,#fffaf5,#f9e4df);position:relative;overflow:hidden}.since:after{content:"♥";position:absolute;right:-15px;bottom:-30px;font:145px/1 "Playfair Display",Georgia;color:#eeb3ba44}.since .counter{position:relative;padding:15px 0 15px;border-top:1px solid #dbbcb9;border-bottom:1px solid #dbbcb9}.since .counter:before{content:"para volver una y otra vez";position:absolute;right:0;top:-21px;color:var(--red);font:italic 13px "Playfair Display",Georgia}.since .counter b{font-size:54px;letter-spacing:-.12em}.since .counter span{font:10px/1.35 "DM Mono",monospace;letter-spacing:.04em}.main-memory{isolation:isolate;background:linear-gradient(155deg,#e4838e,#c14660 53%,#662d3f)}.main-memory:before{content:"";position:absolute;inset:18px;border:1px solid #ffe8e455;z-index:-1}.main-memory:after{content:"✦";position:absolute;right:27px;top:28px;color:#ffe4d9;font-size:18px;opacity:.8}.main-memory .tag{display:inline-block;padding:7px 9px;background:#fff2ee20;border:1px solid #fff2ee55;letter-spacing:.1em}.main-memory .memory-bottom{align-items:center}.main-memory .memory-bottom p{max-width:290px;text-shadow:0 2px 12px #53202d55}.main-memory .memory-bottom button{border-radius:50%;width:46px;height:46px;font-size:24px;line-height:1;padding:0;transition:.25s}.main-memory .memory-bottom button:hover{transform:rotate(90deg) scale(1.08);box-shadow:none}.note{position:relative;background:linear-gradient(150deg,#fff0ed,#f7d8d5)}.note>span{font-size:95px;line-height:.7}.note #personal-note{font-size:22px;line-height:1.2}.edit-note{align-self:flex-start;margin:18px 0 16px;padding:9px 0;background:transparent;color:var(--wine);border-bottom:1px solid var(--wine);font:700 10px "DM Mono",monospace;box-shadow:none}.edit-note:hover{transform:none;box-shadow:none;color:var(--red);border-color:var(--red)}.edit-note span{float:none;margin-left:9px}.note-modal[hidden]{display:none}.note-modal{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:18px;background:#28151cbb}.note-editor-card{position:relative;width:min(510px,100%);padding:45px;background:#fffaf5;box-shadow:13px 14px 0 var(--red)}.note-editor-card h2{font-size:39px;line-height:1;margin:0 0 26px}.note-editor-card label{display:grid;gap:8px;font-size:12px;font-weight:700}.note-editor-card textarea{min-height:145px;resize:vertical;padding:13px;border:1px solid #d6c4c0;background:#fffdf9;font:15px/1.5 "DM Sans",sans-serif;outline-color:var(--red)}.note-editor-card>button[type=submit]{width:100%;margin-top:16px}.close-note{position:absolute;right:14px;top:14px;width:34px;height:34px;padding:0;text-align:center;background:var(--wine)}body.dark-mode .since{background:linear-gradient(150deg,#291b22,#37212b)}body.dark-mode .note{background:linear-gradient(150deg,#39242d,#4d2d38)}body.dark-mode .note-editor-card{background:#21171e;color:#f8e8e5}body.dark-mode .note-editor-card textarea{background:#2c1c25;color:#f8e8e5;border-color:#72515a}@media(max-width:850px){.main-memory .memory-bottom p{max-width:240px}.note #personal-note{font-size:20px}}