@keyframes heartbeat {
    15% { transform: scale(1.1); }}
.btn-heartbeat {background: gray;color: white;border: solid 1px #d9d9d9;padding: 5px 15px;border-radius: 5px;font-weight: bold;box-shadow: 3px 3px 2px #d9d9d9;cursor: pointer;animation: heartbeat 1.5s infinite;}
.button {background: #0056b3;color: #fff;border: none;padding: 10px 8px 8px 10px;width: 97%;border-radius: 5px;margin: 15px 0px 10px 0px;font-family: calibri,arial,sans-serif;font-size: 1.0em;cursor: pointer;box-shadow: 3px 4px 5px gray;}
.button:active {box-shadow: 5px 6px 5px gray;transform: translateY(4px);}
.button:hover {background-color: #1e3a8a;color: #ffffff;box-shadow: 5px 6px 5px gray;}
body, html {margin: 0;padding: 0;height: 100%;font-family: calibri,arial,sans-serif;overflow-x: hidden;}
a {text-decoration: none;color: blue;}
p {color: #4d4d4d;font-size: 0.9em;	line-height: 1.2;}
.accordion {cursor: pointer;font-size: 1.0em;margin: 0px 0px 0px 0px;}
.accordion:hover {color: #1e3a8a;font-weight: bold;}
.panel {max-height: 0;overflow: hidden;	transition: max-height .3s ease;}
.menu {background: #f2f2f2;border: 1px solid #d9d9d9; border-radius: 4px;color: blue;font-size: 0.85em;cursor: pointer;display: block;padding: 5px 20px 5px 2px;}
.menu:hover {background: #d9d9d9;color: #1e3a8a;}
.card{ background: white; border-radius: 8px; box-shadow: 0 2px 5px #d9d9d9; padding: 5px; margin: 10px 5px 10px 5px; }
.content {display: flex;margin-left: 0;align-items: flex-start;min-height: 100vh;}
.col {width: 335px;flex-shrink: 0;padding: 10px;display: flex;flex-direction: column;align-items: flex-start;}
.col3 {width: 335px;flex-shrink: 0; max-width: 335px; margin: 0 auto;float: none;}
.iframe-wrapper {flex-grow: 1;height: 100vh;position: sticky;top: 0;overflow: hidden;background: #ffffff;}
#pdf-frame {width: 100%;height: 100vh;border: none;	display: block;}
.header-row {display: flex; align-items: center; justify-content: flex-start; gap: 10px;width: 100%;margin-bottom: 10px;}
.menu-whats {background: none;border: none;cursor: pointer;padding: 0;display: flex;}
.menu-whats img {height: auto;}
.btnToggle {font-size: 0.85em;margin: 15px 1px 5px 1px;padding: 4px 10px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #f2f2f2;box-shadow: 0 2px 4px rgba(0,0,0,0.05);}
.btnPdf  {font-size: 0.9em;cursor: pointer;background: #ffffff;border: solid 1px #ffffff; color:blue;margin: 0px 0px 0px 1px;}
.btnRemove {font-size: 0.85em;margin: 15px 1px 5px 1px;padding: 4px 8px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #f2f2f2;	box-shadow: 0 2px 4px rgba(0,0,0,0.05);}

/* MOBILE - RESOLUÇÃO DEFINITIVA */
@media screen and (max-width: 1200px) {
html, body {overflow-x: hidden;width: 100%;position: relative;}
.content {display: block;width: 100%;padding: 0;margin: 0;}
.col {display: block;float: none;margin: 0 auto;width: 95%; max-width: 335px; padding: 10px 0;box-sizing: border-box;}
.col p {margin-left: 0; padding-left: 5px;text-align: left;}
.header-row {justify-content: center;}
.col table {margin: 10px auto;width: 100%;max-width: 335px;}
.iframe-wrapper, #pdf-frame {display: none !important;}
}