<div class="FullWidthCarouselstyles__DraggableContainer-sc-16jty68-1 fwSgiY inherited-styles-for-exported-element">
<div class="grid__Container-sc-p40pqe-0 ctsbPE">
<div style="margin-left: -16px; cursor: grab; transition: margin-left 0.6s ease 0s;" class="grid__Row-sc-p40pqe-1 oFuOf">
<div class="grid__StyledColumn-sc-p40pqe-2 cJzWlo"><a data-testid="individual-template" data-uuid="2xIZne1VBy81MhQlXA90bn" draggable="false" href="https://tdn.totvs.com/display/TCGDC/Release" class="rogGT">
<div color="rgba(9, 30, 66, 1)" class="hNWOlT"></div>
<div class="fzULwq">
<div class="bgvUWO"></div>
<h3>Releases</h3>
<p class="muted"> </p>
<p>Clique e explore: cada versão do TOTVS CRM - Gestão de Clientes é apresentada com documentos detalhados, que fornecem insights claros sobre as mudanças implementadas, as melhorias realizadas e as novidades que foram introduzidas. </p>
</div>
</a></div>
<!-- Separação bloco -->
<div class="grid__StyledColumn-sc-p40pqe-2 cJzWlo"><a data-testid="individual-template" data-uuid="3Vmbzdd1S76GhVxNtDs2Kz" draggable="false" href="https://trello.com/use-cases/meetings" class="rogGT">
<div color="rgba(9, 30, 66, 1)" class="grqWLk"></div>
<div class="fzULwq">
<div class="eUOZOn"></div>
<h3>Roadmap</h3>
<p class="muted"> </p>
<p>Acompanhe nosso roadmap e prepare-se para as próximas inovações que irão elevar sua experiência com o TOTVS CRM - Gestão de Clientes a um novo patamar. Estamos ansiosos para crescer e evoluir junto com você!</p>
</div>
</a></div>
<div class="grid__StyledColumn-sc-p40pqe-2 cJzWlo"><a data-testid="individual-template" data-uuid="1Tqt54zuPmOckSi6MKDPiy" draggable="false" href="https://trello.com/use-cases/onboarding" class="rogGT">
<div color="rgba(9, 30, 66, 1)" class="cELStS"></div>
<div class="fzULwq">
<div class="gRxMAA"></div>
<h3>Calendário</h3>
<p>Fique de olho no Calendário de Atualizações e antecipe-se às novidades que farão a diferença no seu dia a dia. Estamos comprometidos em mantê-lo atualizado com as mais recentes inovações do TOTVS CRM - Gestão de Clientes.</p>
</div>
</a></div>
<!-- Separação bloco -->
</div>
</div>
</div>
<style>
*, ::after, ::before {
box-sizing: border-box;
}
.inherited-styles-for-exported-element {
color: #091e42;
font-family: "Roboto", sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5;
}
h3 {
font-family: "Roboto", sans-serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.2;
margin-bottom: .5rem;
margin-top: 0;
}
@media (min-width: 768px) {
h3 {
font-size: 1.5rem;
line-height: 1.33333;
}
}
.ctsbPE {
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
width: 100%;
}
@media (min-width: 576px) {
.ctsbPE {
max-width: 540px;
}
}
@media (min-width: 768px) {
.ctsbPE {
max-width: 720px;
}
}
@media (min-width: 992px) {
.ctsbPE {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.ctsbPE {
max-width: 1140px;
}
}
.oFuOf {
-webkit-box-align: stretch;
-webkit-box-pack: start;
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-left: -1rem;
margin-right: -1rem;
}
.cJzWlo {
display: block;
flex: 1 1 auto;
padding: 1rem;
position: relative;
scroll-margin-top: 72px;
text-align: center;
width: 83.3333%;
margin: 10px;
max-width: 300px;
}
@media (min-width: 992px) {
.cJzWlo {
display: block;
flex: 0 0 auto;
width: 33.3333%;
}
}
.fwSgiY {
overflow-x: hidden;
}
.rogGT {
border-radius: .5rem;
box-shadow: rgba(9, 30, 66, .15) 0 .5rem 1rem 0;
color: inherit !important;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
text-align: left;
text-decoration: none !important;
text-wrap: wrap;
user-select: none;
white-space-collapse: collapse;
width: auto;
}
.hNWOlT {
background-color: #6B48FF;
height: 2rem;
}
@media (min-width: 576px) {
.hNWOlT {
height: 3rem;
}
}
.grqWLk {
background-color: #0ADBE3;
height: 2rem;
}
@media (min-width: 576px) {
.grqWLk {
height: 3rem;
}
}
.cELStS {
background-color: #FEAC0E;
height: 2rem;
}
@media (min-width: 576px) {
.cELStS {
height: 3rem;
}
}
.bxLzQJ {
background-color: #ffc400;
height: 2rem;
}
@media (min-width: 576px) {
.bxLzQJ {
height: 3rem;
}
}
.lnQKVZ {
background-color: #00c7e5;
height: 2rem;
}
@media (min-width: 576px) {
.lnQKVZ {
height: 3rem;
}
}
.kgNiiW {
background-color: #f99cdb;
height: 2rem;
}
@media (min-width: 576px) {
.kgNiiW {
height: 3rem;
}
}
.bgvUWO, .eUOZOn, .gAonen, .gRxMAA, .iRWtjz, .kIYtDi {
background-color: #fff;
background-image: url(https://totvscrm.com/wp-content/uploads/2024/01/pre-release-access-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
border: 8px solid #fff;
border-radius: .5rem;
height: 3rem;
left: 1rem;
position: absolute;
top: -1.5rem;
width: 3rem;
}
.eUOZOn, .gAonen, .gRxMAA, .iRWtjz, .kIYtDi {
background-image: url(https://totvscrm.com/wp-content/uploads/2024/01/roadmap-3.png);
}
.gAonen, .gRxMAA, .iRWtjz, .kIYtDi {
background-image: url(https://totvscrm.com/wp-content/uploads/2024/01/calend.png);
}
.gAonen, .iRWtjz, .kIYtDi {
background-image: url(https://images.ctfassets.net/rz1oowkt5gyp/4Mgm4SG6P6bD673rMtNpXP/9f8798510480b30d296550be747b9624/icon-content-checklists_2x.png);
}
.gAonen, .kIYtDi {
background-image: url(https://images.ctfassets.net/rz1oowkt5gyp/x2AI5JZPTDVY7BxKbvClM/dc65b20bf0914caa72bcaf2ddbb05d9b/UseCasesBrainstorming.svg);
}
.gAonen {
background-image: url(https://images.ctfassets.net/rz1oowkt5gyp/5rv4eidOfMf1vdEzVpHNlA/bb102f380f9cfd3d1761858d8910963d/icon-object-book_2x.png);
}
.fzULwq {
padding: 2.25rem 1.5rem 1.5rem;
position: relative;
}
body :focus {
outline: 2px solid #091e42;
}
a:not([href]), a:not([href]):hover {
color: inherit;
}
.fzULwq p {
font-size: 13px;
margin: 0;
}
.fzULwq p+p {
margin-top: .5rem;
}
.cJzWlo>:last-child, .cJzWlo>:last-child>:last-child, .cJzWlo>:last-child>:last-child>:last-child {
margin-bottom: 0;
}
.fwSgiY .grid__Row-sc-p40pqe-1 {
flex-wrap: nowrap;
padding-bottom: 1rem;
width: calc(100% + 2rem);
}
.rogGT:focus, .rogGT:hover {
box-shadow: rgba(9, 30, 66, .25) 0 .5rem 1rem 0;
color: inherit !important;
text-decoration: underline !important;
}
.fzULwq p.muted {
color: #5e6c84;
}
body :focus:not(:focus-visible) {
outline: 0 !important;
}
</style>
|