h1{color: var(--azul); font-size: 2em;}
h2{color: var(--azul_claro);}
.texto{width: calc(100% - 8em); padding: 2em 4em;display:flex; justify-content: space-between;}
.texto .contenido{width: 55%;}
.texto .archivo{width: 45%;}
.texto .contenido .pasos{width: 100%;}
.texto .pasos ol{counter-reset:item;}
.texto .pasos li{list-style-position: inside !important;}
.texto .pasos ol li:last-child{border:none;}
.texto .pasos ol li {list-style: none;position: relative;padding-left: 4em;padding-top: 1em; padding-bottom: 1em;}
.texto .pasos ol li::before{
	counter-increment: item; 
	content: counters(item,".",decimal-leading-zero) ;
	font-size: 3em; 
	font-style: italic;
	height: auto; 
	width: auto;
	text-align: center; 
	position: absolute; 
	left: -20px; 
	color: var(--celeste_claro);
	top: 5px;}
.texto .pasos ul li{list-style: circle;}
.texto .pasos li li{padding-left: 1em;border:none; background: transparent; padding-top: 1em;}
.texto .pasos li li::before,.texto .pasos li li::after{content: none;}

.archivo{width: calc(100% - 2em); padding:  0 1em;}
.archivo .imagen{text-align: center; height: 450px;width: 100%;}
.archivo .imagen img{width: auto; height: auto; max-width:100%; max-height: 450px;}
.archivo a{text-align: center; display: block; margin: 0 auto; margin-top: 10px; background: var(--azul); color: #FFF; cursor: pointer; width: 100%; padding:  5px 7px; max-width: 250px;}

@media (max-width: 769px){
	h1,h2{font-size: 1.2em;}
	.texto{flex-wrap: wrap; width: calc(100% - 1em); padding: 1em;}
	.texto .contenido{width: 95%;}
	.texto .archivo{width: 95%;}
	.texto .pasos ol li {list-style: none;position: relative;padding-left: 4em;padding-top: 1em; padding-bottom: 1em;}
	.texto .pasos ol li::before{
	counter-increment: item; 
	content: counters(item,".",decimal-leading-zero) ;
	font-size: 2em; 
	font-style: italic;
	height: auto; 
	width: auto;
	text-align: center; 
	position: absolute; 
	left: 0px; 
	color: var(--celeste_claro);
	top: 10px;}
	.texto .pasos li li::before,.texto .pasos li li::after{content: none;}
}