52 lines
2.9 KiB
CSS
52 lines
2.9 KiB
CSS
.header { color: inherit !important; font-family: inherit !important; }
|
|
|
|
#banner { padding-top: 12rem; padding-bottom: 12rem; background-color: rgba(0, 0, 0, 0.6); background-position: center; background-repeat: no-repeat; background-size: 1920px auto; background-blend-mode: multiply; }
|
|
|
|
#banner #mensaje { margin-bottom: 2rem; color: white; font-weight: 300; font-size: 1.6rem; }
|
|
|
|
#banner #mensaje .header { font-weight: 900 !important; font-size: 1.9rem; }
|
|
|
|
#banner .button { font-family: inherit; font-weight: 900; background-color: #0d103c !important; color: white; }
|
|
|
|
#aviso { color: white; background-color: #429ab7; padding-top: 5rem; padding-bottom: 3rem; font-size: 1.6rem; font-weight: 300; }
|
|
|
|
#aviso .header { font-weight: 900; }
|
|
|
|
#destacados { padding-top: 3rem; padding-bottom: 5rem; background-color: #a7a9ab; min-height: 40rem; }
|
|
|
|
#destacados .header { color: #0d103c !important; font-weight: 600; }
|
|
|
|
#destacados .titulo { font-size: 1.6rem; font-weight: 900; padding-bottom: 1rem; }
|
|
|
|
#destacados .ficha { border-radius: 0; border: 0; box-shadow: none !important; }
|
|
|
|
#destacados .ficha .content .segment { background-color: #f4f4f4 !important; padding-top: 0 !important; padding-bottom: 0 !important; font-weight: 300; }
|
|
|
|
#destacados .ficha .content .button { font-family: inherit !important; font-weight: 900; padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; background-color: #0d103c !important; }
|
|
|
|
#destacados .ficha .image { height: 11rem; overflow: hidden; display: flex; align-items: center; }
|
|
|
|
#destacados .ficha .image img { width: 100%; vertical-align: middle; }
|
|
|
|
#destacados .ficha .overlay { background-color: #0d103c; color: white; opacity: 0.8; text-align: center; position: absolute; z-index: 999; top: 1.9rem; right: -2.2rem; width: 10rem; padding-top: .3rem; padding-bottom: .3rem; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
|
|
|
|
#destacados .active { font-weight: 900; }
|
|
|
|
#segmentos { padding-top: 4rem; padding-bottom: 4rem; }
|
|
|
|
#segmentos .titulo { color: #0d103c !important; }
|
|
|
|
#segmentos .grid .basic.segment .header { margin-top: 1rem; }
|
|
|
|
#resumen { background-position: center; background-position-y: -60rem; background-repeat: no-repeat; background-size: 2600px auto; min-height: 20rem; padding-top: 3rem; }
|
|
|
|
#resumen .inverted.circular.segment { background-color: rgba(0, 0, 0, 0.8); }
|
|
|
|
#indicadores { background-color: #a7a9ab; padding-top: 1rem; padding-bottom: 1rem; height: 4rem; }
|
|
|
|
#indicadores .slideshow { overflow: hidden; text-align: center; height: 2rem; }
|
|
|
|
#indicadores .slideshow .slide { display: inline; float: left; color: white; padding: 0; margin-right: 1rem; text-align: center; padding-left: 1rem; padding-right: 2rem; border-right: thin solid black; }
|
|
|
|
#indicadores .slideshow .slide .value:last-child { padding-left: 0.3rem; font-weight: 100 !important; }
|