@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&display=swap');
/* Sistema visual compartido: todas las imágenes editoriales mantienen 3:2. */
:root{--editorial-ratio:3/2;--image-radius:8px}
.cover{width:100%;margin:0 0 40px}
.cover img{display:block;width:100%;height:auto;aspect-ratio:var(--editorial-ratio);max-height:none;object-fit:cover;object-position:center;border-radius:var(--image-radius)}
.cards{align-items:stretch;grid-auto-rows:1fr}
.cards .card{height:100%;display:flex;flex-direction:column}
.cards .art-link{display:block;flex:none}
.cards .card .editorial-art{height:auto;aspect-ratio:var(--editorial-ratio);overflow:hidden}
.cards .card .editorial-art img{display:block;width:100%;height:100%;aspect-ratio:var(--editorial-ratio);object-fit:cover;object-position:center}
.cards .card .body{display:flex;flex-direction:column;flex:1;padding:24px;gap:0}
.cards .label{display:block;min-height:3.2em;line-height:1.6}
.cards .body h3{font-size:23px;line-height:1.3;min-height:3.9em;margin:12px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cards .body>p{font-size:14px;line-height:1.65;min-height:4.95em;margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cards .read-link{display:block;margin-top:auto;line-height:1.5;font-size:13px;padding-top:4px}
.visual-grid{align-items:stretch}.visual-grid figure{display:flex;flex-direction:column;height:100%}
.visual-grid .image-button{aspect-ratio:var(--editorial-ratio);flex:none;border-radius:0}
.visual-grid .image-button img{width:100%;height:100%;object-fit:contain;aspect-ratio:var(--editorial-ratio);background:#f3faf9}
.visual-grid figcaption{flex:1}.visual-grid figcaption b{min-height:2.6em;line-height:1.3}
.anatomy img{display:block;width:100%;height:auto;aspect-ratio:var(--editorial-ratio);max-height:none;object-fit:contain;background:#f3faf9;border-radius:var(--image-radius)}
.related-grid{align-items:stretch;grid-auto-rows:1fr}
.related-card{height:100%;display:flex;flex-direction:column}
.related-card>img{width:100%;height:auto;aspect-ratio:var(--editorial-ratio);object-fit:cover;flex:none}
.related-card>div{display:flex;flex-direction:column;flex:1;padding:22px}
.related-card small{min-height:1.8em;line-height:1.8}
.related-card h3{min-height:3.9em;line-height:1.3;margin:12px 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.related-card span{margin-top:auto}
.education-box,.example-box{padding:26px 28px;margin:27px 0;border-radius:7px;break-inside:avoid}
.education-box{background:#edf8f7;border:1px solid #cde6e3;border-left:4px solid #007f83}
.box-label{display:block;color:#007f83;font-size:10px;letter-spacing:1.6px;font-weight:700;margin-bottom:13px}
.education-box h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:0 0 15px}
.article-section .education-box p,.article-section .example-box p{font-size:16px;line-height:1.8;margin:13px 0;color:#355b63}
.article-section .education-box p:last-child,.article-section .example-box p:last-child{margin-bottom:0}
.example-box{background:#faf7f1;border:1px solid #ede5d8;border-left:4px solid #b18859}
.example-box .box-label{color:#8b653a}
@media(max-width:700px){.cards{grid-auto-rows:auto}.cards .body h3,.cards .body>p{min-height:0}.cards .label{min-height:0}.education-box,.example-box{padding:21px}.education-box h3{font-size:22px}.article-section .education-box p,.article-section .example-box p{font-size:15px}.related-card h3{min-height:0}.visual-grid figcaption b{min-height:0}}
@media print{.cover img{width:100%;max-height:220px;aspect-ratio:3/2;object-fit:contain}.anatomy img{max-height:280px}.education-box,.example-box{padding:15px;margin:18px 0;border:1px solid #aaa}.article-section .education-box p,.article-section .example-box p{font-size:12px}.education-box h3{font-size:17px}.box-label{font-size:9px}.cards,.related-grid{grid-auto-rows:auto}}

.brand-icon{display:block;flex:none;width:48px;height:48px;object-fit:contain}
.logo .brandmark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:0}
.logo .brandmark img{width:48px;height:48px;display:block}
.logo .brandtext{color:#123b46}
.notebook-help{background:#fcfaf4;border:1px solid #e5dfd0;border-radius:8px;margin:0 0 40px;padding:28px;position:relative;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,#58796706 32px)}
.notebook-help:before{content:'';position:absolute;left:13px;top:22px;bottom:22px;border-left:1px dashed #b4bca585}
.note-top{display:flex;justify-content:space-between;align-items:center;gap:15px}
.notebook-help h2{font-family:'Caveat','Segoe Print',cursive;font-size:35px;letter-spacing:0;color:#245b53;line-height:1.25;margin:10px 0 24px}
.pencil-icon{width:58px;height:58px;color:#52776b;transform:rotate(-4deg);flex:none}
.note-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.note-steps li{margin:0;padding:18px 15px;border:1px solid #ced5c5;border-radius:5px 9px 6px 8px;background:#fffdf9;box-shadow:1px 2px 0 #a9b7a519}
.note-number{display:grid;place-items:center;width:29px;height:29px;border:1.5px solid #63816c;border-radius:47% 53% 48% 52%;font-family:'Caveat',cursive;color:#466e60;font-size:23px;margin-bottom:13px;transform:rotate(-5deg)}
.note-steps h3{font-size:16px;line-height:1.4;letter-spacing:-.2px;margin:0 0 9px;color:#245b53}
.note-steps p{font-size:13px;line-height:1.7;margin:0;color:#587064}
.note-caption{font-size:10px;color:#738071;margin:18px 0 0;line-height:1.6}
.cover img,.cards .editorial-art img,.related-card>img{background:#fcfaf4;object-fit:contain}
@media(max-width:700px){.notebook-help{padding:23px}.notebook-help h2{font-size:32px}.note-steps{grid-template-columns:1fr;gap:11px}.note-steps li{display:flex;gap:14px;padding:16px}.note-number{flex:none;margin:2px 0 0}.brand-icon,.logo .brandmark,.logo .brandmark img{width:39px;height:39px}}
@media print{.notebook-help{break-inside:avoid;background:#fff;padding:18px;border:1px solid #aaa}.notebook-help h2{font-family:Arial,sans-serif;font-size:20px}.note-steps{grid-template-columns:repeat(3,1fr)}.note-steps p{font-size:10px}.note-steps h3{font-size:12px}.note-caption{font-size:9px}.pencil-icon{width:35px;height:35px}}

.illustration{background:#fcfaf4!important;border:1px solid #e9e2d5;border-radius:8px!important;min-height:0!important;aspect-ratio:3/2}.illustration>img{display:block;width:100%;height:100%;object-fit:contain}.illustration .tag{font-size:11px;padding:10px 15px;bottom:12px;background:#fffdf7e8}
.cover>a{display:block;cursor:zoom-in}.cover figcaption{max-width:100%;line-height:1.6}
.table-scroll{width:100%;overflow-x:auto;margin:24px 0;border:1px solid #d5e3da;border-radius:7px}
.comparison-table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px;line-height:1.65}
.comparison-table caption{text-align:left;background:#edf5eb;padding:15px 18px;font-weight:600;color:#31594a}
.comparison-table th,.comparison-table td{padding:15px;text-align:left;vertical-align:top;border-top:1px solid #dbe5d8}
.comparison-table thead th{background:#f5f8f1;color:#31594a}.comparison-table tbody th{color:#31594a;font-weight:600}
@media print{.table-scroll{overflow:visible}.comparison-table{min-width:0;font-size:10px}.comparison-table th,.comparison-table td{padding:9px}.cover img{object-fit:contain}}