/*Variables dependientes de la caja*/

/* FALTA: usar el numero de cajas dentro del div para dividir el calculo y obtener el tamaño del div */

:root {
    --height-box: 35vh;
    --space: 1vh;
    --height-box-small: 20vh;
}

.layer2 {

    width: 100vw;
    padding-top: 4vh;
}

.layer3 {
    width: 100vw;
    margin-top: 5vh;
}


/*Se debe unificar en box-line*/
.box-line-right3 {
    height: var(--height-box);
    border-right: 1.3vw solid #000000;
    padding-right: 0;
    padding-left: 0;
}

.box-line-right4 {
    height: var(--height-box-small);
    border-right: 1.3vw solid #000000;
    padding: 0;
}


.box-right2 {
    height: var(--height-box);
    padding: 0;
}

.box-right3{
    height: var(--height-box-small);
    padding: 0;
}

.text-top {
    font-size: 1.4em;
    color: white;
}

.band-green {
    padding: 1vh 0 1vh 0;
    margin-bottom: 2vh;
}


.band25{
    height: calc((var(--height-box) - 6*(var(--space)))/2) ;;
}





.text-band{
    color: white;
    font-size: 1.3em;
    line-height: 220%;
}


.band3{
    
    height: calc((var(--height-box) - 4*(var(--space)))/2) ;
}

.slide-5 #pop-burble2{
    top: 9vh;
}
.slide-5 .txt-circle{
    font-size: 2em;
}