.rm-portal-box,
.rm-login-box,
.rm-pix-box,
.rm-plano-card {
max-width: 760px;
margin: 24px auto;
padding: 26px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 14px;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
font-family: Arial, Helvetica, sans-serif;
color: #111827;
}
.rm-portal-box h2,
.rm-login-box h2,
.rm-pix-box h2 {
margin: 0 0 18px;
font-size: 28px;
line-height: 1.2;
color: #111827;
}
.rm-portal-box p,
.rm-login-box p,
.rm-pix-box p,
.rm-plano-card p {
font-size: 15px;
line-height: 1.6;
color: #374151;
}
.rm-login-header {
text-align: center;
margin-bottom: 24px;
}
.rm-form-grupo {
margin-bottom: 18px;
}
.rm-form-grupo label {
display: block;
margin-bottom: 7px;
font-weight: 700;
color: #111827;
}
.rm-form-grupo input,
.rm-form-grupo textarea,
.rm-form-grupo select {
width: 100%;
max-width: 100%;
padding: 12px 14px;
border: 1px solid #d1d5db;
border-radius: 10px;
background: #ffffff;
color: #111827;
font-size: 15px;
box-sizing: border-box;
}
.rm-form-grupo textarea {
min-height: 110px;
resize: vertical;
}
.rm-password-wrap {
display: flex;
gap: 8px;
align-items: stretch;
}
.rm-password-wrap input {
flex: 1;
}
.rm-password-toggle {
border: 0;
border-radius: 10px;
padding: 0 14px;
background: #e5e7eb;
color: #111827;
font-weight: 700;
cursor: pointer;
}
.rm-form-linha {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 18px;
}
.rm-checkbox {
display: flex;
align-items: center;
gap: 8px;
color: #374151;
}
.rm-checkbox input {
width: auto;
}
.rm-btn,
a.rm-btn,
button.rm-btn,
input.rm-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 42px;
padding: 11px 18px;
border: 0;
border-radius: 10px;
background: #2563eb;
color: #ffffff !important;
font-size: 15px;
font-weight: 700;
line-height: 1;
text-decoration: none !important;
cursor: pointer;
transition: all 0.2s ease;
box-sizing: border-box;
}
.rm-btn:hover,
a.rm-btn:hover,
button.rm-btn:hover {
background: #1d4ed8;
color: #ffffff !important;
transform: translateY(-1px);
}
.rm-btn-secondary,
a.rm-btn-secondary,
button.rm-btn-secondary {
background: #111827;
color: #ffffff !important;
}
.rm-btn-secondary:hover,
a.rm-btn-secondary:hover,
button.rm-btn-secondary:hover {
background: #000000;
color: #ffffff !important;
}
.rm-btn-full {
width: 100%;
}
.rm-loading {
opacity: 0.75;
cursor: wait !important;
}
.rm-login-links {
margin-top: 16px;
text-align: center;
}
.rm-login-links a {
color: #2563eb;
font-weight: 700;
text-decoration: none;
}
.rm-login-links a:hover {
text-decoration: underline;
}
.rm-alert {
margin: 16px 0;
padding: 14px 16px;
border-radius: 10px;
font-size: 15px;
line-height: 1.5;
}
.rm-alert-success {
background: #ecfdf5;
border: 1px solid #a7f3d0;
color: #065f46;
}
.rm-alert-warning {
background: #fffbeb;
border: 1px solid #fde68a;
color: #92400e;
}
.rm-alert-error {
background: #fef2f2;
border: 1px solid #fecaca;
color: #991b1b;
}
.rm-portal-acoes {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px;
margin-bottom: 8px;
}
.rm-planos {
max-width: 980px;
margin: 24px auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 18px;
}
.rm-plano-card {
margin: 0;
max-width: none;
}
.rm-plano-card h3 {
margin: 0 0 12px;
font-size: 22px;
color: #111827;
}
.rm-preco {
margin: 12px 0 14px;
font-size: 26px;
font-weight: 800;
color: #16a34a;
}
.rm-plano-acoes {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-top: 16px;
}
.rm-form-plano {
margin: 0;
}
.rm-pix-box {
border-color: #bfdbfe;
}
.rm-pix-box img {
display: block;
margin: 0 auto;
} .rm-arquivos-lista {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin-top: 22px;
}
.rm-arquivo-card {
position: relative;
padding: 20px;
background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
border: 1px solid #e5e7eb;
border-radius: 14px;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.rm-arquivo-card::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 6px;
height: 100%;
background: #2563eb;
}
.rm-arquivo-card h3 {
margin: 0 0 10px;
padding-left: 4px;
font-size: 21px;
color: #111827;
}
.rm-arquivo-card p {
margin: 7px 0;
color: #374151;
}
.rm-arquivo-card .rm-btn {
margin-top: 14px;
}
.rm-arquivo-card button[disabled] {
opacity: 0.65;
cursor: not-allowed;
}
.rm-arquivo-card button[disabled]:hover {
transform: none;
}
.rm-arquivo-card strong {
color: #111827;
}
.rm-assinaturas-toast {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 999999;
max-width: 340px;
padding: 14px 18px;
border-radius: 12px;
background: #111827;
color: #ffffff;
font-size: 15px;
font-weight: 700;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
opacity: 0;
transform: translateY(12px);
transition: all 0.25s ease;
}
.rm-assinaturas-toast-show {
opacity: 1;
transform: translateY(0);
}
.rm-assinaturas-toast-success {
background: #16a34a;
}
.rm-assinaturas-toast-error {
background: #dc2626;
}
@media (min-width: 900px) {
.rm-arquivos-lista {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.rm-portal-box,
.rm-login-box,
.rm-pix-box,
.rm-plano-card {
margin: 16px 12px;
padding: 20px;
border-radius: 12px;
}
.rm-portal-box h2,
.rm-login-box h2,
.rm-pix-box h2 {
font-size: 24px;
}
.rm-password-wrap {
flex-direction: column;
}
.rm-password-toggle {
min-height: 42px;
}
.rm-portal-acoes,
.rm-plano-acoes {
flex-direction: column;
align-items: stretch;
}
.rm-btn,
a.rm-btn,
button.rm-btn,
input.rm-btn {
width: 100%;
}
.rm-planos {
grid-template-columns: 1fr;
margin: 18px 0;
}
.rm-arquivo-card {
padding: 18px;
}
.rm-assinaturas-toast {
left: 12px;
right: 12px;
bottom: 12px;
max-width: none;
}
} .rm-assinaturas-shortcode,
.rm-assinaturas-shortcode *,
.rm-assinaturas-front,
.rm-assinaturas-front * {
box-sizing: border-box !important;
}
.rm-assinaturas-shortcode,
.rm-assinaturas-responsive,
.rm-assinaturas-front,
.rm-professor-area,
.rm-portal-box,
.rm-login-box,
.rm-pix-box,
.rm-plano-card,
.rm-assinaturas-card,
.rm-arquivo-card,
.rm-portal-hero,
.rm-arquivos-hero,
.rm-professor-card,
.rm-biblioteca-card,
.rm-renovacao-card,
.rm-sanfona-card,
.rm-historico-card,
.rm-checkout-pro-planos,
.rm-planos-grid,
.rm-planos,
.rm-arquivos-lista,
.rm-arquivos-grid {
max-width: 100% !important;
min-width: 0 !important;
}
.rm-assinaturas-shortcode,
.rm-assinaturas-responsive {
width: 100% !important;
overflow-x: hidden !important;
}
.rm-assinaturas-shortcode img,
.rm-assinaturas-shortcode video,
.rm-assinaturas-shortcode iframe,
.rm-assinaturas-front img,
.rm-assinaturas-front video,
.rm-assinaturas-front iframe {
max-width: 100% !important;
height: auto !important;
}
.rm-assinaturas-shortcode input,
.rm-assinaturas-shortcode select,
.rm-assinaturas-shortcode textarea,
.rm-assinaturas-shortcode button,
.rm-assinaturas-front input,
.rm-assinaturas-front select,
.rm-assinaturas-front textarea,
.rm-assinaturas-front button {
max-width: 100% !important;
}
.rm-assinaturas-shortcode table,
.rm-assinaturas-front table {
width: 100% !important;
max-width: 100% !important;
}
.rm-tabela-scroll,
.rm-table-wrap {
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.rm-tabela-scroll table,
.rm-table-wrap table {
min-width: 520px !important;
}
.rm-assinaturas-shortcode .rm-portal-hero-grid,
.rm-assinaturas-shortcode .rm-arquivos-hero-grid,
.rm-assinaturas-shortcode .rm-professor-topo,
.rm-assinaturas-shortcode .rm-renovacao-head,
.rm-assinaturas-shortcode .rm-biblioteca-head,
.rm-assinaturas-shortcode .rm-arquivo-topo,
.rm-assinaturas-front .rm-portal-hero-grid,
.rm-assinaturas-front .rm-arquivos-hero-grid,
.rm-assinaturas-front .rm-professor-topo,
.rm-assinaturas-front .rm-renovacao-head,
.rm-assinaturas-front .rm-biblioteca-head,
.rm-assinaturas-front .rm-arquivo-topo {
max-width: 100% !important;
min-width: 0 !important;
}
.rm-assinaturas-shortcode .rm-planos,
.rm-assinaturas-shortcode .rm-planos-grid,
.rm-assinaturas-shortcode .rm-checkout-pro-planos,
.rm-assinaturas-shortcode .rm-arquivos-lista,
.rm-assinaturas-shortcode .rm-arquivos-grid,
.rm-assinaturas-shortcode .rm-sanfona-grid,
.rm-assinaturas-shortcode .rm-historico-grid,
.rm-assinaturas-shortcode .rm-info-grid,
.rm-assinaturas-front .rm-planos,
.rm-assinaturas-front .rm-planos-grid,
.rm-assinaturas-front .rm-checkout-pro-planos,
.rm-assinaturas-front .rm-arquivos-lista,
.rm-assinaturas-front .rm-arquivos-grid,
.rm-assinaturas-front .rm-sanfona-grid,
.rm-assinaturas-front .rm-historico-grid,
.rm-assinaturas-front .rm-info-grid {
display: grid !important;
max-width: 100% !important;
min-width: 0 !important;
}
.rm-assinaturas-shortcode .rm-planos,
.rm-assinaturas-shortcode .rm-planos-grid,
.rm-assinaturas-shortcode .rm-checkout-pro-planos,
.rm-assinaturas-shortcode .rm-arquivos-lista,
.rm-assinaturas-shortcode .rm-arquivos-grid,
.rm-assinaturas-front .rm-planos,
.rm-assinaturas-front .rm-planos-grid,
.rm-assinaturas-front .rm-checkout-pro-planos,
.rm-assinaturas-front .rm-arquivos-lista,
.rm-assinaturas-front .rm-arquivos-grid {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}
.rm-assinaturas-shortcode .rm-sanfona-grid,
.rm-assinaturas-shortcode .rm-historico-grid,
.rm-assinaturas-shortcode .rm-info-grid,
.rm-assinaturas-front .rm-sanfona-grid,
.rm-assinaturas-front .rm-historico-grid,
.rm-assinaturas-front .rm-info-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}
.rm-assinaturas-shortcode .rm-arquivo-meta,
.rm-assinaturas-shortcode .rm-pix-resumo,
.rm-assinaturas-front .rm-arquivo-meta,
.rm-assinaturas-front .rm-pix-resumo {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)) !important;
gap: 10px !important;
max-width: 100% !important;
min-width: 0 !important;
}
.rm-assinaturas-shortcode h1,
.rm-assinaturas-shortcode h2,
.rm-assinaturas-shortcode h3,
.rm-assinaturas-shortcode h4,
.rm-assinaturas-shortcode p,
.rm-assinaturas-shortcode span,
.rm-assinaturas-shortcode strong,
.rm-assinaturas-shortcode div,
.rm-assinaturas-shortcode a,
.rm-assinaturas-front h1,
.rm-assinaturas-front h2,
.rm-assinaturas-front h3,
.rm-assinaturas-front h4,
.rm-assinaturas-front p,
.rm-assinaturas-front span,
.rm-assinaturas-front strong,
.rm-assinaturas-front div,
.rm-assinaturas-front a {
overflow-wrap: anywhere !important;
word-break: normal !important;
}
.rm-assinaturas-shortcode .rm-btn,
.rm-assinaturas-shortcode a.rm-btn,
.rm-assinaturas-shortcode button.rm-btn,
.rm-assinaturas-shortcode .button,
.rm-assinaturas-shortcode input[type="submit"],
.rm-assinaturas-shortcode input[type="button"],
.rm-assinaturas-shortcode .rm-download-btn,
.rm-assinaturas-shortcode .rm-download-bloqueado,
.rm-assinaturas-front .rm-btn,
.rm-assinaturas-front a.rm-btn,
.rm-assinaturas-front button.rm-btn,
.rm-assinaturas-front .button,
.rm-assinaturas-front input[type="submit"],
.rm-assinaturas-front input[type="button"],
.rm-assinaturas-front .rm-download-btn,
.rm-assinaturas-front .rm-download-bloqueado {
white-space: normal !important;
text-align: center !important;
line-height: 1.25 !important;
} @media (max-width: 980px) {
.rm-assinaturas-shortcode,
.rm-assinaturas-responsive,
.rm-assinaturas-front,
.rm-professor-area {
width: 100% !important;
max-width: 100% !important;
padding-left: 12px !important;
padding-right: 12px !important;
margin-left: auto !important;
margin-right: auto !important;
overflow-x: hidden !important;
}
.rm-assinaturas-shortcode .rmcp-status-flutuante,
.rm-assinaturas-shortcode .rmcp-renovar-flutuante,
.rm-assinaturas-front .rmcp-status-flutuante,
.rm-assinaturas-front .rmcp-renovar-flutuante {
position: static !important;
width: 100% !important;
max-width: 100% !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
margin: 12px 0 !important;
}
.rm-assinaturas-shortcode .rm-portal-hero-grid,
.rm-assinaturas-shortcode .rm-arquivos-hero-grid,
.rm-assinaturas-shortcode .rm-professor-topo,
.rm-assinaturas-front .rm-portal-hero-grid,
.rm-assinaturas-front .rm-arquivos-hero-grid,
.rm-assinaturas-front .rm-professor-topo {
grid-template-columns: 1fr !important;
}
.rm-assinaturas-shortcode .rm-renovacao-head,
.rm-assinaturas-shortcode .rm-biblioteca-head,
.rm-assinaturas-front .rm-renovacao-head,
.rm-assinaturas-front .rm-biblioteca-head {
display: block !important;
}
}
@media (max-width: 760px) {
.rm-assinaturas-shortcode,
.rm-assinaturas-front,
.rm-professor-area {
padding-left: 10px !important;
padding-right: 10px !important;
}
.rm-assinaturas-shortcode .rm-planos,
.rm-assinaturas-shortcode .rm-planos-grid,
.rm-assinaturas-shortcode .rm-checkout-pro-planos,
.rm-assinaturas-shortcode .rm-arquivos-lista,
.rm-assinaturas-shortcode .rm-arquivos-grid,
.rm-assinaturas-shortcode .rm-sanfona-grid,
.rm-assinaturas-shortcode .rm-historico-grid,
.rm-assinaturas-shortcode .rm-info-grid,
.rm-assinaturas-shortcode .rm-arquivo-meta,
.rm-assinaturas-shortcode .rm-pix-resumo,
.rm-assinaturas-front .rm-planos,
.rm-assinaturas-front .rm-planos-grid,
.rm-assinaturas-front .rm-checkout-pro-planos,
.rm-assinaturas-front .rm-arquivos-lista,
.rm-assinaturas-front .rm-arquivos-grid,
.rm-assinaturas-front .rm-sanfona-grid,
.rm-assinaturas-front .rm-historico-grid,
.rm-assinaturas-front .rm-info-grid,
.rm-assinaturas-front .rm-arquivo-meta,
.rm-assinaturas-front .rm-pix-resumo {
grid-template-columns: 1fr !important;
}
.rm-assinaturas-shortcode .rm-portal-box,
.rm-assinaturas-shortcode .rm-login-box,
.rm-assinaturas-shortcode .rm-pix-box,
.rm-assinaturas-shortcode .rm-plano-card,
.rm-assinaturas-shortcode .rm-assinaturas-card,
.rm-assinaturas-shortcode .rm-arquivo-card,
.rm-assinaturas-shortcode .rm-portal-hero,
.rm-assinaturas-shortcode .rm-arquivos-hero,
.rm-assinaturas-shortcode .rm-professor-card,
.rm-assinaturas-shortcode .rm-biblioteca-card,
.rm-assinaturas-shortcode .rm-renovacao-card,
.rm-assinaturas-shortcode .rm-sanfona-card,
.rm-assinaturas-front .rm-portal-box,
.rm-assinaturas-front .rm-login-box,
.rm-assinaturas-front .rm-pix-box,
.rm-assinaturas-front .rm-plano-card,
.rm-assinaturas-front .rm-assinaturas-card,
.rm-assinaturas-front .rm-arquivo-card,
.rm-assinaturas-front .rm-portal-hero,
.rm-assinaturas-front .rm-arquivos-hero,
.rm-assinaturas-front .rm-professor-card,
.rm-assinaturas-front .rm-biblioteca-card,
.rm-assinaturas-front .rm-renovacao-card,
.rm-assinaturas-front .rm-sanfona-card {
width: 100% !important;
max-width: 100% !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
.rm-assinaturas-shortcode .rm-btn,
.rm-assinaturas-shortcode a.rm-btn,
.rm-assinaturas-shortcode button.rm-btn,
.rm-assinaturas-shortcode .button,
.rm-assinaturas-shortcode input[type="submit"],
.rm-assinaturas-shortcode input[type="button"],
.rm-assinaturas-shortcode .rm-download-btn,
.rm-assinaturas-shortcode .rm-download-bloqueado,
.rm-assinaturas-front .rm-btn,
.rm-assinaturas-front a.rm-btn,
.rm-assinaturas-front button.rm-btn,
.rm-assinaturas-front .button,
.rm-assinaturas-front input[type="submit"],
.rm-assinaturas-front input[type="button"],
.rm-assinaturas-front .rm-download-btn,
.rm-assinaturas-front .rm-download-bloqueado {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.rm-assinaturas-shortcode h1,
.rm-assinaturas-front h1,
.rm-professor-area h1 {
font-size: 24px !important;
line-height: 1.15 !important;
}
.rm-assinaturas-shortcode h2,
.rm-assinaturas-front h2,
.rm-professor-area h2 {
font-size: 20px !important;
line-height: 1.2 !important;
}
.rm-assinaturas-shortcode h3,
.rm-assinaturas-front h3,
.rm-professor-area h3 {
font-size: 17px !important;
line-height: 1.25 !important;
}
}
@media (max-width: 480px) {
.rm-assinaturas-shortcode,
.rm-assinaturas-front,
.rm-professor-area {
padding-left: 8px !important;
padding-right: 8px !important;
}
.rm-assinaturas-shortcode .rm-arquivo-topo,
.rm-assinaturas-front .rm-arquivo-topo {
grid-template-columns: 40px minmax(0, 1fr) !important;
gap: 10px !important;
}
.rm-assinaturas-shortcode .rm-arquivo-icone,
.rm-assinaturas-front .rm-arquivo-icone {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
}
}