
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital@0;1&display=swap');

/* CSS Document */


.videos {
    width: 100%;
    max-width: 600px;
    min-height: 315px;
}

.video {
    width: 100%;
}

table.elementos {
    margin:0 auto  2em auto;

}


table.elementos td, table.elementos th {
    padding: 7px;
    border: 1px solid #565902;


}
 
 
table.elementos th {
    background-color: #565902;
    color: #FFF;
}

.elementos .celda {
    background-color: #eceddd;
}


/* 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;
}

.borde {
    border:1px solid #565902;
}

/* fórmulas químicas */

.formula {
	  font-family: "PT Serif", serif;
text-align: center;
margin: 2rem 0;
}


.formula.resaltada {
   width: 100%;
    max-width: 418px;
    margin: 0 auto;
    border: 1px solid #565902;
    padding: 10px;
    border-radius: 10px;
}


.formula .big {
    font-size: 44px;
}


.formula .normal {
    font-family:'Open Sans', sans-serif;
}

.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:468px;
    }

 }

@media (min-width: 769px) and (max-width: 1199.99px)  {
#act-1 iframe {
    min-height: 805px;
}
}



@media (min-width: 1200px) {
    #act-1 iframe {
        min-height: 495px;
    }
}








/* actividad 2 */
@media (max-width: 768px)  {
    #act-2 iframe {
        min-height: 468px;
    }
}

@media (min-width: 769px) and (max-width: 1199.99px)  {
#act-2 iframe {
   min-height: 467px;
}
}


@media (min-width: 1200px) {
    #act-2 iframe {
        min-height: 432px;
    }
}





/* autoevaluación */
@media (max-width: 768px)  {
    #autoe-1 iframe {
        min-height: 468px;
    }

}


@media (min-width: 769px) and (max-width: 1199.99px)  {
 #autoe-1 iframe {
  min-height: 835px;
}
}


@media (min-width: 1200px) {
  #autoe-1 iframe {
               min-height: 690px;
    }
}
