*/
.gov-code {
font-size: 105%;
background-color: rgba(222,222,222,0.3);
}
.gov-code {
color: #ed143d;
background-color: #f1f1f1;
padding-left: 4px;
padding-right: 4px;
border-radius: 5px;
}
.gov-code {font-family: Consolas,Menlo,"courier new",monospace;}
/* =========== TABLAS ============= */
/*Sobre escribir Color borde de thead - .table-externa aplica a Tabla Aniadada - .table-normal aplica a Tabla con Pie de Página */
.table>tbody:not(:first-child),
table.table-externa tbody:not(:first-child),
table.table-normal tbody:not(:first-child) {
border-top: 2px solid currentColor !important;
}
/*Sobre escribir Color borde filas*/
.table-response tr {
border-bottom: #E6EFFD !important;
}
/*Sobre escribir estilos de tablas gov.co porque no funciona estilo responsive ni adaptativo definidos en px,
Ancho para filas definido en % según contenido de ejemplo que definieron - Se deja auto para que tome ancho según contenido*/
.contenedor-tabla {
width: 100% !important;
}
.table-general thead th, .table-normal thead th {
padding-right: 2em !important;
padding-left: 2em !important;
}
.table-general thead th:nth-child(1) {
padding: auto !important;
}
.table-general thead th:nth-child(1) {
width: auto !important;
}
.table-general thead th:nth-child(2) {
width: auto !important;
}
.table-general tbody td:nth-child(3) {
text-align: inherit !important;
}
.table-general thead th:nth-child(3) {
width: auto !important;
}
.table-general thead th:nth-child(4) {
width: auto !important;
}
/* table.table.table_responsive {overflow-x: auto !important;} */
/* =========== SCROLLBAR ============= */
/*Estilos para ScrollBar en Navegador, Tablas en dispositivos moviles*/
* {
scrollbar-width: thin;
scrollbar-color: #004884 #e6effd;
}
::-webkit-scrollbar {
width: 0.5em;
height: 0.5em;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #004884;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background: #e6effd;
}
::-webkit-scrollbar-thumb:hover {
background: #004884;
}
.scroll-dark-govco {
overflow-y: scroll;
scrollbar-face-color: #36c !important;
scrollbar-track-color: #fff !important;
scrollbar-arrow-color: #fff !important;
scrollbar-highlight-color: #36c !important;
scrollbar-3dlight-color: #36c !important;
scrollbar-darkshadow-color: #36c !important;
scrollbar-color: #36c #fff !important;
scrollbar-width: thin !important;
}
.scroll-dark-govco::-webkit-scrollbar {
width: 0.5em;
height: 0.5em;
}
.scroll-dark-govco::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #36c;
}
.scroll-dark-govco::-webkit-scrollbar-track {
border-radius: 10px;
background: #fff;
}
.scroll-dark-govco::-webkit-scrollbar-thumb:hover {
background: #36c;
}
.scroll-light-govco {
scrollbar-face-color: #004884 !important;
scrollbar-track-color: #e6effd !important;
scrollbar-arrow-color: #e6effd !important;
scrollbar-highlight-color: #e6effd !important;
scrollbar-3dlight-color: #e6effd !important;
scrollbar-darkshadow-color: #e6effd !important;
scrollbar-color: #004884 #e6effd !important;
scrollbar-width: thin !important;
overflow-y: scroll;
}
.scroll-light-govco::-webkit-scrollbar {
width: 0.5em;
height: 0.5em;
}
.scroll-light-govco::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #004884;
}
.scroll-light-govco::-webkit-scrollbar-track {
border-radius: 10px;
background: #e6effd;
}
.scroll-light-govco::-webkit-scrollbar-thumb:hover {
background: #004884;
}
/* =========== FORMULARIOS FIELDSET ============= */
/* Fieldset y Legend para nombre entidad */
fieldset.ingreso-ent, fieldset.content-query {
border: 1px solid #D9D9D9 !important;
padding: 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 5px;
}
.ingreso-ent legend {
border: 2px solid #FFF;
background: #007954;
padding: 2px 20px;
margin-bottom: 0 !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 30%);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 30%);
}
.content-query legend {
width: auto;
border: 2px solid #FFF;
background: #68AB44;
padding: 2px 20px;
margin-bottom: 0 !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 30%);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 30%);
float: none !important;
}
.ingreso-ent legend p, .content-query legend p {
color: #FFF;
font-size: 0.8rem;
text-align: center;
margin-bottom: 0;
}
.content-query h3 {
color: #FFF;
font-size: 1rem !important;
margin: 0;
text-align: center;
}
/* =========== FORMULARIOS ============= */
input, select, select option, option {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
select::-ms-expand {display: none;}
.gov-co-form-group .gov-co-dropdown > div > select, .gov-co-form-group .gov-co-dropdown > select, .gov-co-form-group .gov-co-dropdown .selectpicker {
height: 40px !important;
padding: 6px 16px;
border: 1px solid #bababa;/*!important*/
}
.gov-co-form-group .gov-co-dropdown select {
display: inline-block;
width: 100%;
cursor: pointer;
padding: 7px 10px;
outline: 0;
border: 0;
position: relative;
transition: all 0.25s ease;
}
.gov-co-form-group .gov-co-dropdown i {
position: absolute;
right: 20px;
top: calc(50% - 2px);
width: 8px;
height: 8px;
display: block;
border-left:2px solid #3366cc;;
border-bottom:2px solid #3366cc;;
transform: rotate(-45deg);
transition: all 0.25s ease;
}
.gov-co-form-group .gov-co-dropdown:hover i {margin-top: 3px;}
.gov-co-form-group .gov-co-dropdown select:hover {
border: 1px solid #36c; /*!important*/
box-shadow: 0 0 5px #36c !important;
}
.gov-co-form-group .gov-co-dropdown select:hover option {background: #E6EFFD;}
/*Estilos Selectpicker y Datepicker*/
/*Selectpicker*/
.gov-co-dropdown .dropdown.bootstrap-select button.btn.dropdown-toggle {
height: 40px;
background-color: #FFF;
}
.gov-co-dropdown .dropdown.bootstrap-select button:hover.btn.dropdown-toggle {border: 1px solid #36c !important;}
div.dropdown-menu {
border: 1px solid #36c !important;
box-shadow: 0 0 5px #36c !important;
}
.gov-co-form-group > .gov-co-dropdown .bootstrap-select .dropdown-menu .dropdown-item:hover {background-color: transparent !important;}
.bootstrap-select .dropdown-menu li:hover{background-color: #e6effd !important;}
.gov-co-form-group > .gov-co-dropdown .bootstrap-select .dropdown-toggle:not(.bs-placeholder) .filter-option-inner-inner {color: #495057 !important;}
.gov-co-form-group > .gov-co-dropdown .bootstrap-select ul.dropdown-menu li {padding: 6px 16px !important;}
button:hover .dropdown-toggle::after {
top: calc(50% - 0px) !important;
-webkit-transition: 0.5s ease-in-out !important;
transition: all 0.5s ease-in-out !important;
}
/*Datepicker*/
div.gj-datepicker .gj-datepicker-bootstrap .gj-unselectable .input-group
div.gj-datepicker .gj-datepicker-bootstrap input:hover
/* input.calendar .form-control-govco .form-control*/ {
border: none !important;
box-shadow: none !important;
}
.gov-co-form-group input[type=text]:hover,
.gov-co-form-group input[type=password]:hover,
.gov-co-form-group input[type=month]:hover,
div[role="wrapper"]:hover.gj-datepicker {
border: 1px solid #36c;/*!important*/
box-shadow: 0 0 5px #36c !important;
}
.gj-datepicker-bootstrap [role=right-icon] button:hover i::before {color: #007954;}
.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
background-color: transparent !important;
border-color: none !important;
}
.gj-picker-bootstrap table tr td.gj-cursor-pointer:hover {border-radius: 0px !important;}
.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer {border-radius: 0px !important;}
.gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover {
background: transparent !important;
border-radius: 0px !important;
}
div[role="calendar"].gj-picker {box-shadow: 0 0 3px #004884 !important;}
[type="year"].gj-picker-bootstrap table tr td div:hover,
[type="decade"].gj-picker-bootstrap table tr td div:hover,
[type="century"].gj-picker-bootstrap table tr td div:hover {border-radius: 0px !important;}
/*Errores en campos - Label, Bordes, Texto interno campo*/
/* .gov-co-error.gov-co-form-group input[type=text], */
.gov-co-error.gov-co-form-group .gov-co-dropdown select,
.gov-co-error div[role="wrapper"].gj-datepicker,
.gov-co-error.gov-co-form-group input[type=month] {
border: 1px solid #a80521 !important;
color: #a80521 !important;
}
.gov-co-error.gov-co-form-group input[type=text]:hover,
.gov-co-error.gov-co-form-group .gov-co-dropdown select:hover,
.gov-co-error.gov-co-form-group div[role="wrapper"]:hover.gj-datepicker
.gov-co-error.gov-co-form-group input[type=password]:hover,
.gov-co-error.gov-co-form-group input[type=month]:hover {
box-shadow: 0 0 3px #a80521 !important;
}
/* .gov-co-error label, */
.gov-co-error small,
.gov-co-error.gov-co-form-group div[role="wrapper"] input[role="input"],
.gov-co-error.gov-co-form-group div[role="wrapper"] i {color: #a80521 !important;}
.gov-co-error.gov-co-form-group > .gov-co-dropdown .bootstrap-select .dropdown-toggle::after {color: #a80521 !important;}
/*Estilos adicionales formularios*/
/*estilo para alinear horizontalmente los campos*/
.form-row {
display: -webkit-box;
/* display: flex; */
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
/*Estilos para separar horizontalmente los campos*/
.form-row>.col, .form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.desplegable-govco~.alert-desplegable-govco {
margin-top: 0.6rem !important;
}
/*Estilo para ajustar ancho de campos en resoluciones inferiores a 600px*/
@media (max-width: 600px) {
.form-row>.col, .form-row>[class*=col-] {
width: 100%;
}
}
/*Estilo Efecto Hover Campos Desplegables*/
button.desplegable-selected-option:hover,
input[type="mail"]:hover,
input[type="tel"]:hover,
div:hover.desplegable-govco .desplegable-selected-option,
.entradas-de-texto-govco textarea:hover {
border: 1px solid #36c;
box-shadow: 0 0 5px #36c !important;
}
/*Estilo para formzar margen label desplegables*/
.label-desplegable-govco {
margin-bottom: 0.5rem !important;
}
/*Estilo para ajustar posicion campo Contador y entradas de texto*/
.entradas-de-texto-govco {
padding: 0rem 0 !important;
}
/*Eliminar sombra y borde en placeholde de desplegable con filtro*/
.gov-co-form-group .desplegable-govco .desplegable-selected-option input[type=text]:hover {
border: none;
box-shadow: none !important;
}
/*Estilo para textarea con estilos govco*/
.entradas-de-texto-govco textarea {
outline: none;
background-color: #FFFFFF;
border: 0.094rem solid #737373;
border-radius: 0.313rem;
width: 100%;
padding: 0.5rem;
color: #4B4B4B;
font-size: 16px;
margin-bottom: 0.5rem;
display: inline;
height: auto;
box-sizing: inherit;
line-height: 1.375rem;
}
/*Estilo focus Campos de texto*/
.entradas-de-texto-govco input:not(.success):not(.error):focus {
outline: max(0.125rem, 0.15em) solid #000000;
outline-offset: max(0.125rem, 0.15em);
}
/*Estilo focus Text Area*/
.form-control:focus {
outline: max(0.125rem, 0.15em) solid #000000;
outline-offset: max(0.125rem, 0.15em);
}
/* =========== CONVENIOS ACUERDOS ============= */
#convenios-ant.ca-entidad .ca-elemento, #acuerdos-ant.ca-entidad .ca-elemento {
display: -webkit-box;
-webkit-box-pack: stretch;
justify-content: stretch;
}
.ca-elemento {
margin-bottom: 1.25rem;
min-height: 200px;
}
.ca-elemento a {
text-decoration: none;
}
.ca-elemento a:hover {
text-decoration: underline;
}
.ca-entidad {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
/*Estilo para centrar divs con respecto a row*/
justify-content: center;
/*Estilo para acercar y proporcionar separacion entre divs*/
}
.ca-entidad .ca-container {
min-height: 100%;
}
.ca-container {
min-height: 282px;
background: #fff;
border: 1px solid #81ABFF;
padding: 2em;
text-align: center;
border-radius: 5px;
cursor: pointer;
display: flex;
/*Estilo para centrar logo verticalmente*/
}
.ca-container:hover {
border: 1px solid #36c;
box-shadow: 0 3px 5px 0 #3366cc24;
box-shadow: 0 4px 0 #3366cc24;
}
.ca-container img {
width: 70%;
margin: auto;
display: block;
}
@media (max-width: 768px) {
.ca-entidad .ca-container {
min-height: 180px;
padding: 0.5em;
}
.objeto-ca {
font-size: 1rem !important;
padding: 30px !important;
}
}
.ca-descripcion {
display: flex;
align-items: center;
}
.logo-ca {
width: 100%;
max-height: 150px;
justify-content: center;
padding: 20px;
}
.objeto-ca {
font-size: 1.2rem;
padding: 50px;
}
/* Estilo para las filas del tbody */
.tabla-ca tbody tr th:first-child,
.tabla-ca tbody tr td:first-child {
width: 25%; /* Primera columna al 25% del ancho */
}
.tabla-ca tbody tr th:nth-child(2),
.tabla-ca tbody tr td:nth-child(2) {
width: 75%; /* Segunda columna al 75% del ancho */
}
/* Estilo para dispositivos con ancho menor o igual a 600px */
@media (max-width: 600px) {
/* Las columnas deben ocupar el 100% del ancho */
.tabla-ca tbody tr th:first-child,
.tabla-ca tbody tr td:first-child,
.tabla-ca tbody tr th:nth-child(2),
.tabla-ca tbody tr td:nth-child(2) {
width: 100%;
display: block; /* Para que | quede encima de | */
}
}
.form-text {
font-size: .875em !important;
}
.btn-grupo-content {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.btn-grupo-content [class*="col-"] {
display: -webkit-flex;
display: flex;
}
a.btn-grupo-1-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
border: 1px solid #81ABFF;
border-radius: 8px;
text-decoration: none;
width: 100%;
}
a.btn-grupo-1-item:hover {
border: 1px solid #1C7E59;
background-image: url(../images/bg-btn-home-ant.jpg);
cursor: pointer;
}
.btn-grupo-1-item .content {
width: 75%;
}
.btn-grupo-1-item .content p {
font-family: "Montserrat-SemiBold" !important;
font-size: 1.25rem !important;
color: #004884;
line-height: 1.2;
padding-bottom: 15px;
display: flex;
align-items: baseline;
}
.btn-grupo-1-item .content p i {
width: 16px;
height: 16px;
color: #004884;
border-radius: 50%;
margin-right: 10px;
}
.btn-grupo-1-item .content span {
font-size: 0.852rem;
display: inline-block;
color: #1C7E59;
}
.btn-grupo-1-item .icon {
width: 72px;
height: 72px;
line-height: 72px;
border-radius: 6px;
background-color: #68AB44;
text-align: center;
}
.btn-grupo-1-item .icon img {
width: 44px;
}
.btn-grupo-1-item .icon img {
transition: .4s ease-in-out;
}
.btn-grupo-1-item:hover .icon img {
transform: rotate3d(1, 1, 1, 360deg);
}
.bor-bottom {
border-bottom: 1px solid #D9D9D9;
}
.p-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.pb-65 {
padding-bottom: 65px;
}
.mb-65 {
margin-bottom: 65px;
}
.mt-30 {
margin-top: 30px;
}
/********************************/
.counter-logros {
position: relative !important;
display: block;
overflow: hidden !important;
padding: 120px 0 120px;
z-index: 1;
/* background-color: #E3F1DB; */
background-image: linear-gradient(45deg, rgba(28, 126, 89, 0.75), /*rgba(0, 72, 132, 0.75),*/
rgba(104, 171, 68, 0.75)), url(../../assets/images/backgrounds/bg-cifras-home.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.counter-logros-left {
position: relative;
display: block;
}
.counter-logros-left .section-title {
margin-bottom: 25px;
}
.ant-separa-left-white {
width: 20%;
margin-right: 80%;
padding: 0px;
float: left;
height: 2px;
margin-top: 10px;
margin-bottom: 30px;
background-color: #FFF;
}
.counter-logros-left .section-title-tagline {
color: #FFF;
}
.counter-logros-left .section-title-tagline::before {
background-color: #FFF;
}
.counter-logros-left .section-title-title {
color: #FFF;
}
.counter-logros-text-1 {
font-size: 16px;
font-weight: 600;
color: #FFF;
}
.counter-logros-btn-box {
position: relative;
display: block;
margin-top: 31px;
}
.counter-logros-right {
position: relative;
display: block;
margin-left: 70px;
}
.counter-logros-counter {
position: relative;
display: block;
}
.counter-logros-counter:before {
content: "";
position: absolute;
top: 11px;
bottom: 4px;
left: 50%;
width: 1px;
background-color: #FFF;
}
.counter-logros-counter:after {
content: "";
position: absolute;
left: 0;
top: 50%;
right: 0;
height: 1px;
background-color: #FFF;
}
.counter-logros-counter li {
position: relative;
display: inline-block;
max-width: 190px;
width: 100%;
margin-bottom: 120px;
margin-right: 155px;
}
.counter-logros-counter li:nth-child(2) {
margin-right: 0;
}
.counter-logros-counter li:nth-child(3) {
margin-bottom: 0;
}
.counter-logros-counter li:nth-child(4) {
margin-bottom: 0;
margin-right: 0;
}
.counter-logros-single {
position: relative;
display: block;
}
.counter-logros-count-box {
position: relative;
display: flex;
align-items: center;
}
.counter-logros-count-box h3 {
font-size: 3.875rem;
color: #FFF;
font-weight: 800;
line-height: 70px;
letter-spacing: 0.04em;
margin-bottom: 10px;
}
.counter-logros-plus {
font-size: 70px;
color: #FFF;
font-weight: 800;
line-height: 70px;
letter-spacing: 0.04em;
}
.counter-logros-text-2 {
font-size: 1.125rem;
color: #FFF;
}
/* INDICADORES */
.hm-about-block {
display: inline-block;
vertical-align: top;
min-width: 25%;
padding: 0 10px;
margin: 0 0 20px 0;
}
.hm-about-block:hover .fa {
color: #00b4cb;
}
.hm-about-block:hover .fa::after {
border: 10px solid #FFF;
}
.hm-about-icon .fa {
position: relative;
font-size: 2rem;
color: #FFF;
width: 64px;
height: 64px;
line-height: 2em;
text-align: center;
border: 2px solid #FFF;
border-radius: 2px;
background-color: #FFF;
}
.hm-about-icon .fa::after {
content: '';
position: absolute;
top: -15%;
left: -15%;
width: 130%;
height: 130%;
border: 2px solid #d7d7d7;
border-radius: 2px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
z-index: 1;
}
.hm-about-number {
padding: 0 0 0 15px;
text-align: left;
}
.hm-about-number span {
display: block;
font-size: 2rem !important;
color: #FFF;
font-weight: 500;
}
.hm-about-number p {
font-size: 0.875rem;
color: #000;
}
.tbl-cell {
display: table-cell;
vertical-align: middle;
}
.tbl-cell.hm-about-icon {
vertical-align: top !important;
padding-top: 7px;
}
/*Colores Elementos Indicadores*/
/*Color Azul 1 Govco*/
span.color-azul-1, .hm-about-number > .fa.color-azul-1 {
color: #36C;
}
i.bc-azul-1 {
color: #36C !important;
border: 2px solid #36C !important;
}
.hm-about-block:hover i.fa.bc-azul-1::after {
border: 10px solid #36C;
}
/*Color Azul 2 Govco*/
span.color-azul-2, .hm-about-number > .fa.color-azul-2 {
color: #004884;
}
i.bc-azul-2 {
color: #004884 !important;
border: 2px solid #004884 !important;
}
.hm-about-block:hover i.fa.bc-azul-2::after {
border: 10px solid #004884;
}
/*Color Verde 1 ANT*/
span.color-verde-1, .hm-about-number > .fa.color-verde-1 {
color: #1C7E59;
}
i.bc-verde-1 {
color: #1C7E59 !important;
border: 2px solid #1C7E59 !important;
}
.hm-about-block:hover i.fa.bc-verde-1::after {
border: 10px solid #1C7E59;
}
/*Color Verde 2 ANT*/
span.color-verde-2, .hm-about-number > .fa.color-verde-2 {
color: #68AB44;
}
i.bc-verde-2 {
color: #68AB44 !important;
border: 2px solid #68AB44 !important;
}
.hm-about-block:hover i.fa.bc-verde-2::after {
border: 10px solid #68AB44;
}
/*Color Amarillo ANT*/
span.color-amarillo, .hm-about-number > .fa.color-amarillo {
color: #EBAB25;
}
i.bc-amarillo {
color: #EBAB25 !important;
border: 2px solid #EBAB25 !important;
}
.hm-about-block:hover i.fa.bc-amarillo::after {
border: 10px solid #EBAB25;
}
/*Color Naranja*/
span.color-naranja, .hm-about-number > .fa.color-naranja {
color: #F0572D;
}
i.bc-naranja {
color: #F0572D !important;
border: 2px solid #F0572D !important;
}
.hm-about-block:hover i.fa.bc-naranja::after {
border: 10px solid #F0572D;
}
/*Color Rojo*/
span.color-rojo, .hm-about-number > .fa.color-rojo {
color: #A80521;
}
i.bc-rojo {
color: #A80521 !important;
border: 2px solid #A80521 !important;
}
.hm-about-block:hover i.fa.bc-rojo::after {
border: 10px solid #A80521;
}
/*Color Lila*/
span.color-lila, .hm-about-number > .fa.color-lila {
color: #D870AD;
}
i.bc-lila {
color: #D870AD !important;
border: 2px solid #D870AD !important;
}
.hm-about-block:hover i.fa.bc-lila::after {
border: 10px solid #D870AD;
}
/*Fondo Transparente Iconos Porcentaje*/
div.hm-about-number:hover > i.fa::before {
background: transparent;
}
/*Tamaño Textos Valores Indicadores e Iconos Fa*/
.hm-about-number > span.counter, .hm-about-block > span > span.percent, .hm-about-number > .fa {
font-size: 2rem;
}
/* Pie Chart - Indicadores */
.chart-azul-1,
.chart-azul-2,
.chart-verde-1,
.chart-verde-2,
.chart-amarillo,
.chart-naranja,
.chart-rojo,
.chart-lila {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
display: table-cell;
}
.chart-azul-1 canvas,
.chart-azul-2 canvas,
.chart-verde-1 canvas,
.chart-verde-2 canvas,
.chart-amarillo canvas,
.chart-naranja canvas,
.chart-rojo canvas,
.chart-lila canvas {
position: absolute;
top: 0;
left: 0;
}
.percent {
display: inline-block;
line-height: 5.938rem;
width: 100px;
height: 100px;
text-align: center;
}
.percent:after {
content: '%';
margin-left: 0.1em;
font-size: .8em;
}
.angular {
margin-top: 90px;
}
.angular .chart-azul-1,
.angular .chart-azul-2,
.angular .chart-verde-1,
.angular .chart-verde-2,
.angular .chart-amarillo,
.angular .chart-naranja,
.angular .chart-rojo,
.angular .chart-lila {
margin-top: 0;
}
@media (max-width: 576px) {
.hm-about-block {
display: inline-grid !important;
justify-items: center;
}
.tbl-cell.hm-about-icon {
text-align: center !important;
}
.hm-about-number > span.counter {
text-align: center !important;
}
.hm-about-number {
padding: 0px !important;
margin: 10px 0;
}
.hm-about-number i {
display: flex;
justify-content: center; /* Centra horizontalmente */
margin: 10px 0;
}
}
|