/* Consola22 · Notas v1 */
.notes-page,.note-page{padding:clamp(58px,7vw,92px) 0 clamp(72px,8vw,105px)}
.notes-shell{max-width:1040px}.note-shell{max-width:900px}
.notes-header{max-width:780px;margin-bottom:clamp(42px,5vw,62px)}
.notes-header h1,.note-header h1{margin:12px 0 16px;color:var(--c22-deep,#0F2A33);font-size:clamp(2.45rem,5.5vw,4.6rem);line-height:1.02;letter-spacing:-.045em}
.notes-header>p:last-of-type,.note-description{margin:0;color:#64767D;font-size:1.02rem;line-height:1.7}
.notes-back,.note-back{display:inline-block;margin-top:18px;color:#0F2A33;font-size:.83rem;font-weight:800;text-decoration:none}
.notes-back:hover,.note-back:hover{color:#078793}
.notes-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:8px}
.notes-section-heading h2,.notes-archive h2,.notes-month h2{margin:0;color:#0F2A33;font-size:1.45rem;letter-spacing:-.025em}
.notes-section-heading a{color:#64767D;font-size:.8rem;font-weight:750;text-decoration:none}
.notes-list{border-top:1px solid #DCE5E8}
.notes-row{display:grid;grid-template-columns:78px minmax(0,1fr) 24px;gap:20px;align-items:start;padding:24px 0;border-bottom:1px solid #DCE5E8;color:inherit;text-decoration:none}
.notes-row-date{padding-top:3px;color:#22AFC0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:850}
.notes-row-body{display:grid;gap:6px}
.notes-row-category{color:#76878D;font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.notes-row-body strong{color:#0F2A33;font-size:1.04rem}
.notes-row-body>span:last-child{max-width:720px;color:#64767D;font-size:.88rem;line-height:1.55}
.notes-row-arrow{color:#22C7D6;font-weight:900}
.notes-row:hover .notes-row-body strong,.notes-row:focus-visible .notes-row-body strong{color:#087F8A}
.notes-archive{margin-top:clamp(58px,7vw,84px)}
.notes-years{display:grid;margin-top:20px;border-top:1px solid #DCE5E8}
.notes-years a{display:grid;grid-template-columns:110px 1fr 22px;gap:18px;padding:18px 0;border-bottom:1px solid #DCE5E8;color:inherit;text-decoration:none}
.notes-years strong{color:#0F2A33}.notes-years span{color:#718289;font-size:.86rem}.notes-years span:last-child{color:#22C7D6}
.notes-empty{padding:28px;border:1px solid #DCE5E8;border-radius:16px;background:#fff}
.notes-empty strong{color:#0F2A33}.notes-empty p{margin-bottom:0;color:#64767D}
.notes-month+.notes-month{margin-top:54px}.notes-month h2{margin-bottom:16px}
.note-article{max-width:820px;margin:0 auto}.note-header{margin-bottom:32px}.note-back{margin-top:0;margin-bottom:24px}
.note-meta{display:flex;gap:10px;color:#708188;font-size:.72rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}
.note-meta span+span::before{content:"·";margin-right:10px;color:#22C7D6}.note-description{max-width:720px}
.note-cover{margin:34px 0}.note-cover img{display:block;width:100%;height:auto;max-width:100%;border-radius:16px}
.note-content{color:#26373D;font-size:1.02rem;line-height:1.78}.note-content h2,.note-content h3{color:#0F2A33;letter-spacing:-.025em}
.note-content h2{margin:2.1em 0 .75em;font-size:1.65rem}.note-content h3{margin:1.8em 0 .65em;font-size:1.25rem}
.note-content p,.note-content ul,.note-content ol,.note-content blockquote,.note-content pre{margin:0 0 1.25em}
.note-content a{color:#087F8A;text-decoration-thickness:1px;text-underline-offset:3px}
.note-content blockquote{padding:3px 0 3px 20px;border-left:3px solid #22C7D6;color:#52656C}
.note-content pre{overflow-x:auto;padding:18px;border-radius:12px;background:#0F2A33;color:#ECF6F7;font-size:.86rem}
.note-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.note-content p code,.note-content li code{padding:2px 5px;border-radius:5px;background:#EAF0F2;color:#24404A;font-size:.9em}
.note-content hr{margin:2.2em 0;border:0;border-top:1px solid #DCE5E8}
.note-end{margin-top:46px;padding-top:22px;border-top:1px solid #DCE5E8}
.note-end a{color:#0F2A33;font-size:.85rem;font-weight:850;text-decoration:none}.note-end a:hover{color:#087F8A}
@media(max-width:640px){
.notes-page,.note-page{padding-top:46px}.notes-header{margin-bottom:36px}.notes-header h1,.note-header h1{font-size:clamp(2.4rem,12vw,3.6rem)}
.notes-row{grid-template-columns:58px minmax(0,1fr) 16px;gap:13px;padding:20px 0}.notes-row-body>span:last-child{font-size:.84rem}
.notes-years a{grid-template-columns:78px 1fr 16px}.note-content{font-size:.98rem}.note-cover img{border-radius:12px}
}


/* V2.6.2 · Miniaturas en listados de Notas */
.notes-row.has-image {
    grid-template-columns: 78px minmax(0, 1fr) 132px 24px;
}

.notes-row-thumb {
    display: block;
    width: 132px;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    align-self: center;
    border: 1px solid #DDE6E8;
    border-radius: 10px;
    background: #EEF3F4;
}

.notes-row-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 641px) and (max-width: 900px) {
    .notes-row.has-image {
        grid-template-columns: 58px minmax(0, 1fr) 96px 16px;
        gap: 13px;
    }

    .notes-row-thumb {
        width: 96px;
        border-radius: 8px;
    }
}

@media (max-width: 640px) {
    .notes-row.has-image {
        grid-template-columns: 58px minmax(0, 1fr) 16px;
    }

    .notes-row-thumb {
        display: none;
    }
}