body { margin: 0%; padding: 0%; } .text-left { text-align: left !important; } .text-size-bold { font-weight: bold; } .text-size-medium { font-weight: 500; } .text-size-light { font-weight: 300; } .font_size_little { font-size: 13px; } .text_dark_gray { color: #545454 !important; } .text_black { color: #000 !important; } .pr-0{ padding-right: 0px !important; } .bg-firmese { background-image: url('../assets/img/fondoFirmeseVerdeYBlanco.png'); background-size: cover; } .bg-green{ background-color: #326666; } .max-w-100{ max-width: 100% !important; } #join-section { background-color: #326666 !important; background-size: cover; font-family: var(--bs-body-font-family); padding: 2rem; color: #fff; text-align: justify; } #join-section .text-justify { padding-left: 6rem; padding-right: 6rem; } #security-section{ background-color: #000 !important; background-size: cover; } #text-verify-docs{ padding-left: 7rem !important; padding-right: 7rem !important; } #img-legal{ max-width: 70%; height: auto; } #img-identification{ max-width: 70%; height: auto; } .data-buy>* { width: auto; max-width: 100%; } #signer-id { background-color: #45cc9a !important; background-size: cover; } #verify-section { background-color: #f1f2f3 !important; background-size: cover; } #signature-section { background-color: #326666 !important; background-size: cover; } #who-us-section { background-color: #E6E6E6 !important; background-size: cover; } .nav>li { float: left; } .nav li a { display: block; } .nav li ul { background-color: hsl(0, 0%, 0%, 0.6); border-radius: 2px; display: none; position: absolute; min-width: 140px; } .nav li:hover>ul { display: block; } .nav li ul li { position: relative; } .nav li ul li ul { right: -140px; top: 0px; } .nav-link { color: #33CC99 !important; } .flotante { display: scroll; position: fixed; bottom: 3rem; right: 0px; z-index: 11; } .link-footer{ -webkit-box-flex: 1; flex-grow: 1; font-weight: 400; color: #535353 !important; padding: 2px 0; white-space: nowrap; } #modal-download{ background-color: #FFFFFF; display: inline-block; width: 40%; max-width: 100%; border-radius: 8px; } .fa-star{ color: #ffba00 !important; } .form-group { margin-bottom: 1rem; } .section-header hr { width: 200px; height: 3px; margin-bottom: 1.5rem; border-top-color: #45cc9a; color: #45cc9a !important; margin: auto; } @media (max-width: 300px) { .flotante { display: none !important; } } @media (max-width: 600px) { .flotante { bottom: 5rem; } #modal-download{ width: 100%; } } @media (max-width: 700px) { #join-section, #text-verify-docs { padding-left: 2rem !important; padding-right: 2rem !important; } #join-section .text-justify { padding-left: 1rem; padding-right: 1rem; } #selecciona-plan, #que-es-firma, #seguridad { padding-left: 0rem !important; padding-right: 0rem !important; } } .text-primary { color: #39ad80 !important; } .btn-primary, .btn-primary:hover { background-color: #39ad80; border-color: #39ad80; color: #fff; } .color-menu { color: #33CC99 !important; } .btn-secondary, .btn-secondary:hover { background-color: #ffffff; border-color: #ffffff; color: #40be8c; } .comboPrecios { border-color: #39ad80 !important; text-align: center; text-align-last: center; font-weight: bolder !important; color: #000000; } .bordeBotonMenu { border: solid #45cc9a; line-height: 20px !important; padding: 10px; } .text-tertiary { color: #45cc9a !important; } .btn-tertiary { background-color: #45cc9a; border-color: #45cc9a; color: #ffffff; } .border { border: solid #45cc9a; } span.caret { display: none; } .estiloMenu { color: #33CC99 !important } a.dropdown-toggle { color: #33CC99 !important; } .nav .open>a { background-color: transparent !important; border-color: transparent !important; } .float { position: fixed; width: auto; height: 60px; bottom: 40px; right: 40px; text-align: center; font-size: 30px; z-index: 100; } .float:hover { text-decoration: none; } .my-float { margin-top: 16px; } .card-header-first { background: rgba(52, 204, 156, 0.8); } .card-header-second { background: rgba(52, 204, 156, 0.3); } #timePlans, #numberUsers { border-color: #39ad80 !important; border-radius: 5px; text-align: center; text-align-last: center; font-weight: bolder !important; color: #000000; padding: 5px 12px; font-size: 14px; line-height: inherit; width: 100%; } #moreUsers { height: 80%; border-radius: 5px; text-align: center; text-align-last: center; padding: 5px 12px; font-size: 14px; width: 100%; font-weight: bolder !important; box-shadow: none; color: #000000; line-height: inherit; border: rgb(57, 173, 128) 1px solid; } .items-card-price { font-size: 17px; font-weight: 400; } .icon-item-card-price { height: 70%; width: 3.8%; text-align: center; } @media only screen and (max-width: 991px) { nav#block-menufirmese { display: none; } nav#block-thesaas-main-menu { display: block; } .menu--menu-firmese { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-wrap: nowrap; position: fixed; overflow: auto; left: -300px; top: 0; bottom: 0; width: 300px; background-color: #fff; margin: 0; padding: 30px; z-index: 910; } .topbar-reveal .menu--menu-firmese { left: 0; -webkit-box-shadow: 2px 0px 9px 2px rgb(0 0 0 / 5%); box-shadow: 2px 0px 9px 2px rgb(0 0 0 / 5%); } } @media only screen and (min-width: 991px) { nav#block-menufirmese { display: block; } nav#block-thesaas-main-menu { display: none; } .topbar.topbar-inverse .topbar-nav>.nav-item>.nav-link, .topbar.topbar-inverse .topbar-toggler, .topbar.topbar-inverse .drawer-toggler { color: #33CC99 !important; } nav.topbar.topbar-inverse.topbar-expand-md.topbar-sticky { background: hsl(0, 0%, 0%, 0.6); } .topbar { background: hsl(0, 0%, 0%, 0.6); color: #33CC99 !important; } .body-scrolled .topbar.topbar-sticky { background-color: rgba(255, 255, 255, 0.98) !important; opacity: revert !important; color: #535353 !important; } } .text-lg { font-size: 1.5rem; } .whatsapp-link { color: #39ad80 !important; text-decoration: none; transition: color 0.3s ease, text-decoration 0.3s ease; } .whatsapp-link:hover { color: #2e8c68 !important; text-decoration: underline; } .img-hover-effect { transition: transform 0.3s ease, opacity 0.3s ease, border 0.3s ease; } .img-hover-effect:hover { opacity: 0.9; } @media (max-width: 768px) { .venleg-title { margin-bottom: 1.5rem; } } .card { transition: transform 0.3s ease, opacity 0.3s ease; } .card:hover { transform: scale(1.05); opacity: 0.9; } .card p { color: black; } .p-80 { display: table; height: 100%; } .table-cell { display: table-cell; vertical-align: middle; } .benefits-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem 2rem; list-style-type: none; padding-left: 0; margin: 20px 0; } .benefits-list li { position: relative; padding-left: 25px; font-size: 18px; color: white; font-weight: 500; } .benefits-list li::before { content: "✓"; position: absolute; left: 0; top: 0; font-size: 20px; color: #326666 !important; font-weight: bold; line-height: 1; } @media (max-width: 900px) { .benefits-list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .benefits-list { grid-template-columns: 1fr; } } .table-dark { --bs-table-bg: #198754; background-color: #198754 !important; } .table-bordered { border-color: #198754; } .table-bordered th, .table-bordered td { border-color: #198754; } .table thead th { background-color: #198754; color: white; border-color: #198754; } .table > :not(caption) > * > * { border-bottom-color: #198754; }