/* MundoPinguim: põe o HTML do Elementor a obedecer ao desenho do site (carrega depois de site.css) */
.elementor .elementor-widget:not(:last-child){margin-block-end:0;margin-bottom:0}
.elementor .elementor-widget-container>p:last-child{margin-bottom:revert}
:where(.elementor) .elementor-heading-title{font-size:inherit;line-height:.9;color:inherit;margin:0;padding:0}
.elementor .elementor-widget-text-editor{color:inherit;font:inherit}

.mp-h__t,.mp-titulo,.mp-cab h1,.mp-passo h3,.mp-tec__l h2,.mp-rel__cab h2,.mp-orc h2,.mp-seq__cab h2,.mp-qsp h1{font-family:var(--f-titulo);font-weight:900}
/* Botões: o widget Botão do Elementor com o desenho .mp-btn */
.mp-b .elementor-button{display:inline-flex;align-items:center;gap:.7em;min-height:54px;padding:0 1.5em;font:500 1rem/1 var(--texto);text-decoration:none;border:2px solid var(--tinta);border-radius:0;background:transparent;color:var(--tinta);position:relative;overflow:hidden;isolation:isolate;transition:color .3s var(--ease-out),border-color .3s}
.mp-b .elementor-button::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tinta);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.mp-b .elementor-button:hover::before{transform:scaleX(1)}
.mp-b .elementor-button:hover{color:var(--papel)}
.mp-b--orc .elementor-button{background:var(--amarelo);border-color:var(--amarelo)}
.mp-b--orc .elementor-button:hover{color:var(--amarelo);border-color:var(--tinta)}
.mp-b--claro .elementor-button{border-color:var(--papel);color:var(--papel)}
.mp-b--claro .elementor-button::before{background:var(--papel)}
.mp-b--claro .elementor-button:hover{color:var(--tinta)}
.mp-rolo .mp-b--claro .elementor-button{border-color:var(--tinta);color:var(--tinta)}
.mp-rolo .mp-b--claro .elementor-button::before{background:var(--tinta)}
.mp-rolo .mp-b--claro .elementor-button:hover{color:var(--amarelo)}
.mp-orc .mp-b .elementor-button{border-color:var(--tinta);background:var(--tinta);color:var(--amarelo)}
.mp-orc .mp-b .elementor-button::before{background:var(--papel)}
.mp-orc .mp-b .elementor-button:hover{color:var(--tinta)}
.mp-b--seta .elementor-button-text::after{content:"\2192";margin-left:.6em;display:inline-block;transition:transform .35s var(--ease-out)}
.mp-b--seta .elementor-button:hover .elementor-button-text::after{transform:translateX(4px)}
.mp-h__acoes,.mp-cab__base>div:last-child{display:flex;flex-wrap:wrap;gap:10px}
/* No site (não no editor), as caixas dos widgets HTML e de texto deixam de contar para a grelha: o conteúdo fica como no protótipo */
body:not(.elementor-editor-active) .elementor-widget-html,body:not(.elementor-editor-active) .elementor-widget-html>.elementor-widget-container,
body:not(.elementor-editor-active) .elementor-widget-text-editor,body:not(.elementor-editor-active) .elementor-widget-text-editor>.elementor-widget-container{display:contents}
.elementor :where(p,figcaption,address,.mp-legenda) a{text-decoration:underline}