@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital@0;1&display=swap');

/* CSS Document */


/* figura a manera de lista */
.lista-color {
	background-color: #70B0FF;
}

.lista-color .list-group-item {
	background-color: transparent;
	color: #111;
	font-weight: bold;
	font-size: .8rem;
	list-style: initial;
}

/* fórmulas químicas */

.formula {
	  font-family: "PT Serif", serif;
text-align: center;
margin: 2rem 0;
}

.fraction {
    display: inline-block;
    vertical-align: middle; 
    margin: 0 0.2em 0.4ex;
    text-align: center;
}
.fraction > span {
    display: block;
    padding-top: 0.15em;
}
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;}


.intsuma {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.intsuma > span {
    display: block;
    font-size: 70%;
}
.intsuma .lim-up {
    margin-bottom: -1.0ex;
}
.intsuma .lim {
    margin-top: -0.5ex;
}
.intsuma .sum {
    font-size: 1.5em;
    font-weight: lighter;
}
.intsuma .sum-frac {
    font-size: 1.5em;
    font-weight: 100;
}


.limes {
    position: relative;
    display: inline-block;
    margin: 0 0.2em;
    vertical-align: middle; 
    text-align: center;
}
.limes > span { 
    display: block;
    margin:-0.5ex auto;
}
.limes span.numup,
.limes span.overdn {
    font-size: 70%;
}


.number {
margin-left: 50px;
font-family: 'Open Sans', sans-serif;

}


/* pasos en carrusel**/

.paso {
font-size: 24px;
font-weight: bold;
}


/* actividad 1 */
@media (max-width: 768px)  {
    #act-1 iframe {
        min-height: 800px;
    }
}

@media (min-width: 768px) {
    #act-1 iframe {
        min-height: 1400px;
    }
}

@media (min-width: 1200px) {
    #act-1 iframe {
        min-height: 1100px;
    }
}





/* actividad 2 */
@media (max-width: 768px)  {
    #act-2 iframe {
        min-height: 1000px;
    }
}

@media (min-width: 768px) {
    #act-2 iframe {
        min-height: 1700px;
    }
}

@media (min-width: 1200px) {
    #act-2 iframe {
        min-height: 1300px;
    }
}


/* autoevaluación */
@media (max-width: 768px)  {
    #autoe-1 iframe {
        min-height: 1100px;
    }
}

@media (min-width: 768px) {
    #autoe-1 iframe {
        min-height: 2300px;
    }
}
@media (min-width: 922px) {
    #autoe-1 iframe {
        min-height: 2000px;
    }
}

@media (min-width: 992px) {
    #autoe-1 iframe {
        min-height: 2300px;
    }
}

@media (min-width: 1027px) {
    #autoe-1 iframe {
        min-height: 2000px;
    }
}
@media (min-width: 1200px) {
    #autoe-1 iframe {
        min-height: 1800px;
    }
}