@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,600;1,800&display=swap');

html {
    line-height: 1.5;
    font-family: 'JetBrains Mono';
    font-weight: normal;
    color: rgba(0,0,0,0.87);
  }

body {
    background-color: #6A7971;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

.espaciobotonera {
    margin-top: 68px;
}

.menu {
    display: block;
    z-index: 9;
    width: 100%;
}

.tabs {
    height: 44px;
}
.tabs .indicator {
    height: .2vw;
    background-color: #2F3632;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: #c9df3794;
    outline: none;
}
.tabs li:hover {
    background-color: #a2b6215b;
    text-decoration: ;
    text-decoration-thickness: 2px;
}

.plataformasus {
    padding: 1px 0;
}

.verde-neon{
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    background-color: #c0ff01;
}

.amarillo {
    color: #c0ff01;
}

.caja100 {
    background-image: url(../img/fondo100.png);
    background-size: cover;
    padding-top: 23px;
    padding-bottom: 1px;
}

.caja100 h2 {
    font-weight: bold;
    font-size: 80px;
    text-shadow: 3px 3px 0 #E2FF31;
    padding-bottom: 10px;
    text-align: left;
}

.caja100 li {
    font-weight: bolder;
    font-size: 19px;
    padding: 13px 0 0 15px;
    line-height: 15px;
}

.card-panel {
    border-radius: 20px;
}

.lista100 {
    padding-top: 14px;
}

.cuadradoimg, .cuadradotxt {
    aspect-ratio: 1;
    background-size: cover;
} 
.galeria > .row {
    margin: 0;
}

.cuadradotxt > .progress {
    width: calc(100% - 6vw);
    margin: 3vw 3vw 0;
}

.cuadradotxt {
    aspect-ratio: 1;
}

.galeria h2 {
    font-weight: bold;
    font-size: 4.5vw;
    margin-top: calc(100% - 23vw);
    margin-bottom: -15px;
    padding-left: 3vw;
    color: #E2FF31;
}

.galeria p {
    color: white;
    font-size: 2vw;
    padding-left: 3vw;
    padding-right: 20%;
}

.nuevos{
    width: 100%;
    height: 40vw;
    padding: 1px;
    box-shadow: 1px 1px 100px 25px rgba(45, 54, 49, 0.5);
}
.carousel.carousel-slider .carousel-item {
    width: 50%;
    height: 50%;
    min-height: none;
    position: absolute;
    top: .15vw;
    left: 11vw;
}
.carousel .indicators {
    margin: -1.2vw;
}
.carousel-item {
    width: 100%;
    height: 100%;
}
.carousel .indicators .indicator-item {
    height: .7vw;
    width: .7vw;
    margin: 24px 4px;
    background-color: #c0ff01
}
.carousel .carousel-item > img {
    width: 28vw;
    align-content: center;
}
.subtitulo {
    margin: 3vw 14vw 0vw;
    width: 40vw;
    height: 6vw;
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 3vw;
    color: #FFFFFF;
}
.subtitulov2 {
    margin: 3vw 14vw 0vw;
    height: 3vw;
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 3vw;
    color: #000000;
}
.barra{
    width: 35vw;
    margin: 0vw 14vw 0vw;
    height: .06vw;
    background-color: white;
    color: white;
}

.barrav2{
    width: 35vw;
    margin: 0vw 14vw 0vw;
    height: .06vw;
    background-color: black;
    color: black;
}
.strong{
    font-weight: 800;
}
.rrr-panel{
    background-image: url(../img/fondo100.png);
    background-size: cover;
    padding-top: 23px;
    padding-bottom: 1px;
}
.rrr{
    width: 22vw;
    height: 25vw;
    padding: 2vw;
    margin: 3vw 14vw 4vw 14vw;  
    background: #d1d1d1;
    box-shadow: .5vw .5vw .5vw rgba(33, 39, 36, 0.44), inset -.5vw -.5vw .5vw rgba(34, 39, 35, 0.55);
    border-radius: 3vw;
}
.rrr-titulo{
    font-family: 'JetBrains Mono';
    color: #E2FF31;
    text-shadow: .2vw .2vw .1vw #2F3632;
}
.rrr-cuerpo{
    font-size: 1.3vw;
    height: 1vw;
    width: 18vw;
    font-family: 'JetBrains Mono';
    text-align: justify;
    color: #000000;
    font-style: Normal;
}
.card {
    font-size: 1vw;
    font-weight: 400;
    font-style: Normal;
}
.card-title {
    font-size: 2.2vw;
    font-weight: 800;
    font-style: Normal;
}

.notificaciones{
    height: 40px;
    font-family: arial;
    font-size: 13px;
}


/* SUSTENTABILIDAD */

mark {
    background-color: #c0ff01;
    padding: 1px 7px;
    margin-left: -12px;
    font-style: italic;
}

#sustentabilidad p {
    font-size: 20px;
    font: medium;
}

#sustentabilidad h4, h5 {
    padding-bottom: 2vw;
}

#sustentabilidad .section {
    padding: 50px 0
}

#sustentabilidad .chip {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color: rgb(199, 199, 199);
}


/* FOOTER */

footer i {
    padding-right: 15px;
}

footer li {
    display: inline-block;
    font-size: large;
    padding-top: 5px;
}

footer {
    margin-bottom: -20px;
}