*{box-sizing:border-box}body{margin:0;background:#f6f8f8;color:#173f50;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}header{height:100px;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5e6;background:#fff}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none;font-size:10px;letter-spacing:2px;line-height:1.7}.brand strong{font-size:14px}.mark{font-family:Georgia,serif;font-size:36px;border:1px solid #c6d8dc;border-radius:50%;width:52px;height:52px;text-align:center;line-height:50px}.edition,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650}.edition{color:#6a838a}#home{max-width:1400px;margin:auto}.intro{padding:55px 5% 44px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}h1{font-size:clamp(38px,4.5vw,64px);font-weight:500;line-height:1.08;letter-spacing:-2px;margin:22px 0}.lead{font-size:17px;line-height:1.7;color:#58717a}.stats{font-size:13px;margin-top:28px}.stats span{margin:0 12px}.cover{background:#dfedef;border-radius:24px;padding:24px;transform:rotate(2deg)}.cover img{display:block;width:100%;border-radius:9px;box-shadow:0 12px 30px #173f501c}.cover span{display:block;font-size:12px;text-align:center;margin-top:18px;color:#53717c}.catalog{padding:24px 5% 50px}.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-size:25px;font-weight:550;letter-spacing:-.6px}.search{display:flex;align-items:center;background:white;border:1px solid #d4e0e3;padding:0 16px;border-radius:12px;gap:8px}.search span{font-size:28px}.search input{border:0;background:none;padding:16px 0;font:inherit;outline:none;min-width:230px}.search:focus-within{outline:2px solid #46899d}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.filters button{border:1px solid #d5e1e3;background:transparent;color:#466672;padding:13px 18px;border-radius:24px;font-size:13px;min-height:44px}.filters button.active{background:#173f50;color:white;border-color:#173f50}.count{font-size:12px;color:#728990;margin:23px 0 14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:white;color:inherit;text-decoration:none;border:1px solid #e0e8e9;border-radius:15px;padding:23px;min-height:163px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #173f5010}.card:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #4296ae;outline-offset:3px}.cardtop{display:flex;justify-content:space-between;font-size:11px;color:#748d96}.number{color:#397c91;font-weight:600}.card h3{font-size:18px;font-weight:550;line-height:1.35;margin:19px 0 17px}.cardbottom{margin-top:auto;display:flex;justify-content:space-between;font-size:12px;color:#5c7a85}.arrow{font-size:18px}footer{text-align:center;border-top:1px solid #dde7e8;padding:28px;font-size:12px;line-height:2}footer span{color:#738890}#reader{padding:20px 3%;max-width:1900px;margin:auto}.readerbar{display:flex;gap:25px;align-items:center;background:#f6f8f8;position:sticky;top:0;z-index:2;padding:14px 0}.readerbar>div{flex:1}.readerbar h2{font-size:25px;letter-spacing:-.5px;margin:6px 0;line-height:1.2}.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;background:white;border:1px solid #cddce0;border-radius:10px;padding:13px 17px;color:#173f50;font:inherit;min-height:48px;cursor:pointer}.button:disabled{opacity:.35;cursor:default}.hint{text-align:center;color:#67818b;font-size:12px}#pages{overflow:auto}figure{margin:20px 0}figure img{width:100%;display:block;background:white;border:1px solid #dce6e7;border-radius:8px}figcaption{text-align:center;font-size:12px;color:#6a818b;margin:10px}.enlarged figure{width:160%;max-width:none}.bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 0 30px;gap:10px}.bottom span{font-size:12px}body.reading header{display:none}[hidden]{display:none!important}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.intro{gap:25px;padding-top:35px}h1{font-size:43px}.cover{padding:15px}.lead br{display:none}.catalog-head{flex-wrap:wrap}.search{flex:1}.search input{width:100%;min-width:0}}@media(max-width:560px){header{height:85px}.edition{display:none}.intro{grid-template-columns:1fr}.cover{display:none}.intro h1{font-size:42px}.catalog-head{display:block}.grid{grid-template-columns:1fr}.card{min-height:140px}.readerbar{gap:10px;flex-wrap:wrap}.readerbar h2{font-size:19px}.readerbar .eyebrow{font-size:9px}.readerbar>div{min-width:150px}.button{font-size:13px}.bottom span{font-size:10px}}

.card{overflow:hidden;padding:0 23px 20px}.thumbnail{height:185px;margin:0 -23px 18px;background:#fff;border-bottom:1px solid #edf1f2;padding:12px}.thumbnail img{width:100%;height:100%;object-fit:contain;display:block}.card h3{margin-top:14px}.cardtop{align-items:center}@media(max-width:560px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:0 12px 14px}.thumbnail{height:125px;margin:0 -12px 12px;padding:6px}.card h3{font-size:15px}.cardtop{font-size:10px;gap:4px}.cardbottom{font-size:10px}}

.brand-logo{width:62px;height:62px;object-fit:contain;border-radius:9px;display:block}.reader-logo{width:48px;height:48px;object-fit:contain;border-radius:7px}.thumbnail,.cover-image,.page-image{position:relative}.thumbnail img.watermark,.cover-image img.watermark{position:absolute;right:5%;bottom:8%;width:20%;height:auto;max-height:45%;object-fit:contain;opacity:.24;border-radius:3px;pointer-events:none;box-shadow:none}.page-image>img:first-child{width:100%;height:auto;display:block}.page-image img.page-watermark{position:absolute;opacity:.23;height:auto;border:0;border-radius:2px;pointer-events:none;background:none}.cover-image img.watermark{width:13%}@media(max-width:560px){.reader-logo{width:36px;height:36px}.brand-logo{width:52px;height:52px}.readerbar{gap:8px}}

/* Small watermarks at the upper-left of each illustration. */
.thumbnail img.watermark,.cover-image img.watermark{left:4%;top:6%;right:auto;bottom:auto;width:10%;max-height:23%}.cover-image img.watermark{width:6.5%}

/* Integración pública: lectura, logo completo y controles táctiles. */
body{color:#14364d;background:#f7fafc}header{height:auto;min-height:100px;gap:20px;flex-wrap:wrap}header nav,footer nav{display:flex;gap:18px;flex-wrap:wrap}header nav a,footer a{color:#0f4572}header nav a{padding:12px 0;font-size:.95rem}main{max-width:1400px;margin:auto}h1{color:#0b3356}.lead,.count,.hint,.cardtop,.cardbottom,footer span{color:#435569}.card-description{color:#435569;font-size:.95rem;line-height:1.6;margin:0 0 20px}.brand-logo,.reader-logo{object-fit:contain;background:#fff;flex-shrink:0;height:auto;max-height:74px}.cover img:not(.watermark){height:auto}.readerbar{gap:16px;flex-wrap:wrap}.readerbar #category{flex:1}.treatment{padding:20px 0;scroll-margin-top:100px}.treatment h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25}.treatment-description,.related{line-height:1.7}.related a,.index-link,.guide-contact a:not(.button){color:#0f4572;text-decoration:underline;text-underline-offset:3px}.pages{overflow:auto;max-width:100%;overscroll-behavior-x:contain}.pages.enlarged figure{width:160%;max-width:none}.page-image>img:first-child{height:auto}.guide-contact{padding:28px 5%;background:#eaf2f8;line-height:1.7}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.primary{background:#0f4572;color:#fff}.whatsapp{background:#086b36;color:#fff}.button,button{min-height:48px}.index-link{display:inline-flex;align-items:center;min-height:48px}.skip-link{position:absolute;left:16px;top:-90px;padding:12px;background:white;z-index:20}.skip-link:focus{top:8px}.thumbnail img.watermark,.cover-image img.watermark{object-fit:contain;height:auto}.reading header{display:flex!important}h1,h2,h3,p,a{overflow-wrap:anywhere}#reader{min-width:0}.search input{max-width:100%}.bottom{flex-wrap:wrap}.bottom span{color:#435569}footer nav{justify-content:center}.treatment:not([hidden]){animation:none}
@media(max-width:560px){.brand{letter-spacing:1px}.brand strong{font-size:12px}header{padding:16px 5%;gap:10px}header nav{gap:12px}.intro h1{font-size:36px;letter-spacing:-1px}.catalog-head h2{font-size:24px}.grid{grid-template-columns:1fr}.thumbnail{height:180px}.card h3{font-size:18px}.cardtop,.cardbottom{font-size:12px}.readerbar{position:static}.readerbar #category{min-width:70px}.contact-actions{flex-direction:column}.button{font-size:1rem}.bottom span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.card:hover{transform:none}}