/* Educação Gráfica — proposta editorial 2026. */
:root{--eg-red:#910510;--eg-ink:#28323e;--eg-border:#dce0e4}
body.eg-modern{margin:0;background:#f2f3f3;color:var(--eg-ink);font:16px/1.5 Arial,Helvetica,sans-serif}
.eg-modern *, .eg-modern *:before,.eg-modern *:after{box-sizing:border-box}
.eg-modern img{max-width:100%;height:auto}
.eg-modern h1,.eg-modern h2,.eg-modern h3,.eg-modern h4,.eg-modern h5{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:var(--eg-red);line-height:1.2}
.eg-modern a{color:var(--eg-red)}
.eg-modern a:focus-visible,.eg-modern button:focus-visible,.eg-modern input:focus-visible{outline:3px solid #0079aa;outline-offset:4px}
.eg-modern #geral{width:100%;margin:0}
.eg-modern #topo{background:#940b14 url('../images/topo/bg.png') center top/100% 205px no-repeat;overflow:visible}
.eg-masthead{max-width:1304px;min-height:205px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:36px;padding:8px 30px}
.eg-brand{display:block;flex:0 1 410px;line-height:0}.eg-brand img{width:410px;height:auto;max-height:189px;object-fit:contain}
.eg-modern #widgets-topo{float:none;margin:0;width:392px;max-width:100%;color:white}
.eg-modern #widgets-topo .widget_text,.eg-issn{font:700 18px/1.4 Arial,sans-serif;text-align:right;margin:0 0 18px;letter-spacing:.5px;color:white}
.eg-modern #widgets-topo .searchform,.eg-search{display:flex;background:white;border:1px solid #d4d7da;border-radius:4px;width:100%;height:40px;padding:0;align-items:center}
.eg-modern .eg-search input[type=search]{min-width:0;width:100%;height:38px;border:0;background:transparent;padding:0 14px;font:16px Arial;color:#28323e;box-shadow:none}
.eg-search button{display:flex;align-items:center;justify-content:center;width:42px;height:38px;border:0;background:transparent;cursor:pointer;color:#28323e;flex-shrink:0}.eg-search svg{fill:none;stroke:currentColor;stroke-width:2.5}
.eg-navigation{background:#fff;border-bottom:1px solid #e8eaec}
.eg-modern #principal{max-width:1304px;margin:auto;display:block}
.eg-modern .menu-principal{margin:0;padding:0;display:flex;list-style:none;overflow:visible;clear:both}
.eg-modern .menu-principal>li{flex:1;position:relative;float:none;width:auto;height:auto;margin:0;background:none;text-align:center}
.eg-modern .menu-principal>li+li:before{content:'';position:absolute;left:0;top:18px;height:30px;border-left:1px solid #e7e8ea}
.eg-modern .menu-principal li a{display:block;height:auto;min-height:64px;padding:20px 14px;font:700 16px/24px Arial,sans-serif;color:#26313c;text-decoration:none}
.eg-modern .menu-principal li.duas-linhas a{height:auto;line-height:24px;padding-top:20px}
.eg-modern .menu-principal>li.current-menu-item>a,.eg-modern .menu-principal>li.current-menu-ancestor>a,.eg-modern .menu-principal>li>a:hover{color:#ac0010;box-shadow:inset 0 -4px var(--eg-red)}
.eg-modern .menu-principal .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:white;z-index:20;box-shadow:0 6px 18px #0002;text-align:left}
.eg-modern .menu-principal li:hover>.sub-menu,.eg-modern .menu-principal li:focus-within>.sub-menu{display:block}
.eg-modern .menu-principal .sub-menu li{float:none;background:none;width:auto;height:auto;margin:0;position:relative}
.eg-modern .menu-principal .sub-menu a{padding:12px 16px;min-height:44px;font-size:15px}.eg-modern .menu-principal .sub-menu .sub-menu{top:0;left:100%}
.eg-modern #geral>.content{width:calc(100% - 64px);max-width:1304px;margin:0 auto;padding:34px 0 24px;background:none}
.eg-modern #geral>.eg-home{display:grid;grid-template-columns:362px minmax(0,1fr);gap:40px;align-items:start}
.eg-modern #edicaoatual{width:auto;float:none;background:white;border-radius:6px;padding:24px 29px 38px;box-shadow:0 3px 25px #18233106;overflow:hidden}
#edicaoatual h2{color:var(--eg-ink);font-size:27px;margin:0 0 14px}
.eg-modern #edicaoatual .caparevista{display:block;width:100%;height:auto;margin:0}.eg-cover{display:block}
.eg-volume{font-size:18px;font-weight:700;margin:14px 0 18px}
.eg-modern a.eg-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--eg-red);color:white;text-decoration:none;border-radius:5px;min-height:46px;padding:10px 22px;font-size:16px;font-weight:700;line-height:1.35}
.eg-modern a.eg-button:hover{background:#70020a}.eg-button span{font-size:25px;line-height:1}#edicaoatual .eg-button{width:100%}
.eg-modern #conteudo{min-width:0;min-height:0;background:none;box-shadow:none;overflow:visible}
.eg-modern .eg-home>#conteudo{float:none;margin:0!important;width:auto}
.eg-eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--eg-red);font-size:14px;margin:6px 0 10px}
.eg-modern .eg-headline{font-size:36px;line-height:1.16;margin:0 0 20px;font-weight:750;letter-spacing:-.6px}.eg-headline:after{content:'';display:block;width:60px;height:4px;background:var(--eg-red);border-radius:2px;margin-top:15px}
.eg-modern .eg-home .hentry{float:none;min-width:0;max-width:none!important;width:auto;padding:0;margin:0 0 24px}
.eg-mission h2{font-size:24px;margin-bottom:6px}
.eg-modern .eg-mission .entry-content p{font-size:19px;line-height:1.48;margin:0 0 16px}
.eg-modern .eg-submission{display:flex;gap:28px;align-items:flex-start;padding:20px 30px 17px;background:#f8e7e8;border:1px solid #f0d1d4;border-radius:5px;margin-bottom:17px}
.eg-submission h2{font-size:25px;margin:0 0 4px}.eg-submission p{font-size:18px;margin:0 0 12px}.eg-icon{width:44px;height:48px;flex-shrink:0;color:var(--eg-red)}.eg-submission>.eg-icon{width:55px;height:64px;margin-top:9px}
.eg-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eg-info-card{display:flex;gap:20px;padding:16px 20px 10px;background:#fff;border:1px solid var(--eg-border);border-radius:6px}
.eg-info-card h3{color:var(--eg-ink);font-size:16px;margin:0 0 6px}.eg-info-card p{font-size:14px;line-height:1.3;margin:0 0 7px}.eg-info-card a{font-size:14px;font-weight:700;text-decoration:none}.eg-info-card a:hover{text-decoration:underline}.eg-info-card .eg-icon{width:42px;height:44px}.eg-home-widgets{margin-top:22px}
.eg-modern #rodape{clear:both;background:white;border-top:4px solid var(--eg-red);color:var(--eg-ink);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:16px max(32px,calc((100% - 1244px)/2));font:13px/1.5 Arial,sans-serif}
.eg-modern #rodape .parceiros-list{display:flex;align-items:center;gap:22px;height:auto;flex-wrap:wrap}.eg-modern #rodape .parceiros-list li{float:none;margin:0;padding:0;background:none}.eg-modern #rodape .parceiros-list img{max-height:68px;width:auto;max-width:115px;object-fit:contain}
.eg-modern #rodape .footer-widget-area{text-align:right;margin-left:auto}.eg-modern #rodape .widget_text{height:auto;background:none;padding:0;font-style:normal}.eg-modern #rodape a{color:inherit;text-decoration:none}.eg-modern #rodape .rightBox,.eg-modern #rodape .users{position:static;float:none;width:auto;height:auto;background:none}
.eg-modern .content:not(.eg-home) #conteudo{display:flow-root;background:white;border:1px solid var(--eg-border);border-radius:6px;padding:28px}
.eg-modern .content:not(.eg-home) .hentry{float:none;min-width:0;max-width:none;padding:0;margin:0 240px 20px 0}
.eg-modern #lateral{width:210px;padding:18px;background:#f7f8f9;border:1px solid var(--eg-border);border-radius:5px;margin-left:24px}
.eg-modern #menuatalho a{font-size:14px;line-height:1.5;margin-top:8px}.eg-modern .entry-content p{line-height:1.6}.eg-modern .page-title{margin-bottom:18px;font-size:28px}
.eg-modern #wpmem_reg,.eg-modern .wpmem_msg,.eg-modern .wpcf7{max-width:100%}
.eg-modern .entry-content table{max-width:100%;display:block;overflow-x:auto}
.screen-reader-text,.eg-skip{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eg-skip:focus{width:auto;height:auto;clip:auto;padding:12px;z-index:100;background:white}
@media(max-width:1150px){.eg-modern #geral>.eg-home{grid-template-columns:280px minmax(0,1fr);gap:28px}.eg-modern #edicaoatual{padding:22px}.eg-modern .eg-headline{font-size:30px}.eg-info-card{gap:10px;padding:14px 12px}.eg-info-card .eg-icon{width:30px}.eg-modern .menu-principal li a{padding-left:8px;padding-right:8px;font-size:14px}}
@media(max-width:850px){.eg-modern #geral>.eg-home{grid-template-columns:230px minmax(0,1fr);gap:24px}.eg-info-grid{grid-template-columns:1fr}.eg-masthead{padding:12px 24px;gap:24px}.eg-brand{flex-basis:340px}.eg-modern #widgets-topo{width:330px}.eg-modern .eg-submission{padding:20px;gap:16px}.eg-modern .eg-mission .entry-content p{font-size:17px}.eg-modern .menu-principal{flex-wrap:wrap}.eg-modern .menu-principal>li{flex:1 0 25%}.eg-modern .menu-principal li a{min-height:48px;padding:12px}.eg-modern .content:not(.eg-home) .hentry{margin-right:0}.eg-modern #lateral{float:none;width:100%;margin:0 0 24px}.eg-modern .menu-principal .sub-menu .sub-menu{position:static}.eg-modern #rodape .footer-widget-area{text-align:left}}
@media(max-width:600px){.eg-masthead{flex-direction:column;gap:8px;padding:14px 20px 22px}.eg-brand{flex-basis:auto;width:290px}.eg-brand img{max-height:142px}.eg-modern #topo{background-size:auto 310px}.eg-modern #widgets-topo{width:100%}.eg-modern #widgets-topo .widget_text,.eg-issn{text-align:center;font-size:15px;margin-bottom:12px}.eg-modern #geral>.content{width:calc(100% - 32px);padding-top:22px}.eg-modern #geral>.eg-home{grid-template-columns:1fr}.eg-modern #edicaoatual{width:100%;max-width:360px;justify-self:center}.eg-modern .eg-headline{font-size:29px}.eg-modern .menu-principal>li{flex-basis:33.333%}.eg-modern .menu-principal .sub-menu{min-width:180px}.eg-modern .menu-principal>li:nth-child(3n)>.sub-menu{left:auto;right:0}.eg-modern .eg-submission{gap:12px;padding:18px}.eg-submission>.eg-icon{width:36px}.eg-submission h2{font-size:23px}.eg-submission p{font-size:16px}.eg-modern a.eg-button{gap:16px;padding:11px 16px;font-size:15px}.eg-modern #rodape{padding:20px;gap:22px}.eg-modern .content:not(.eg-home) #conteudo{padding:18px}.eg-modern .alignleft,.eg-modern .alignright{float:none;margin:12px 0}.eg-modern #post-7 li{float:none;width:auto}}

/* Galeria de edições — cinco capas por linha, conforme a referência. */
.eg-modern .content.eg-editions-page #conteudo{background:#e7e7e7;border:1px solid #d4d4d4;border-radius:0;padding:24px 14px 16px}
.eg-modern .content.eg-editions-page .hentry.category{margin:0;padding:0;width:100%}
.eg-modern .eg-editions-page .page-title{font-size:18px;font-weight:400;margin:0 5px 4px;color:#c00000}
.eg-modern .eg-editions-page .entry-content{margin:0 5px 14px}
.eg-modern .eg-editions-page .entry-content p{font-size:14px;line-height:1.5;margin:0 0 10px;color:#111}
.eg-modern .eg-editions-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:44px 0;list-style:none;padding:0;margin:0;overflow:hidden}
.eg-modern .content:not(.eg-home) .eg-editions-grid>.eg-edition{float:none!important;clear:none;width:auto;min-width:0;height:auto;max-width:none;margin:0;padding:0 8px 14px;border:0;border-bottom:1px solid #bfbfbf;background:none}
.eg-modern .eg-editions-grid a{display:flex;flex-direction:column;align-items:center;gap:14px;height:auto;position:static;color:#263746;text-decoration:none;font:10px/1.5 Arial,Helvetica,sans-serif}
.eg-modern .eg-editions-grid a .img{display:flex;align-items:center;justify-content:center;position:static;width:130px;max-width:100%;aspect-ratio:3/4;margin:0}
.eg-modern .eg-editions-grid .caparevista{display:block;width:100%;height:100%;max-height:none;object-fit:contain;margin:0;border:0;box-shadow:none}
.eg-modern .eg-editions-grid a .volume{display:block;position:static;width:100%;margin:0;text-align:center;overflow-wrap:anywhere}
.eg-modern .eg-editions-grid a:hover .volume{text-decoration:underline;color:var(--eg-red)}
.eg-cover-placeholder{display:flex;flex-direction:column;justify-content:center;gap:18px;background:#202020;color:#fff;width:100%;height:100%;padding:12px;font-size:16px;text-align:center}.eg-cover-placeholder span{font-size:11px;color:#ddd}
@media(max-width:700px){.eg-modern .eg-editions-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}}
@media(max-width:440px){.eg-modern .eg-editions-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.eg-modern .content.eg-editions-page #conteudo{padding:20px 10px}.eg-modern .eg-editions-grid a{font-size:11px}}
