*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#fff;color:#2c2c2b;font:16px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI",Helvetica,"Apple Color Emoji","Noto Sans Arabic","Noto Sans Hebrew",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";overflow-y:scroll}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}b,strong{font-weight:600}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #2383e2;outline-offset:2px}svg{width:18px;height:18px}.cover{width:100%;height:min(30vh,280px);overflow:hidden}.cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%}.document{margin-inline:auto;padding-bottom:30vh}.document.wide{width:calc(100% - 192px)}.document.narrow{width:min(708px,calc(100% - 192px))}.page-head{position:relative}.page-head.with-cover{padding-top:48px}.page-title h1{font-size:40px;font-weight:700;line-height:1.2;margin:0;padding:0 8px;white-space:break-spaces;word-break:break-word}.page-icon{width:78px;height:78px;margin-inline-start:8px}.with-cover .page-icon{position:absolute;top:-42px;left:0}.no-cover{padding-top:96px}.no-cover .page-icon{margin-bottom:16px}.page-content{margin-top:16px}.emoji{display:inline-block;flex-shrink:0;width:16.8px;height:16.8px;vertical-align:-3px;object-fit:contain}.emoji.large{width:78px;height:78px}.sprite{background-image:url("emoji-sprites.webp");background-size:6100% 6100%;font-size:0}.text-block{padding:6px;min-width:0}.text-block>div{padding:2px;white-space:break-spaces;word-break:break-word;min-height:28px}.text-block a:not(.page-mention){text-decoration:underline;text-decoration-color:#2c2c2b66;text-decoration-thickness:.05em;text-underline-offset:10%;opacity:.7}.heading-block{padding:26px 6px 6px;scroll-margin-top:18px;min-width:0}.heading-block h2,.heading-block h3{margin:0;padding:2px;font-size:24px;font-weight:600;line-height:1.3;white-space:break-spaces;word-break:break-word}.heading-block.h3{padding-top:14px}.heading-block h3{font-size:20px}.column .heading-block.h3{padding-top:6px}.image-block{padding:8px;align-self:center;min-width:0}.image-block img{display:block;width:100%;height:auto;object-fit:cover;border-radius:2px;cursor:zoom-in}.callout-block{padding:8px}.callout{border:1px solid transparent;border-radius:10px;padding:12px;display:flex;width:100%}.callout-icon{width:24px;min-width:24px;margin-top:7.5px;display:flex;justify-content:center;padding-top:3.6px}.callout-body{flex:1;min-width:0}.callout-body .text-block{padding:6px}.callout.green_bg{background:#e8f1ec}.callout.purple_bg{background:#f3ebf9}.callout.orange_bg{background:#fbebde}.callout.gray_bg{background:#f1f1ef}.columns{display:flex;gap:46px}.column{flex:var(--ratio) 1 0;min-width:0;padding:12px 0}.divider{padding:12px 8px}.divider hr{height:1px;background:#e9e9e7;border:0;margin:0}.toggle{padding:0 6px}.toggle summary{padding:6px 2px;min-height:40px;display:flex;align-items:flex-start;list-style:none;cursor:pointer;gap:6px}.toggle summary::-webkit-details-marker{display:none}.toggle-arrow{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #37352f;margin:7px 5px 0 2px;flex-shrink:0;transform-origin:3px 5px;transition:transform 100ms}.toggle[open] .toggle-arrow{transform:rotate(90deg)}.toggle-body{padding-left:24px}.page-mention{display:inline-flex;align-items:center;gap:5px;border-radius:3px;text-decoration:none;line-height:24px}.page-mention span{text-decoration:underline;text-decoration-color:#37352f40;text-underline-offset:3px}.page-mention:hover{background:#37352f0a}.properties{font-size:14px;color:#37352f;margin-top:8px;border-bottom:1px solid #eee;padding:0 8px 16px}.properties>div{display:grid;grid-template-columns:168px 1fr;min-height:38px;align-items:center}.properties>div>span:first-child{color:#787774}.properties .file-thumb{width:40px;height:26px}.narrow .page-content{margin-top:26px}.collection{padding:8px 0 32px;min-width:0}.collection-title{display:block;font-size:20px;font-weight:600;line-height:28px;margin:0 8px 8px}.collection-title:hover{text-decoration:underline;text-decoration-color:#ddd}.db-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e9e7;height:40px;margin:0 8px;gap:8px}.view-tabs{display:flex;align-items:center;align-self:stretch;gap:4px;min-width:0;overflow:hidden}.view-tab{border:0;background:none;font-size:14px;padding:0 8px;white-space:nowrap;color:#787774;border-bottom:2px solid transparent}.view-tab.selected{color:#2c2c2b;border-bottom-color:#37352f;font-weight:600}.view-tab:hover,.icon-button:hover{background:#37352f0a}.db-actions{display:flex;gap:2px;align-items:center;flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:4px;width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:#787774}.db-control{padding:8px;border-bottom:1px solid #eee;display:flex;gap:8px;font-size:14px}.db-control input,.db-control select{background:#fafaf9;border:1px solid #dededb;border-radius:4px;min-width:0;padding:5px 8px;max-width:100%;flex:1}.table-wrap{overflow-x:auto;margin:0 8px}.records{border-collapse:collapse;table-layout:fixed;min-width:1270px;width:100%;font-size:14px;line-height:20px;text-align:left}.records th,.records td{padding:6px 8px;border-bottom:1px solid #e9e9e7;border-right:1px solid #e9e9e7;vertical-align:middle;height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.records th{font-weight:400;color:#787774}.records th:first-child{width:370px}.records th:nth-child(2){width:100px}.records th:nth-child(3){width:200px}.records th:nth-child(4){width:600px}.record-link{display:flex;align-items:center;gap:7px;font-weight:500;height:24px}.record-link:hover{text-decoration:underline}.file-thumb{width:40px;height:24px;object-fit:contain;vertical-align:middle;cursor:zoom-in}.record-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:16px 8px 0}.record-card{display:block;border:1px solid #e9e9e7;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #00000008}.record-card:hover{background:#f7f7f5}.record-card>img{width:100%;height:152px;object-fit:cover;display:block}.record-card>div{padding:10px 12px;display:flex;gap:7px;font-size:14px;font-weight:500;align-items:center;min-height:48px}.outline{position:fixed;right:24px;top:140px;width:28px;max-height:65vh;z-index:9;display:flex;flex-direction:column;gap:0}.outline a{padding:6px 5px;display:block;position:relative}.outline i{display:block;background:#e6e6e4;width:16px;height:2px;border-radius:2px}.outline a.active i{background:#37352f}.outline span{display:none;position:absolute;right:32px;top:0;width:max-content;max-width:340px;background:white;border:1px solid #eee;border-radius:5px;box-shadow:0 2px 10px #0001;padding:5px 8px;font-size:12px}.outline a:hover span,.outline a:focus-visible span{display:block}.collection-page{padding-top:80px}.collection-page .collection-title{display:none}.collection-page main{margin-top:30px}.peek-backdrop{position:fixed;inset:0;background:#0009;z-index:50;display:flex;justify-content:center;align-items:center}.peek{width:min(976px,calc(100vw - 32px));height:80vh;position:relative;background:white;border-radius:12px;overflow:hidden;box-shadow:0 8px 35px #0002}.peek-toolbar{height:40px;position:absolute;inset:0 0 auto;z-index:2;background:white;display:flex;justify-content:space-between;align-items:center;padding:6px 12px}.peek-nav{display:flex;gap:4px}.peek-content{height:100%;overflow:auto;padding-top:40px}.peek .document{width:min(708px,calc(100% - 64px));padding-bottom:80px}.peek .no-cover{padding-top:104px}.peek .page-title h1{font-size:40px}.peek .outline{display:none}.lightbox{position:fixed;inset:0;z-index:80;background:#141414f5;display:flex;align-items:center;justify-content:center;padding:40px}.lightbox>img{max-width:100%;max-height:100%;object-fit:contain}.lightbox>button{position:absolute;top:15px;right:15px;color:white;width:36px;height:36px}.no-scroll{overflow:hidden}.empty-result{padding:10px;color:#787774}[hidden]{display:none!important}@media(max-width:600px){.db-actions{gap:0}.db-toolbar{overflow:hidden}.view-tabs{flex-shrink:1}.record-gallery{grid-template-columns:1fr}.columns{gap:12px}.properties>div{grid-template-columns:90px 1fr}.peek{width:calc(100% - 16px);height:92vh}.peek .document{width:calc(100% - 48px)}.peek .page-title h1{font-size:32px}.peek .no-cover{padding-top:70px}.lightbox{padding:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{.outline,.db-actions,.peek-backdrop,.lightbox{display:none!important}.document.wide{width:100%;padding:0}.cover{height:200px}details .toggle-body{display:block}.records{min-width:0}}













/* Geometría del índice medida en la vista pública. */
.outline{right:13px;top:calc(min(30vh,280px) + 60px);max-height:314px}.outline a.subheading i{width:12px;margin-left:4px}
.collection{position:relative}.db-control{position:absolute;right:8px;top:76px;z-index:12;width:280px;max-width:calc(100vw - 32px);border:1px solid #e8e8e5;background:white;border-radius:8px;box-shadow:0 4px 18px #0002;display:flex;flex-direction:column;gap:5px;padding:6px}.property-option{border:0;background:none;text-align:left;padding:6px 8px;border-radius:4px;font-size:14px}.property-option:hover{background:#f1f1ef}.control-label{font-size:12px;color:#787774;padding:5px 8px}.control-reset{font-size:12px;border:0;background:none;color:#787774;padding:5px;text-align:right}.db-control[data-current="search"]{width:220px}.db-control input,.db-control select{font-size:14px;width:100%;flex:initial}
.records{width:684px;min-width:684px}.records th:first-child{width:280px}.records th:nth-child(2){width:100px}.records th:nth-child(3){width:104px}.records th:nth-child(4){width:200px}.table-wrap{border-bottom:1px solid #e9e9e7}
html,body{height:100%;overflow:hidden}.scroll-surface{position:fixed;inset:0;overflow-y:scroll;overflow-x:hidden}.no-scroll{padding-right:0}.no-scroll .scroll-surface{overflow-y:hidden;padding-right:var(--scrollbar-gap,0px)}
.document.narrow{width:min(720px,calc(100% - 192px))}.no-cover .page-icon{margin-bottom:12px}.properties{position:relative;margin-left:2px;width:calc(100% - 2px);padding:0;border:0}.properties>div{grid-template-columns:160px 1fr;height:34px;min-height:34px;margin-bottom:4px}.properties>div:last-child{margin-bottom:0}.properties>div>span:first-child{padding-left:6px}.properties>div>span:last-child{padding-left:4px}.properties:after{content:"";position:absolute;left:-2px;right:0;bottom:-24.8px;border-bottom:.8px solid #eee}.narrow .page-content{margin-top:44.8px}.peek .document{width:min(708px,calc(100% - 64px))}.peek .no-cover{padding-top:100px}
.collection-page{padding-top:36px}.collection-page .page-title h1{font-size:32px;line-height:1.2;width:fit-content;max-width:100%}.collection-page main{margin-top:32px}
.record-card>img{height:146.25px;object-fit:contain;border-bottom:.8px solid #e9e9e7}.record-card>div{padding:8px 10px;min-height:40px;font-size:15px;line-height:1.5;gap:4px}.record-card>div .emoji{width:14px;height:14px;margin-left:2px;margin-right:6px}
.bullet-list{margin:0;padding:0;list-style:none}.bullet-list li{position:relative;padding:3px 8px 3px 28px;min-height:30px;line-height:24px;white-space:break-spaces;word-break:break-word}.bullet-list li+li{margin-top:2px}.bullet-list li:first-child{padding-top:8px}.bullet-list li:nth-child(2){margin-top:0}.bullet-list li:last-child{padding-bottom:8px}.bullet-list li:before{content:"•";position:absolute;left:10px;top:3px}.bullet-list li:first-child:before{top:8px}
/* El panel conserva también los márgenes estrechos observados de Notion. */
.columns{gap:46px}.peek{width:min(976px,calc(100vw - 144px));height:calc(100vh - 144px)}.peek-toolbar{height:44px}.peek-content{padding-top:44px}.peek .document{width:max(2px,calc(100% - 252px));max-width:708px;margin-left:max(126px,calc((100% - 708px)/2));margin-right:126px}.peek .no-cover{padding-top:96px}.peek .page-title h1{font-size:40px}
.outline{right:28px}.peek .peek-outline{display:flex;position:absolute;right:28px;max-height:calc(100% - 100px)}


/* Responsive release v2. Desktop keeps the approved source geometry. */
.mobile-diagram,.mobile-close{display:none}
@media(max-width:1023px){
 .outline,.peek .peek-outline{display:none!important}
 .document.wide,.document.narrow{width:calc(100% - 64px);max-width:none}
 .columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
 .column{width:auto!important;min-width:0;padding:6px 0}
 .peek{width:calc(100vw - 48px);height:calc(100dvh - 48px)}
 .peek .document{width:calc(100% - 64px);max-width:none;margin:0 32px}
}
@media(max-width:767px),(max-width:1023px) and (max-height:500px){
 body{font-size:17px;line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .scroll-surface{height:100%;height:100dvh;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}
 .document.wide,.document.narrow{width:calc(100% - 36px);max-width:none;margin-inline:18px;padding-bottom:80px}
 .cover{height:auto;aspect-ratio:3/1;overflow:hidden}
 .cover img{width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;object-position:center}
 .page-head.with-cover{padding-top:46px}
 .page-icon,.emoji.large{width:52px;height:52px}
 .page-icon{margin-left:0}.with-cover .page-icon{top:-26px;left:0}
 .page-title h1,.collection-page .page-title h1,.peek .page-title h1{font-size:28px;line-height:1.22;letter-spacing:-.02em;padding:0;word-break:normal;overflow-wrap:break-word;white-space:normal}
 .page-content{margin-top:24px}
 .text-block{padding:6px 0}.text-block>div{padding:2px 0;min-height:0;word-break:normal;overflow-wrap:break-word;line-height:1.6}
 .heading-block{padding:26px 0 8px;scroll-margin-top:18px}
 .heading-block h2,.heading-block h3{padding:0;font-size:23px;line-height:1.3;word-break:normal;overflow-wrap:break-word;white-space:normal}
 .heading-block h3{font-size:20px}.heading-block.h3{padding-top:16px}
 .columns{display:flex;flex-direction:column;gap:10px;width:100%;margin-block:8px}
 .column{width:100%!important;flex:none!important;padding:0}.column .heading-block.h3{padding-top:14px}
 .image-block{padding:12px 0;max-width:100%;width:100%!important}
 .image-block img{max-width:100%;height:auto}
 .callout-block{padding:10px 0}.callout{padding:12px;gap:8px;border-radius:10px}
 .callout-icon{min-width:20px;width:20px;margin-top:3px;padding-top:3px}
 .callout-body .text-block{padding:0}.callout-body .text-block>div{padding:0}
 a[data-cta]{display:block;min-height:44px;padding:6px 0;line-height:1.5;opacity:1!important}
 .toggle{padding:2px 0}.toggle summary{padding:10px 0;min-height:44px;gap:8px}.toggle-body{padding-left:16px}
 .page-mention{display:inline-flex;min-height:44px;max-width:100%;line-height:1.4}.page-mention span{min-width:0}
 .no-cover{padding-top:32px}.no-cover .page-icon{margin-bottom:16px}
 .properties{width:100%;margin:20px 0 0;font-size:15px;line-height:1.45}
 .properties>div{grid-template-columns:minmax(88px,30%) minmax(0,1fr);height:auto;min-height:44px;gap:8px;margin-bottom:8px}
 .properties>div>span{padding-left:0!important;min-width:0;overflow-wrap:break-word}
 .properties:after{left:0;bottom:-12px}.narrow .page-content{margin-top:32px}
 .collection-page{padding-top:28px}.collection-page main{margin-top:24px}
 .collection{padding:12px 0 28px}.collection-title{font-size:20px;line-height:1.35;margin:0 0 10px}
 .db-toolbar{height:auto;min-height:96px;flex-wrap:wrap;justify-content:flex-start;gap:0;margin:0;overflow:visible}
 .view-tabs{flex:1 1 100%;min-height:48px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;align-self:auto}
 .view-tab{min-height:44px;font-size:14px;padding:8px;flex-shrink:0}
 .db-actions{min-height:48px;width:100%;justify-content:flex-end;gap:4px}
 .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px}
 .db-control{right:0;max-width:100%;width:100%;font-size:16px}
 .db-control input,.db-control select{font-size:16px;min-height:44px;padding:10px}
 .property-option,.control-reset{min-height:44px;font-size:16px}
 .record-gallery{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 0 0}
 .record-card{border-radius:10px;min-width:0}
 .record-card>img{height:auto;aspect-ratio:8/5;object-fit:contain}
 .record-card>div{font-size:17px;line-height:1.45;min-height:58px;padding:12px;align-items:flex-start}
 .record-card>div .emoji{margin-top:4px;flex-shrink:0}
 .table-wrap{max-width:100%;margin:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .collection:not([data-view-choice="table"]) .table-wrap{display:none}
 .collection:not([data-view-choice="table"])>.record-gallery{display:grid!important}
 .records{font-size:15px}.records td,.records th{height:44px}
 .record-link{height:44px}.records .file-thumb,.properties .file-thumb{width:44px;height:44px;object-fit:contain}
 .peek-backdrop{align-items:stretch;justify-content:stretch}
 .peek{width:100%;height:100%;height:100dvh;border-radius:0;box-shadow:none}
 .peek-toolbar{height:calc(56px + env(safe-area-inset-top,0px));padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px;border-bottom:1px solid #eee;gap:8px}
 .peek-nav{gap:0}.peek .expand-page{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.2;max-width:132px}
 .mobile-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#37352f;font-size:26px}
 .peek-content{padding-top:calc(56px + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .peek .document{width:calc(100% - 36px);max-width:none;margin:0 18px;padding-bottom:64px}
 .peek .no-cover{padding-top:28px}.peek .page-content{margin-top:32px}
 .lightbox{height:100%;height:100dvh;padding:64px 12px 28px}
 .lightbox>button{width:44px;height:44px;right:max(12px,env(safe-area-inset-right,0px));top:max(12px,env(safe-area-inset-top,0px))}
 .diagram-desktop{display:none!important}
 .mobile-diagram{display:block;width:100%;padding:22px 18px;border-radius:10px;background:#faf8f2;color:#191432}
 .mobile-diagram.dark{background:#10069f;color:#fff}
 .diagram-brand{font-size:12px;font-weight:650;letter-spacing:.06em;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #ffffff40}
 .mobile-diagram:not(.dark) .diagram-brand{color:#10069f;border-bottom-color:#19143222}
 .diagram-title{font-size:23px;font-weight:700;line-height:1.25;margin:0 0 22px;letter-spacing:-.015em}
 .diagram-sources{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .diagram-source{padding:14px 12px;background:#ffffff12;border:1px solid #ffffff66;border-radius:10px;min-width:0}
 .diagram-source strong,.diagram-step strong{display:block;font-size:19px;line-height:1.3}
 .diagram-source span,.diagram-step span{display:block;font-size:16px;line-height:1.45;margin-top:6px}
 .diagram-arrow{font-size:30px;text-align:center;line-height:1;margin:12px 0;color:#ff9f00}
 .diagram-banner{padding:16px 14px;border-radius:10px;background:#ff9f00;color:#191432;font-size:20px;font-weight:650;line-height:1.3}
 .diagram-step{padding:16px;background:white;border-radius:10px;color:#191432;min-width:0}
 .diagram-step span{color:#625b70}.diagram-footer{background:#10069f;color:white;border-radius:10px;padding:16px;margin-top:20px;font-size:19px;line-height:1.35;font-weight:650}
 .diagram-footer small{display:block;font-weight:400;font-size:16px;margin-top:8px}
 .diagram-chat{border:1px solid #d5d0c5;border-radius:16px;overflow:hidden;background:#eae5db}
 .diagram-chat-head{padding:16px;background:#075e54;color:white;font-size:17px;font-weight:650;line-height:1.35}
 .diagram-message{padding:16px;margin:16px 12px 16px 24px;background:#d9fdd3;border-radius:12px;font-size:17px;line-height:1.55}
 .diagram-replies{padding:14px;margin:0 24px 16px 12px;background:white;border-radius:12px;font-size:16px;line-height:1.45}
 .diagram-number{background:#ff9f00;color:#191432;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700;margin-bottom:10px}
 .diagram-loop{margin-top:22px;border-top:2px solid #ffffff60;padding-top:18px;font-size:18px;font-weight:600;line-height:1.4}
}
@media(max-width:359px){.diagram-sources{grid-template-columns:minmax(0,1fr)}.peek-toolbar{padding-left:6px;padding-right:6px;gap:2px}.peek .expand-page{max-width:112px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.scroll-surface,.peek-content,.table-wrap{scroll-behavior:auto}}